/* APPROVED CAMP BOSS UI DESIGN LAYER — presentation only */
:root{--bg:#0d253c;--panel:#15374f;--panel2:#1a405b;--line:#31556d;--text:#edf6ff;--muted:#abc3d6;--gold:#65d3e2;--gold2:#8fe6ef;--green:#37d6a1;--amber:#ffc267;--red:#ff8585;color-scheme:dark;--cb-navy:#0d253c;--cb-panel:#15374f;--cb-line:#31556d;--cb-text:#edf6ff;--cb-muted:#abc3d6;--cb-cyan:#48bfd0;--cb-green:#35d19a;--cb-amber:#f0b44d;--cb-red:#ef6868}
html,body{background:var(--cb-navy)!important;color:var(--cb-text)!important}body{background:radial-gradient(circle at 72% -8%,rgba(72,191,208,.11),transparent 31%),linear-gradient(145deg,#0d263e 0%,#173a52 58%,#102c43 100%)!important}
.app-sidebar{width:216px!important;background:linear-gradient(180deg,#102c43 0%,#14364f 100%)!important;border-right:1px solid #17364a!important;box-shadow:18px 0 42px rgba(0,0,0,.22)!important;padding:20px 14px!important}[dir=rtl] .app-sidebar{border-right:0!important;border-left:1px solid #17364a!important}.side-brand{padding:4px 5px 18px!important;border-color:#16374b!important}.side-brand .brand-mark{background:linear-gradient(135deg,#1f91aa,#35d19a)!important;color:#04131e!important;border:0!important;box-shadow:0 8px 24px rgba(53,209,154,.18)!important}.side-brand b{color:#f0f8fc!important;font-size:14px!important}.side-brand small{color:#6f9aaf!important}.side-nav button{color:#789bb0!important;border:1px solid transparent!important;border-radius:11px!important;min-height:44px!important;padding:11px 12px!important}.side-nav button:hover,.side-nav button.active{background:linear-gradient(90deg,rgba(72,191,208,.13),rgba(53,209,154,.07))!important;border-color:#20506a!important;color:#e9f7fb!important;box-shadow:inset 3px 0 0 var(--cb-green)!important}.side-bottom{color:#52788d!important;border-color:#16374b!important}
.wrap{margin-left:216px!important;background:transparent!important;padding:18px 24px 62px!important}[dir=rtl] .wrap{margin-left:0!important;margin-right:216px!important}header{position:relative;overflow:hidden;min-height:215px;margin-bottom:16px!important;padding:28px 30px!important;border:1px solid #23536b!important;border-radius:20px!important;background:linear-gradient(110deg,#0b2940 0%,#0c3c4e 58%,#12614f 100%)!important;box-shadow:0 20px 48px rgba(0,0,0,.2)!important;align-items:flex-start!important}header:before{content:"";position:absolute;width:360px;height:360px;right:-110px;top:-145px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 42px rgba(255,255,255,.04),0 0 0 86px rgba(255,255,255,.025)}header:after{content:"Operational Excellence Across All Camps";position:absolute;left:30px;bottom:27px;z-index:1;font-size:28px;font-weight:800;letter-spacing:.1px;color:#fff;max-width:660px}.brand,.status{position:relative;z-index:2}.brand-mark{background:rgba(4,29,43,.26)!important;border-color:#65d7ce!important;color:#83eee0!important}.brand-text .eyebrow{color:#7fe0d5!important;letter-spacing:1.5px!important}.brand-text h1{color:#fff!important;font-size:27px!important}.brand-text .sub{color:#a8cbd3!important}.status,.sync{color:#a7c8d1!important}.dot{background:var(--cb-green)!important;box-shadow:0 0 0 4px rgba(53,209,154,.1)!important}.lang-switch{background:rgba(5,31,46,.55)!important;border-color:#2a6074!important}.lang-switch button{color:#99bdc8!important}.lang-switch button.active{background:#1e7891!important;color:#fff!important}
.card,.modal-card,.cb-user-modal{background:linear-gradient(145deg,rgba(29,67,92,.96),rgba(20,50,73,.96))!important;border:1px solid var(--cb-line)!important;box-shadow:0 12px 32px rgba(0,0,0,.18)!important;color:var(--cb-text)!important}.card:hover{border-color:#2a617c!important}.grid-stats{gap:12px!important}.grid-stats>.card{position:relative;overflow:hidden;min-height:116px!important}.grid-stats>.card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--cb-cyan),var(--cb-green));opacity:.65}.stat-label{color:#74a1b7!important}.stat-value{color:#eaf7fb!important}.stat-value.green{color:var(--cb-green)!important}.stat-value.amber{color:var(--cb-amber)!important}.stat-value.red{color:var(--cb-red)!important}.stat-note,.progress-note,.meta,.muted,.panel-title .hint{color:var(--cb-muted)!important}.panel-title h2,.panel-title h3,.profile-main h2,.dashboard-title h2{color:#eef8fc!important}
.profile-hero{background:linear-gradient(135deg,#0e3049,#0a2539)!important;border-color:#23516a!important}.profile-tag,.quick-badge,.statuspill{background:#163950!important;border-color:#1d4c64!important;color:#9bc6d7!important}.profile-info-item{background:#163950!important;border-color:#1b4359!important}.profile-info-item small{color:#6f98ad!important}.profile-info-item b{color:#eaf4fb!important}.quick-action{background:linear-gradient(145deg,#0f3048,#0a2437)!important;border-color:#1c4961!important}.quick-action:hover{border-color:#37a5b7!important}.quick-action b{color:#64d1d8!important}.quick-action span{color:#7d9fb2!important}.section-nav button{background:#163950!important;border-color:#1a4359!important;color:#7fa4b8!important}.section-nav button:hover{border-color:#3299ae!important;color:#dff8fa!important}
input,select,textarea{background:#17394e!important;color:#eaf4fb!important;border-color:#1d455c!important}input:focus,select:focus,textarea:focus{border-color:#3b9bb0!important;outline:3px solid rgba(72,191,208,.08)!important}button.add,.smallbtn,.mini-btn,.cb-tool-btn{background:#0b2940!important;border-color:#2a607a!important;color:#75d6df!important}.save,.modal-actions .primary{background:linear-gradient(135deg,#228fad,#31b986)!important;color:#fff!important;border-color:transparent!important}.mini-btn.danger{color:#ff8f8f!important;border-color:#71404b!important}.list li{border-color:#173b50!important}.pill.progress{background:rgba(72,191,208,.13)!important;color:#70d3dd!important}.pill.done{background:rgba(53,209,154,.13)!important;color:#55daa9!important}.pill.warn,.pill.pending{background:rgba(240,180,77,.13)!important;color:#f0c36d!important}
.auth-screen{background:radial-gradient(circle at 65% 10%,rgba(72,191,208,.14),transparent 30%),#061522!important}.auth-card{background:#173a53!important;border-color:#1b4a62!important;box-shadow:0 30px 90px rgba(0,0,0,.44)!important}.auth-card h2{color:#66d4d9!important}.auth-card input{background:#071c2b!important;border-color:#1b455b!important;color:#fff!important}.auth-card button{background:linear-gradient(135deg,#238fa9,#35bd8e)!important;color:#fff!important}.auth-card button.alt{background:transparent!important;color:#7ed6dc!important;border-color:#285970!important}

/* Navy reference palette: readable blue surfaces, white type and teal accents. */
header{position:relative!important;top:auto!important;min-height:205px!important;background:linear-gradient(112deg,#15435f 0%,#22607a 62%,#225c68 100%)!important;border-color:#4c8298!important}
header:after{font-size:clamp(19px,2.1vw,29px)!important;max-width:75%;pointer-events:none}
.side-nav{gap:4px!important}.side-nav button{min-height:40px!important;color:#c3d7e5!important;font-size:12px!important}.side-brand small,.side-bottom{color:#a6c1d4!important}
.card{border-radius:14px!important}.stat-label{color:#c6d9e7!important;font-size:11px!important}.stat-value{font-size:32px!important;font-weight:750!important}.stat-note,.progress-note,.meta,.muted,.panel-title .hint{color:#b8cddd!important}
.profile-hero{background:linear-gradient(125deg,#20506d,#183a53)!important}.profile-photo,.avatar{background:#214e68!important;border-color:#4b748e!important;color:#8de5e9!important}.profile-info-item small{color:#bfd3e1!important}
.quick-action{background:linear-gradient(145deg,#24506b,#1c405b)!important}.quick-action span{color:#c1d6e5!important}.quick-action b{color:#9ae7ec!important}
.readonly-banner,form.entry,.toast,.camp-checklist,.camp-assign-row{background:#1d435d!important;color:#eaf6ff!important;border-color:#456a83!important}
form.entry input,form.entry select,form.entry textarea,.toolbar input,.toolbar select,.camp-select-card select,.users-form input,.users-form select,.modal-card input,.modal-card select,.modal-card textarea{background:#17394f!important;color:#f0f7ff!important;border-color:#4b6d84!important}
input::placeholder,textarea::placeholder{color:#b2c8d8!important;opacity:1}.backup-bar button,.modal-actions button,.userbar button,.worker-actions button,.profile-actions button{background:#204963!important;color:#dff4ff!important;border-color:#52768d!important}
button.add,.smallbtn,.mini-btn,.cb-tool-btn,.section-nav button{background:#204a63!important;color:#c7f0f6!important;border-color:#477389!important}.smart-tile{background:linear-gradient(135deg,#224e68,#1c3f59)!important;border-color:#466d85!important}.smart-tile b,.camp-node b,.modal-card h3{color:#9eeaf0!important}.camp-node{background:#204761!important}.camp-check-item{border-color:#466d85!important}
.save,.modal-actions .primary,.backup-bar button.primary{background:linear-gradient(135deg,#167fa2,#12967e)!important;color:#fff!important;border-color:#45c1c4!important}
.auth-screen{background:radial-gradient(ellipse at 25% 15%,#285d7c,transparent 65%),#15354f!important}.auth-card{background:linear-gradient(140deg,#224b66,#183c56)!important;border-color:#52768d!important}.auth-card h2{color:#99e9ee!important}.auth-card p,.auth-msg{color:#c4d9e7!important}.auth-card input{background:#15374f!important;color:#fff!important;border-color:#54788e!important}.auth-card button.alt{background:#204760!important;color:#c2f5f5!important;border-color:#558797!important}
.modal-backdrop,.cb-user-modal-backdrop{background:rgba(8,25,43,.72)!important}.media-video{background:#163850!important}.evidence-preview .remove-evidence{background:#285772!important;color:#fff!important}
.pill.progress{background:#174d76!important;color:#b3dfff!important}.pill.done{background:#155e50!important;color:#95f0cc!important}.pill.warn,.pill.pending{background:#6c5028!important;color:#ffe1a5!important}.pill.formal,.pill.escalated{background:#6e3344!important;color:#ffc2cb!important}
.card a,.thumb-link{color:#9be7ed!important}button:focus-visible,a:focus-visible{outline:3px solid #7de2e9!important;outline-offset:3px}
@media(max-width:980px){.app-sidebar{width:78px!important}.wrap{margin-left:78px!important}[dir=rtl] .wrap{margin-left:0!important;margin-right:78px!important}header{padding:22px!important}header:after{left:22px!important;bottom:22px!important}}
@media(max-width:640px){.app-sidebar{width:100%!important;height:68px!important;top:auto!important;bottom:0!important;padding:7px 8px!important;border-top:1px solid #4b7289!important}.side-nav button{min-height:44px!important;padding:8px!important}.wrap,[dir=rtl] .wrap{margin:0!important;padding:12px 12px 88px!important}header{min-height:220px!important;padding:18px!important;border-radius:16px!important}.brand-text h1{font-size:20px!important}header:after{left:18px!important;bottom:20px!important;max-width:90%;font-size:20px!important}.status{gap:10px!important;flex-wrap:wrap}.grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-stats>.card{padding:13px!important;min-height:108px!important}.stat-value{font-size:29px!important}.stat-label{font-size:10px!important}.profile-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:360px){.grid-stats{grid-template-columns:1fr!important}.profile-info-grid{grid-template-columns:1fr!important}.brand-text h1{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Decorative generated camp scene; not an operational photograph. */
header{background:linear-gradient(90deg,rgba(10,34,52,.94),rgba(10,34,52,.40)),url("/hero-camp.png") center 58%/cover!important;min-height:225px!important}header:after{font-size:27px!important}header .brand-text h1{color:#fff!important}

/* Higher specificity keeps the reference layout above legacy body-end styles. */
html body .grid-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body #appSidebar{width:216px!important}
@media(min-width:901px) and (max-width:980px){html body #appSidebar{width:78px!important}}
@media(max-width:900px){
 html body #appSidebar{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:100%!important;height:76px!important;max-height:76px!important;min-height:0!important;display:flex!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;padding:7px 8px!important;background:linear-gradient(90deg,#163c55,#1c4963)!important;z-index:9999!important}
 html body #appSidebar .side-brand,html body #appSidebar .side-bottom{display:none!important}
 html body #appSidebar .side-nav{position:relative!important;inset:auto!important;display:flex!important;flex-direction:row!important;width:max-content!important;min-width:100%!important;max-width:none!important;height:auto!important;gap:5px!important;margin:0!important}
 html body #appSidebar .side-nav button,html body #appSidebar .side-nav button:nth-child(n+6){display:flex!important;flex-direction:column!important;justify-content:center!important;width:auto!important;min-width:66px!important;min-height:52px!important;padding:7px 8px!important;font-size:16px!important;flex:0 0 auto!important}
 html body #appSidebar .side-nav button span{display:block!important;font-size:10px!important;line-height:1.2!important}
 html body .wrap,html[dir=rtl] body .wrap{margin:0!important;width:100%!important;padding:12px 12px 100px!important}
 html body .grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 html body #buildMarkerV36{display:none!important}
}
@media(max-width:640px){
 html body header{min-height:285px!important;padding:18px 18px 105px!important;align-content:flex-start!important;gap:14px!important}
 html body header .brand{flex:1 0 100%!important;min-width:0!important}
 html body header .brand-text{min-width:0!important}
 html body header .brand-text h1{font-size:20px!important;line-height:1.25!important}
 html body header .brand-text .eyebrow{font-size:10px!important;letter-spacing:1px!important}
 html body header .brand-text .sub{font-size:11px!important;line-height:1.5!important}
 html body header .status{position:relative!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;max-width:100%!important;align-self:flex-start!important}
 html body header:after{left:18px!important;right:18px!important;bottom:22px!important;max-width:none!important;font-size:22px!important;line-height:1.2!important}
 html body .grid-stats>.card{min-width:0!important;min-height:114px!important;padding:12px!important}
 html body .grid-stats .stat-value{font-size:29px!important}
 html body .grid-stats .stat-note{font-size:11px!important;line-height:1.4!important}
}

/* Reference dashboard composition; DOM movement preserves original controls. */
html body.cb-reference-layout .wrap{padding-top:0!important}
.cb-reference-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;padding:12px 2px;margin-bottom:12px;border-bottom:1px solid #355b72}
html body.cb-reference-layout .cb-reference-topbar .brand{flex:0 1 auto!important;gap:12px!important}
html body.cb-reference-layout .cb-reference-topbar .brand-text h1{color:#f2f8ff!important;font-size:19px!important;margin:0!important;line-height:1.3!important}
.cb-reference-topbar .brand-text .eyebrow{display:none}.cb-reference-topbar .brand-text .sub{font-size:11px!important;color:#abc9db!important}
.cb-reference-top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.cb-reference-top-actions .userbar{margin:0!important;font-size:11px!important;gap:7px!important}.cb-reference-top-actions .lang-switch{font-size:11px!important}.cb-reference-top-actions .lang-switch button{padding:7px!important}
html body.cb-reference-layout header.cb-reference-hero{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:22px!important;min-height:225px!important;padding:28px!important;margin-bottom:16px!important}
html body.cb-reference-layout header.cb-reference-hero:before,html body.cb-reference-layout header.cb-reference-hero:after{content:none!important;display:none!important}
.cb-reference-hero-copy{position:relative;z-index:2;max-width:620px}.cb-reference-hero-copy h2{margin:0 0 12px!important;font-size:clamp(26px,3.1vw,43px)!important;line-height:1.1!important;font-weight:800!important;color:#fff!important;max-width:570px;text-wrap:balance;text-shadow:0 2px 12px rgba(0,15,28,.6)}.cb-reference-hero-copy p{margin:0!important;color:#e6f3fc!important;font-size:14px!important;line-height:1.5!important;text-shadow:0 1px 5px #0d263d}
html body.cb-reference-layout .cb-reference-hero-status{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;flex:0 0 auto!important;max-width:210px!important;padding:18px!important;border:1px solid #64879b!important;border-radius:12px!important;background:rgba(12,38,57,.9)!important;color:#eef9ff!important;font-size:14px!important;box-shadow:0 8px 24px rgba(0,0,0,.2)}.cb-reference-hero-status .sync{color:#d4e8f5!important;font-size:11px!important;line-height:1.5!important}
html body.cb-reference-layout .dashboard-title{margin:12px 0!important}.cb-reference-layout .camp-bar{margin:0 0 12px!important}.cb-reference-layout .camp-select-card{max-width:none!important;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 15px!important}.cb-reference-layout .camp-select-card select{width:auto!important;min-width:200px;max-width:100%;margin:0!important}.cb-reference-layout .camp-select-card .stat-label{margin:0!important}.cb-reference-layout .camp-select-card .stat-note{margin:0!important}
html body.cb-reference-layout .cb-reference-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:0 0 18px!important;gap:12px!important}.cb-reference-layout .quick-actions{margin:12px 0!important}.cb-reference-layout #campBossProfile{margin-top:20px!important}.cb-reference-layout .backup-bar{margin:16px 0!important}
html body.cb-reference-layout #buildMarkerV36{position:static!important;display:block!important;margin:12px 24px 12px 240px!important;width:fit-content!important;background:#1c405a!important}
@media(max-width:900px){.cb-reference-topbar{flex-wrap:wrap;gap:10px;padding:12px 0}.cb-reference-top-actions{gap:8px;justify-content:flex-start}.cb-reference-topbar .brand-text .sub{max-width:280px}.cb-reference-layout .cb-reference-kpis{gap:10px!important}html body.cb-reference-layout #buildMarkerV36{display:none!important}html body.cb-reference-layout .cb-reference-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){html body.cb-reference-layout header.cb-reference-hero{min-height:260px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;padding:20px!important;gap:18px!important}.cb-reference-hero-copy h2{font-size:28px!important;line-height:1.13!important}.cb-reference-hero-copy p{font-size:12px!important}html body.cb-reference-layout .cb-reference-hero-status{flex-direction:row!important;align-items:center!important;padding:9px 12px!important;max-width:100%!important;font-size:12px!important;gap:10px!important}.cb-reference-hero-status .sync{font-size:10px!important}.cb-reference-top-actions .userbar{max-width:100%;overflow-wrap:anywhere}.cb-reference-topbar .brand-text h1{font-size:18px!important}.cb-reference-topbar .brand-text .sub{font-size:10px!important}.cb-reference-layout .camp-select-card select{width:100%!important}.cb-reference-layout .dashboard-title span{display:none}}

/* Reference analytics contain only account-scoped application records. */
.cb-reference-analytics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 18px}.cb-reference-analytics:empty{display:none}.cb-analytics-panel{min-width:0!important;padding:18px!important}.cb-analytics-panel h3{font-size:15px;color:#f1f8ff;margin:0 0 6px}.cb-analytics-note{font-size:11px;color:#c2d5e3;margin:0 0 18px;line-height:1.5}.cb-analytics-empty{font-size:13px;color:#bdd1df;padding:18px 0;margin:0}.cb-analytics-full{grid-column:1/-1}.cb-analytics-donut-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.cb-analytics-donut{width:146px;height:146px;border-radius:50%;padding:14px;flex-shrink:0}.cb-analytics-donut-center{border-radius:50%;width:100%;height:100%;background:#17374f;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.cb-analytics-donut-center strong{font-size:30px}.cb-analytics-donut-center small{font-size:10px;color:#c6d9e6}.cb-analytics-legend{list-style:none;padding:0;margin:0;flex:1;min-width:130px}.cb-analytics-legend li{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:12px}.cb-analytics-legend b{margin-inline-start:auto}.cb-analytics-dot{width:9px;height:9px;display:inline-block;border-radius:50%;flex-shrink:0}.cb-analytics-priorities{padding:0;margin:0;list-style:none}.cb-analytics-priorities li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:10px 0;border-top:1px solid #315b75;font-size:12px;overflow-wrap:anywhere}.cb-analytics-priorities small{grid-column:1/-1;color:#c5d7e4}.cb-analytics-priority{color:#ffd496}.cb-analytics-camp{color:#9bdded}.cb-analytics-table-scroll{overflow:auto;max-width:100%;scrollbar-width:thin}.cb-analytics-table-scroll table{display:table!important;border-collapse:collapse;width:100%;min-width:560px;font-size:12px}.cb-analytics-table-scroll th,.cb-analytics-table-scroll td{text-align:start;padding:11px;border-bottom:1px solid #315b75;max-width:320px;overflow-wrap:anywhere}.cb-analytics-table-scroll th{background:#214963;color:#dceefa;font-weight:600}.cb-analytics-table-scroll td{color:#eaf3fa}.cb-analytics-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:8px;min-height:150px}.cb-analytics-bar-column{display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:7px;flex:1;min-width:0;font-size:12px}.cb-analytics-bar{display:block;width:70%;max-width:34px;background:linear-gradient(#60c6f4,#167ead);border-radius:4px 4px 0 0}.cb-analytics-bar-column small{font-size:10px;color:#bad2e1}
@media(max-width:760px){.cb-reference-analytics{grid-template-columns:1fr}.cb-analytics-panel{padding:15px!important}.cb-analytics-full{grid-column:auto}.cb-analytics-donut{width:130px;height:130px}.cb-analytics-donut-row{gap:18px}}

/* Camp Boss compact command center, separate from the Welfare composition. */
html body.cb-reference-layout{background:#071a29!important;--cb-panel:#0e2637;--cb-line:#234052;--cb-muted:#b4c7d5}
html body.cb-reference-layout .app-sidebar{width:190px!important;background:#081e2e!important;box-shadow:none!important}
html body.cb-reference-layout .wrap{margin-left:190px!important;padding:0 20px 60px!important}
html[dir=rtl] body.cb-reference-layout .wrap{margin-left:0!important;margin-right:190px!important}
.cb-reference-topbar{min-height:58px;padding:8px 0;margin-bottom:10px;gap:10px}
html body.cb-reference-layout .cb-reference-topbar .brand-text h1{font-size:17px!important}
html body.cb-reference-layout header.cb-reference-hero{min-height:160px!important;padding:22px!important;border-radius:12px!important;background:linear-gradient(110deg,#092235,#124865 68%,#183d52)!important;margin-bottom:10px!important}
.cb-reference-hero-copy h2{font-size:clamp(22px,2.3vw,32px)!important;max-width:420px;margin-bottom:8px!important}
.cb-reference-hero-copy p{font-size:12px!important}
html body.cb-reference-layout .cb-reference-hero-status{padding:12px!important;font-size:12px!important;max-width:155px!important;border-color:#38586d!important}
html body.cb-reference-layout .cb-reference-kpis{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important}
html body.cb-reference-layout .card{background:#0d2638!important;box-shadow:none!important;border-color:#234052!important;border-radius:10px!important}
html body.cb-reference-layout .cb-reference-kpis>.card{padding:14px 12px!important;min-height:84px!important;display:flex;flex-direction:column;gap:10px}
.cb-reference-kpis .stat-label{font-size:11px!important;text-transform:none!important;line-height:1.4!important;color:#d5e3ee!important}
.cb-reference-kpis .stat-value{font-size:27px!important;line-height:1.1!important;color:#fff!important}
.cb-reference-kpis>.card:nth-child(2) .stat-value{color:#ffba5a!important}
.cb-reference-details{margin:0 0 12px;border:1px solid #234052;border-radius:8px;padding:10px;color:#bcd0de;font-size:12px}
.cb-reference-details summary{cursor:pointer}.cb-reference-secondary-kpis{margin-top:12px!important}
html body.cb-reference-layout .dashboard-title{display:none!important}
.cb-reference-layout .camp-select-card{padding:8px 12px!important}.cb-reference-layout .camp-select-card select{min-width:150px;font-size:12px!important}
.cb-reference-analytics{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.cb-reference-analytics>.cb-analytics-panel:first-child{grid-column:1/-1}
html body.cb-reference-layout .cb-analytics-panel{padding:16px!important;min-width:0}
.cb-analytics-panel h3{font-size:15px!important;margin-bottom:6px!important}
.cb-analytics-note{font-size:11px!important;line-height:1.5!important}
.cb-analytics-donut{width:115px;height:115px}.cb-analytics-donut-center{background:#0d2638}
.cb-analytics-table-scroll th{background:#143348!important}.cb-analytics-table-scroll td,.cb-analytics-table-scroll th{padding:9px!important}
@media(max-width:900px){.cb-reference-analytics{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-reference-kpis .stat-label{font-size:10px!important}}
@media(max-width:760px){html body.cb-reference-layout .app-sidebar{width:100%!important}html body.cb-reference-layout .wrap,html[dir=rtl] body.cb-reference-layout .wrap{margin:0!important;padding:10px 12px 100px!important}.cb-reference-topbar{flex-wrap:wrap}.cb-reference-top-actions{gap:6px}.cb-reference-analytics{grid-template-columns:1fr}html body.cb-reference-layout .cb-reference-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body.cb-reference-layout header.cb-reference-hero{min-height:170px!important;padding:16px!important;gap:12px!important}.cb-reference-hero-copy h2{font-size:23px!important}.cb-reference-hero-status{max-width:115px!important}.cb-reference-topbar .brand-text .sub{font-size:10px!important}}
/* Dedicated fictional night-camp image for the operational dashboard. */
html body.cb-reference-layout header.cb-reference-hero{background:linear-gradient(90deg,rgba(5,22,35,.87),rgba(5,22,35,.16)),url('/hero-camp-night.png') center 62%/cover!important}
/* Larger Camp Boss identity requested for header and sidebar. */
html body .side-brand b{font-size:24px!important;line-height:1.25!important;font-weight:800!important}
html body .side-brand small{font-size:16px!important;line-height:1.4!important;color:#c4ddec!important}
html body .brand-text h1,html body header .brand-text h1,html body.cb-reference-layout .cb-reference-topbar .brand-text h1{font-size:32px!important;line-height:1.2!important;font-weight:800!important}
html body .brand-text .sub,html body header .brand-text .sub,html body.cb-reference-layout .cb-reference-topbar .brand-text .sub{font-size:18px!important;line-height:1.45!important;color:#d0e5f2!important;white-space:normal!important}
html body .brand-text{min-width:0!important}
@media(max-width:760px){html body .brand-text h1,html body header .brand-text h1,html body.cb-reference-layout .cb-reference-topbar .brand-text h1{font-size:26px!important}html body .brand-text .sub,html body header .brand-text .sub,html body.cb-reference-layout .cb-reference-topbar .brand-text .sub{font-size:16px!important}html body .side-brand b{font-size:22px!important}}
/* Scoped maintenance summary beside its chart. */
.cb-camp-health-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:24px;align-items:center}
.cb-camp-health-layout .cb-analytics-donut-row{min-width:0}.cb-camp-health-layout .cb-analytics-legend{flex:1}.cb-camp-health-table{min-width:0}
.cb-camp-health-table table{width:100%;min-width:0!important}.cb-camp-health-table th,.cb-camp-health-table td{font-size:16px!important;white-space:normal!important}
.cb-health-badge{display:inline-block;padding:6px 10px;border-radius:6px;font-size:15px;font-weight:700;line-height:1.3}
.cb-health-stable{background:#087a50;color:#fff}.cb-health-attention{background:#a35a08;color:#fff}.cb-health-critical{background:#c33348;color:#fff}
@media(max-width:900px){.cb-camp-health-layout{grid-template-columns:1fr;gap:16px}.cb-camp-health-table th,.cb-camp-health-table td{font-size:14px!important}.cb-health-badge{font-size:14px;padding:5px 7px}}