/* Storm-blue emergency identity; bright working surfaces keep reporting readable. */
:root { --signal: #ffac58; --navy: #0c263b; --sky: #77e0e1; }
body { background: radial-gradient(ellipse at 5% 15%, #123e51 0, transparent 48%), #071521; }
.app-header { background: rgba(7,24,35,.97); border-color: #294957; box-shadow: 0 8px 28px rgba(0,0,0,.24); backdrop-filter: blur(16px); }
.app-header .brand, .app-header #primary-navigation > a { color: #dcebef; }
.app-header #primary-navigation > a[aria-current=page], .app-header #primary-navigation > a:hover { color: var(--sky); }
.app-header .brand small { color: #9fb8c2; }
.app-header .brand-m { color: var(--sky); }
.app-header .brand-version { border-color: #3a6d76; color: var(--sky); background: transparent; }
.account-menu summary, .header-account-login { border-color: #ffc27f; background: #ffac58; color: #102a38; box-shadow: 0 5px 22px #ff9b3424; }
.account-menu summary:hover, .header-account-login:hover { background: #ffc06d; }
.account-avatar { background: #0b2b3b; color: var(--sky); }
.menu-toggle { background: #103443; color: #eef8f9; border-color: #41636e; }
.app-header #primary-navigation { border-color: #294957; background: transparent; }
.assessment-intro h1, .track-copy h1, .flow-list strong { color: #f1f8fb; }
.assessment-intro h1 span, .track-copy h1 span, .assessment-intro .section-kicker, .track-copy .section-kicker, .flow-list b { color: var(--sky); }
.assessment-intro > p, .track-copy > p, .flow-list li { color: #b9ced9; }
.assessment-intro .trust-note, .track-copy .trust-note { background: #173b49; color: #d0efeb; border: 1px solid #36636a; }
.assessment-card, .track-panel { box-shadow: 0 20px 65px #0003; border-color: #3a5966; }
.card-heading { background: linear-gradient(120deg, #103448, #0b2437); }
.dashboard-intro h1 { color: #f1f8fb; }
.dashboard-intro .section-kicker { color: var(--sky); }
.dashboard-intro p:not(.section-kicker) { color: #b9ced9; }
.dashboard-gate { background: radial-gradient(ellipse at 15% 70%, #1d536355, transparent 60%); }
.dashboard-gate > section { border-color: #5f808d; box-shadow: 0 24px 80px #0005; }
.dashboard-stats article { border: 1px solid #3e6376; background: linear-gradient(140deg, #173e53, #0b2539); }
.site-footer { position: relative; background: radial-gradient(ellipse at 0% 100%, #164757 0, transparent 62%), #071823; border-top: 1px solid #294957; color: #a9c1ca; padding-top: 56px; padding-right: max(128px, calc((100vw - 1216px) / 2)); }
.site-footer::before { content: ''; position: absolute; top: -2px; left: 0; width: 30%; height: 3px; background: linear-gradient(90deg, #71dbdd, #ffac58, transparent); }
.footer-brand > a { font-size: 3.5rem; }
.site-footer .footer-logo > span { color: #edf7f8; }
.site-footer .footer-logo small { border-color: #3a6d76; color: var(--sky); background: transparent; }
.site-footer .footer-brand p, .site-footer .footer-main p { color: #a9c1ca; }
.site-footer .footer-main h2 { color: var(--sky); }
.site-footer .footer-main > div:not(.footer-brand) a { color: #d7e8eb; }
.site-footer .footer-main > div:not(.footer-brand) a:hover { color: #ffbf7c; }
.site-footer .footer-bottom { border-color: #294957; color: #91aeb8; }
:focus-visible { outline-color: #f49b3e; }
@media (hover: hover) and (pointer: fine) {
  .account-menu summary, .header-account-login, .bulletin-actions .primary-action { transition: transform 200ms cubic-bezier(.23,1,.32,1), background-color 160ms ease; }
  .account-menu summary:hover, .header-account-login:hover, .bulletin-actions .primary-action:hover { transform: translateY(-2px); }
}
@media (max-width: 600px) { .site-footer { padding-right: 20px; padding-bottom: 106px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }