
/* Shared TorreRey navigation. All module links retain their own access controls. */
.trw-ecosystem-bar { position: relative; z-index: 30; background: #071a2e; color: #f3f6fa; border-bottom: 1px solid #29415a; font-family: "Segoe UI", system-ui, sans-serif; font-size: 14px; line-height: 1.4; }
.trw-ecosystem-inner { width: min(100% - 32px, 1200px); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 50px; }
.trw-ecosystem-home { display: flex; align-items: center; gap: 10px; min-height: 44px; text-decoration: none; color: #fff; font-size: 14px; font-weight: 650; }
.trw-ecosystem-home > span { color: #d6b66e; border-left: 1px solid #496077; padding-left: 10px; font-size: 12px; font-weight: 450; }
.trw-ecosystem-switch { position: relative; flex-shrink: 0; }
.trw-ecosystem-switch > summary { min-height: 44px; display: flex; align-items: center; gap: 8px; padding: 8px 12px; color: #f3f6fa; font-size: 13px; font-weight: 600; cursor: pointer; list-style: none; }
.trw-ecosystem-switch > summary::-webkit-details-marker { display: none; }
.trw-ecosystem-switch > summary::after { content: "⌄"; color: #e1c47e; font-size: 17px; }
.trw-ecosystem-switch[open] > summary { background: #18344f; }
.trw-ecosystem-bar .trw-ecosystem-menu { position: absolute; top: calc(100% + 4px); right: 0; z-index: 50; display: grid; gap: 4px; width: min(330px, calc(100vw - 32px)); max-height: calc(100dvh - 150px); overflow-y: auto; padding: 10px; border: 1px solid #3b536b; border-radius: 12px; background: #0b263f; box-shadow: 0 14px 35px #0005; }
.trw-ecosystem-bar .trw-ecosystem-menu > a { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 46px; margin: 0; padding: 10px 12px; color: #fff; text-decoration: none; font-size: 14px; font-weight: 550; border-radius: 6px; }
.trw-ecosystem-bar .trw-ecosystem-menu > a:hover { background: #1b3a58; }
.trw-ecosystem-bar .trw-ecosystem-menu > a > span { font-size: 10px; font-weight: 450; color: #e1c47e; }
.trw-ecosystem-bar a:focus-visible, .trw-ecosystem-switch > summary:focus-visible { outline: 2px solid #e1c47e; outline-offset: 2px; }
@media (max-width: 390px) { .trw-ecosystem-home { gap: 7px; font-size: 13px; } .trw-ecosystem-home > span { max-width: 100px; font-size: 11px; padding-left: 7px; } .trw-ecosystem-switch > summary { font-size: 12px; padding: 8px 5px; } }
@media print { .trw-ecosystem-bar { display: none; } }

html { scroll-padding-top: 170px; }
