/* ECS approved blue-green identity and accent layout. */
:root,:root[data-theme]{color-scheme:light;--navy:#0B3A49;--navy-deep:#0B3A49;--navy-2:#0B3A49;--deep:#0B3A49;--teal:#0B3A49;--teal-dark:#0B3A49;--teal-2:#0B3A49;--gold:#0B3A49;--coral:#0B3A49;--ink:#0B3A49;--ink-deep:#0B3A49;--muted:#60717A;--line:#D7E4E1;--white:#FFFFFF;--mint:#FFFFFF;--paper:#FFFFFF;--soft:#FFFFFF;--gold-soft:#FFFFFF;--red-soft:#FFFFFF;--green-soft:#FFFFFF;--green:#0B3A49;--amber:#0B3A49;--red:#0B3A49;--blue:#0B3A49;}
html,body{background:#FFFFFF!important;color:#0B3A49!important}body{background-image:none!important}

.site-header,.prototype-sidebar,.app-sidebar,.mobile-header,.mobile-topbar,.site-footer,[data-ecs-logo-panel]{background:#FFFFFF!important;background-image:none!important;color:#0B3A49!important;border-color:#D7E4E1!important}
.brand img,.site-footer img,[data-ecs-logo-panel] img{background:#FFFFFF!important;object-fit:contain!important;filter:none!important}
.site-header .brand img,.site-header .social-button{box-shadow:none!important;filter:none!important}
.site-header .site-nav,.site-header .site-nav *{text-shadow:none!important}
.site-footer img{padding:12px!important}
.site-header .site-nav a,.site-header .nav-dropdown-trigger,.site-header .nav-toggle{background:#FFFFFF!important;color:#0B3A49!important;border-color:#D7E4E1!important}
.site-header .nav-toggle span{background:#0B3A49!important}
.site-header .site-nav a *,.site-header .nav-dropdown-trigger *,.site-header .brand *{color:#0B3A49!important;text-shadow:none!important}
.section-band,.hero,.intro,.content-band,.dashboard-options-page,.customer-welcome,.next-steps,.notice-box,.notice-box.warning,.status-pill,.pill,.learning-progress,.journey-summary,.org-position.selected,.org-position button:hover,.portrait-placeholder,.weekly-cards article,.calendar-cell:not(.selected),.requirement-event,.hero-panel{background:#FFFFFF!important;background-image:none!important;color:#0B3A49!important}
.status-pill,.pill,.notice-box,.customer-welcome,.next-steps{border:1px solid #D7E4E1!important}
.requirement-event{border-color:#0B3A49!important;color:#0B3A49!important}
.management-lane-hours{background-color:#FFFFFF!important;background-image:repeating-linear-gradient(to bottom,#FFFFFF 0,#FFFFFF 59px,#D7E4E1 59px,#D7E4E1 60px)!important}
.auth-logo-wrap[data-ecs-logo-panel]{background:#FFFFFF!important;border:none!important;padding:10px}
.auth-logo img,.strategy-logo img{filter:none!important}
.social-button,.button.primary{background:#0B3A49!important;color:#FFFFFF!important}
.prototype-sidebar button{background:#FFFFFF!important;color:#0B3A49!important}
.prototype-sidebar button.is-active{border-left:3px solid #0B3A49!important}
.prototype-sidebar button *{color:#0B3A49!important}
.button.secondary,button.secondary{background:#FFFFFF!important;color:#0B3A49!important}
.home-video-hero .hero-copy h1,.home-video-hero .hero-copy .hero-lede,.home-video-hero .hero-copy .statement{color:#FFFFFF!important}
.hero-media[data-ecs-logo-panel]{background:#FFFFFF!important;border-color:#D7E4E1!important}
.hero-media[data-ecs-logo-panel]{display:flex!important;flex-direction:column!important;min-height:0!important;box-shadow:none!important}
.hero-media[data-ecs-logo-panel]>img{height:320px!important;width:100%!important;object-fit:contain!important}
.hero-media[data-ecs-logo-panel] .hero-panel{position:static!important;inset:auto!important;transform:none!important;margin:0!important;max-width:none!important;width:100%!important;border-radius:0!important;border-top:1px solid #D7E4E1!important;box-shadow:none!important}
.hero-media[data-ecs-logo-panel] .hero-panel *{color:#0B3A49!important}
@media(max-width:700px){.hero-media[data-ecs-logo-panel]>img{height:260px!important}}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0B3A49!important;outline-offset:3px}

/* Accent panels approved by the user. */
:root{--accent-mist:#EFF5F5;--accent-primary:#0B3A49;--chart-green:#218278;--chart-blue:#457CAD;--chart-amber:#BC8335;--chart-purple:#7966A8}
[data-accent-intro]{padding:24px 28px;border-radius:12px;margin:22px 0;border-left:5px solid #0B3A49;box-sizing:border-box}
[data-accent-intro] h1{margin-top:0}[data-accent-intro] p:last-child{margin-bottom:0}
[data-accent-panel="soft"]{border-color:#D7E4E1!important}
[data-accent-panel="strong"]{border-color:#0B3A49!important}
.hero-media[data-ecs-logo-panel] .hero-panel{border-top:4px solid #0B3A49!important;padding:22px!important}
.hero-media[data-ecs-logo-panel]>img{background:#FFFFFF!important}
.accent-website-header .site-nav .accent-primary-tab{background:#0B3A49!important;color:#FFFFFF!important;border-color:#0B3A49!important;border-radius:9px!important;box-shadow:none!important;text-shadow:none!important}
.accent-website-header .site-nav .accent-primary-tab *{color:#FFFFFF!important;text-shadow:none!important}
.accent-website-header .accent-primary-tab[aria-current="page"]{outline:2px solid #0B3A49;outline-offset:3px}
.accent-website-header .social-links{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;gap:8px!important;justify-content:flex-end!important}
.accent-website-header .social-button{width:100%!important;height:52px!important;min-width:44px!important;border-radius:9px!important;background:#0B3A49!important;color:#FFFFFF!important;border:1px solid #0B3A49!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:27px!important;font-weight:800!important;box-sizing:border-box!important;padding:0!important}
.accent-website-header .social-button svg{width:29px;height:29px;display:block;color:#FFFFFF!important}
.accent-website-header .social-button,.accent-website-header .social-button *{text-decoration:none!important}
.accent-website-header .brand-mark{filter:none!important;box-shadow:none!important}
.accent-website-header .social-cluster-label{color:#0B3A49!important;font-size:10px!important;letter-spacing:.12em!important;font-weight:700!important}
.prototype-sidebar button{background:#0B3A49!important;color:#FFFFFF!important;border-color:#52717C!important}
.prototype-sidebar button *{color:#FFFFFF!important}
.prototype-sidebar button.is-active,.prototype-sidebar button.is-active *{background:#FFFFFF!important;color:#0B3A49!important}
.prototype-sidebar .brand,.prototype-sidebar .brand-mark{background:#FFFFFF!important}
.prototype-sidebar .sidebar-foot,.prototype-sidebar .sidebar-foot *{color:#FFFFFF!important}
.site-footer img{border-radius:8px}
.accent-score-track{height:7px;border-radius:6px;margin:15px 0 8px;overflow:hidden}
.accent-score-fill{height:100%;border-radius:6px}
@media(min-width:1280px){
 .accent-website-header{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:66px auto!important;gap:12px 26px!important;padding:20px 32px!important;align-items:center!important}
 .accent-website-header .header-top{display:contents!important}
 .accent-website-header .brand{grid-column:1!important;grid-row:1/3!important;width:142px!important;margin:0!important}
 .accent-website-header .brand img,.accent-website-header .brand-mark{width:142px!important;height:166px!important;padding:0!important;object-fit:contain!important}
 .accent-website-header .header-actions{grid-column:2!important;grid-row:1!important;display:flex!important;width:100%!important;justify-content:flex-end!important;align-items:end!important}
 .accent-website-header .social-cluster{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:5px!important;width:calc((100% - (var(--accent-nav-count,5) - 1)*10px)/var(--accent-nav-count,5))!important}
 .accent-website-header .site-nav{grid-column:2!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(var(--accent-nav-count,5),minmax(0,1fr))!important;gap:10px!important;margin:0!important;width:100%!important;align-items:stretch!important}
 .accent-website-header .site-nav>.nav-dropdown{width:100%!important;margin:0!important}
 .accent-website-header .site-nav>a,.accent-website-header .nav-dropdown-trigger{width:100%!important;min-width:0!important;min-height:72px!important;height:100%!important;padding:10px 7px!important;font-size:12px!important;line-height:1.25!important;box-sizing:border-box!important;white-space:normal!important;text-align:center!important;justify-content:center!important}
 .accent-website-header .nav-toggle{display:none!important}
}
@media(max-width:1279px){
 .accent-website-header{display:block!important;padding:16px 18px!important}
 .accent-website-header .header-top{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important}
 .accent-website-header .brand{width:100px!important;flex:0 0 100px!important}
 .accent-website-header .brand img,.accent-website-header .brand-mark{width:100px!important;height:122px!important}
 .accent-website-header .header-actions{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:12px!important;flex:1!important}
 .accent-website-header .social-cluster{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:5px!important;width:200px!important}
 .accent-website-header .social-button{height:44px!important;min-width:44px!important;font-size:24px!important;border-radius:7px!important}
 .accent-website-header .social-links{gap:8px!important}
 .accent-website-header .social-button svg{width:26px;height:26px}
 .accent-website-header .nav-toggle{display:none!important}
 .accent-website-header .site-nav,.accent-website-header.is-open .site-nav,.accent-website-header .site-nav.is-open{display:grid!important;position:relative!important;inset:auto!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;margin-top:18px!important;padding:0!important;width:100%!important;background:transparent!important;border:0!important}
 .accent-website-header .site-nav>a,.accent-website-header .nav-dropdown-trigger{padding:10px 4px!important;min-height:76px!important;font-size:11px!important;height:100%!important;justify-content:center!important;align-items:center!important;line-height:1.3!important;white-space:normal!important;box-sizing:border-box!important;text-align:center!important}
 [data-accent-intro]{padding:18px;border-left-width:4px}
}


.accent-website-header{background:#EFF5F5!important}.accent-website-header .brand,.accent-website-header .brand-mark,.accent-website-header .brand img{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;box-sizing:border-box}.accent-website-header .social-facebook{background:#0866FF!important;border-color:#0866FF!important}.accent-website-header .social-linkedin{background:#0A66C2!important;border-color:#0A66C2!important}.accent-website-header .social-youtube{background:#FF0033!important;border-color:#FF0033!important}.accent-website-header .social-instagram{background:#C13584!important;background-image:linear-gradient(135deg,#FCAF45,#DD2A7B,#8134AF)!important;border-color:#C13584!important}
@media(max-width:359px){.accent-website-header .header-top{gap:8px!important;flex-wrap:nowrap!important}.accent-website-header .brand{width:76px!important;flex-basis:76px!important}.accent-website-header .brand img,.accent-website-header .brand-mark{width:76px!important;height:96px!important}}

/* Five equal banner tabs; native disclosure controls also work with touch and keyboard. */
.accent-website-header .site-nav{overflow:visible!important}
.accent-website-header .site-nav>.nav-dropdown{min-width:0!important;width:100%!important;margin:0!important;position:relative!important}
.accent-website-header summary.nav-dropdown-trigger{list-style:none!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;gap:5px!important;width:100%!important;box-sizing:border-box!important}
.accent-website-header summary.nav-dropdown-trigger::-webkit-details-marker{display:none!important}
.accent-website-header summary.nav-dropdown-trigger::after{content:"";display:block!important;width:0;height:0;margin:0!important;border-left:4px solid transparent!important;border-right:4px solid transparent!important;border-top:5px solid #FFFFFF!important}
.accent-website-header details:not([open])>.nav-dropdown-menu{display:none!important}
.accent-website-header details[open]>.nav-dropdown-menu{display:grid!important;gap:4px!important}
.accent-website-header .nav-dropdown-menu{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:auto!important;min-width:0!important;width:280px!important;max-width:calc(100vw - 36px)!important;max-height:min(440px,55vh)!important;overflow:auto!important;padding:8px!important;box-sizing:border-box!important;background:#FFFFFF!important;color:#0B3A49!important;border:1px solid #D7E4E1!important;border-radius:9px!important;box-shadow:0 10px 28px rgba(11,58,73,.15)!important;z-index:100!important}
.accent-website-header details[data-ecs-navigation-group="future"]>.nav-dropdown-menu,.accent-website-header details[data-ecs-navigation-group="contact"]>.nav-dropdown-menu{left:auto!important;right:0!important}
.accent-website-header .site-nav .nav-dropdown-menu a{display:flex!important;align-items:center!important;min-height:46px!important;height:auto!important;padding:12px!important;font-size:13px!important;font-weight:700!important;text-align:left!important;white-space:normal!important;background:#FFFFFF!important;color:#0B3A49!important;border:1px solid #D7E4E1!important;border-radius:6px!important;box-shadow:none!important;box-sizing:border-box!important}
.accent-website-header .site-nav .nav-dropdown-menu a:hover,.accent-website-header .site-nav .nav-dropdown-menu a:focus-visible{background:#EFF5F5!important}
@media(max-width:1279px){.accent-website-header .site-nav>a{display:flex!important}.accent-website-header .site-nav>.nav-dropdown{position:static!important}.accent-website-header .site-nav .accent-primary-tab{border-radius:7px!important}}

/* Functional traffic lights remain separate from decorative brand colours. */
:root,:root[data-theme]{--green:#198754;--green-bg:#E9F8EF;--green-soft:#E9F8EF;--amber:#8A5200;--orange:#8A5200;--amber-bg:#FFF4DA;--orange-bg:#FFF4DA;--gold-soft:#FFF4DA;--red:#B93838;--red-bg:#FFF0F0;--red-soft:#FFF0F0;--blue:#23759A;--blue-bg:#E7F4F9;--ecs-status-green:#198754;--ecs-status-amber:#8A5200;--ecs-status-red:#B93838}
.is-red,.is-overdue,[data-traffic="red"]{--ecs-status:#B93838;--ecs-status-soft:#FFF0F0}
.is-amber,.is-orange,.is-warning,[data-traffic="amber"]{--ecs-status:#8A5200;--ecs-status-soft:#FFF4DA}
.is-green,.is-current,[data-traffic="green"]{--ecs-status:#198754;--ecs-status-soft:#E9F8EF}
.is-blue{--ecs-status:#23759A;--ecs-status-soft:#E7F4F9}
:is(.status-pill,.pill,.traffic-chip,.status-chip,.quality-chip):is(.is-red,.is-amber,.is-orange,.is-green,.is-blue){background:var(--ecs-status-soft)!important;color:var(--ecs-status)!important;border-color:var(--ecs-status)!important}
:is(.status-pill,.pill,.traffic-chip,.status-chip,.quality-chip):is(.is-red,.is-amber,.is-orange,.is-green,.is-blue) *{color:var(--ecs-status)!important}
.traffic-dot:is(.is-red,.is-amber,.is-orange,.is-green){color:var(--ecs-status)!important;background:#FFFFFF!important}
.traffic-dot::before,.traffic-chip::before{background:currentColor!important}
.traffic-signal{background:var(--ecs-status,#198754)!important;border-color:var(--ecs-status,#198754)!important;box-shadow:0 0 0 5px var(--ecs-status-soft,#E9F8EF)!important}
:is(.task-card,.metric-card,.task-flag-card,.issue-context-banner,.eport-attention-strip):is(.is-red,.is-amber,.is-orange,.is-warning,.is-green,.is-overdue,.is-current){border-left-color:var(--ecs-status)!important}
.notice-box.warning{background:#FFF4DA!important;border-left-color:#8A5200!important}

/* White hero lettering has only a slight transparency; the video remains behind a readable scrim. */
[data-ecs-video-hero]{border:0!important;border-radius:0!important;color:rgba(255,255,255,.94)!important}
[data-ecs-video-hero][data-ecs-below-banner]{padding-top:calc(var(--ecs-website-header-height,188px) + 24px)!important}
[data-ecs-video-hero]::after{background:linear-gradient(90deg,rgba(11,58,73,.80),rgba(11,58,73,.74),rgba(11,58,73,.78))!important;pointer-events:none}
[data-ecs-video-hero] :is(h1,h2,h3,p,.statement,.hero-lede){text-shadow:0 2px 10px rgba(11,58,73,.55)}
[data-ecs-video-hero] .hero-caveat{background:#0B3A49!important;border-color:#0B3A49!important;color:#FFFFFF!important}
[data-ecs-filled-box]{background-color:#0B3A49!important;color:#FFFFFF!important}
[data-ecs-stream]{background-color:var(--ecs-stream-colour)!important;color:#FFFFFF!important;border-color:var(--ecs-stream-colour)!important}
.accent-website-header .site-nav [data-ecs-stream]{background-color:var(--ecs-stream-colour)!important;color:#FFFFFF!important;border-color:var(--ecs-stream-colour)!important}
[data-ecs-filled-box] :is(input,select,textarea){color:#0B3A49!important;background:#FFFFFF!important;caret-color:#0B3A49}
[data-ecs-filled-box] :is(input,textarea)::placeholder{color:#60717A!important;opacity:1}
[data-ecs-filled-box] :is(a,button,input,select,textarea,summary):focus-visible{outline-color:#FFFFFF!important}
[data-ecs-filled-box]:focus-visible,[data-ecs-stream]:focus-visible{outline:3px solid #0B3A49!important;outline-offset:3px}
[data-ecs-stream].is-active{box-shadow:0 0 0 3px #FFFFFF,0 0 0 5px var(--ecs-stream-colour)!important}
.map-location-link.is-active{outline:2px solid #0B3A49;outline-offset:3px}

/* Borderless artwork keeps its original transparency and shape on every backdrop. */
[data-ecs-logo-surface="transparent"]{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
img[data-ecs-approved-logo]{padding:0!important;object-fit:contain!important}
img[data-ecs-logo-tone="white"]{filter:brightness(0) invert(1)!important}
img[data-ecs-logo-tone="bluegreen"]{filter:none!important}