/* Native executive family. Public assets are intentionally separate. */
body[data-portal]{--teal:#102a43;--teal-dark:#0b1f33;--gold:#c7a24d;--ink:#142c43;--muted:#536576;--line:#e3e8ef;background:#f6f8fb;color:#142c43;font-size:15px;line-height:1.6}
.app-shell.backoffice .sidebar,.app-shell.guide .sidebar{background:#0b1f33;color:#fff;border:0;width:260px}.sidebar .brand{border-bottom:1px solid #ffffff18;padding-bottom:24px}.sidebar .brand>span{color:#c7a24d;font-size:11px;letter-spacing:.19em}.sidebar nav button,.sidebar nav a{color:#fff!important;font-size:15px!important;font-weight:600;min-height:46px;border-radius:8px}.sidebar [aria-current=page]{background:#163a5f!important;box-shadow:inset 3px 0 #c7a24d}.sidebar [class*="section"],.sidebar summary{color:#c7a24d}.workspace{background:#f6f8fb}.app-shell .topbar{background:white;border-bottom:1px solid #e3e8ef;min-height:82px}.app-shell main{max-width:1600px;padding:32px}.app-shell h1,.app-shell .page-header h1{font-size:34px;line-height:1.2;font-weight:700;color:#102a43;letter-spacing:-.035em}.app-shell h2{font-size:21px;color:#102a43}.app-shell h3{font-size:17px;color:#102a43}.app-shell .card,.app-shell .section-card,.app-shell .stat-card{border-radius:16px;background:#fff;border:1px solid #e3e8ef;box-shadow:0 6px 20px #102a4306}.app-shell .stat-value{font-size:34px;color:#102a43}.app-shell .dashboard-welcome,.guide .page-header{background:linear-gradient(105deg,#102a43,#163a5f);border-radius:18px;padding:32px;color:#fff;border-right:5px solid #c7a24d}.dashboard-welcome h1,.dashboard-welcome h2,.guide .page-header h1{color:#fff!important}.guide .page-header p{color:#d5e0e9}.guide-job-card{padding:10px 0}.guide-job-card h3{font-size:24px}.app-shell table{font-size:14px}.app-shell th{font-size:12px;letter-spacing:.04em;color:#536576;background:#f8fafc;padding:16px}.app-shell td{padding:16px}.app-shell .filter-bar{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:16px}.notification-unread{background:#c7a24d;color:#0b1f33;border-radius:20px;padding:2px 7px;font-size:12px}.inbox-list{display:grid;gap:16px}.inbox-list article{border:1px solid #e3e8ef;border-radius:14px;padding:20px}.inbox-list article[data-unread=true]{border-left:4px solid #c7a24d}.inbox-actions{display:flex;gap:12px;align-items:center}.app-shell footer{display:none}
@media(min-width:1001px){.app-shell{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:1000px){.app-shell main{padding:24px}.app-shell h1,.app-shell .page-header h1{font-size:30px}.app-shell .workspace{margin-left:0}.app-shell .sidebar{max-width:calc(100vw - 55px)}}
@media(max-width:600px){.app-shell main{padding:16px 14px 100px}.guide .page-header{padding:24px}.app-shell h1,.app-shell .page-header h1{font-size:28px}.app-shell .stat-value{font-size:30px}.guide-job-card .actions{display:grid;grid-template-columns:1fr 1fr}.guide-job-card .actions button{min-height:46px}.app-shell .topbar{min-height:68px}.app-shell table{font-size:13px}.app-shell th,.app-shell td{padding:12px}.inbox-actions{flex-wrap:wrap}}

body[data-portal]{--green:#173c60;--green2:#082b46;--ainreen-teal-950:#082b46;--ainreen-teal-900:#102f4c;--ainreen-ink-900:#102a43;--ainreen-ink-700:#49627a;--ainreen-line:#e3e8ef;--ainreen-ivory-100:#f5f8fc}
.app-shell .dashboard-welcome,.guide [data-guide-dashboard]>.page-header{background:linear-gradient(90deg,#f4f8fc 45%,#f4f8fc12 100%),url('/shared-web/native-banner.png') right center/cover;color:#102a43;min-height:180px;border:0;padding:32px;border-radius:16px}
.app-shell .dashboard-welcome h1,.guide [data-guide-dashboard]>.page-header h1{font-size:42px!important;color:#082b46!important}.dashboard-welcome .muted,.guide [data-guide-dashboard]>.page-header p{color:#304c69}.guide .page-header:not([data-guide-dashboard]>.page-header){background:white;border:0;color:#102a43;padding:0}.guide .page-header:not([data-guide-dashboard]>.page-header) h1{color:#102a43!important}
.app-shell .sidebar .nav-group summary{color:#ddbd75;font-size:11px}.app-shell .sidebar{background:#082b46}.app-shell .stat-icon{width:48px;height:48px;flex-basis:48px;border-radius:50%;background:#e3eef7;color:#215980}.app-shell .stat[data-tone=gold] .stat-icon{background:#f5ebd2;color:#916a18}.app-shell .stat .stat-label{font-size:14px;color:#173c60}.app-shell .stat .stat-note{font-size:12px}.app-shell .stat .stat-value{font-size:34px}.app-shell .quick-copy strong{font-size:14px}.app-shell .quick-copy>span{font-size:12px}.app-shell .muted{font-size:14px}.guide main{max-width:1600px}.guide [data-guide-dashboard]>.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.guide [data-guide-dashboard]>.e2e-two-columns{grid-template-columns:1.3fr 1fr}
.footer-contact{display:grid;gap:8px}
@media(max-width:1150px){.guide [data-guide-dashboard]>.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.app-shell .dashboard-welcome h1,.guide [data-guide-dashboard]>.page-header h1{font-size:32px!important}.guide [data-guide-dashboard]>.e2e-two-columns{grid-template-columns:1fr}}
@media(max-width:600px){.app-shell .dashboard-welcome,.guide [data-guide-dashboard]>.page-header{padding:22px;min-height:160px;background:linear-gradient(90deg,#f4f8fced,#f4f8fcbd),url('/shared-web/native-banner.png') center/cover}.app-shell .dashboard-welcome h1,.guide [data-guide-dashboard]>.page-header h1{font-size:30px!important}.app-shell .stat .stat-label{font-size:13px}.app-shell .stat .stat-value{font-size:30px}}
/* Match fixed sidebar and grid at every desktop/tablet breakpoint. */
@media(min-width:901px){body[data-portal] .app-shell{grid-template-columns:260px minmax(0,1fr)}body[data-portal] .sidebar{width:260px}body[data-portal] .workspace{grid-column:2}}
@media(max-width:900px){body[data-portal] .app-shell{grid-template-columns:minmax(0,1fr)}body[data-portal] .workspace{grid-column:1}}
.guide .recent-inbox{display:grid;gap:14px}.guide .recent-inbox a{display:block;padding:16px;border-bottom:1px solid #e3e8ef;text-decoration:none}.guide .recent-inbox time{display:block;font-size:12px;color:#536576}
.guide .guide-job-overview>.section-card{align-self:start}.guide .guide-job-overview .e2e-quick-actions{grid-template-columns:1fr 1fr}.guide .guide-job-overview .guide-job-card{padding:0}.guide .guide-job-card>h3{margin:14px 0}
@media(max-width:900px){body[data-portal] .sidebar{z-index:40}body[data-portal] .drawer-shade{z-index:35}}

/* Staging completion: one shared visual system, unchanged authorization and actions. */
body[data-portal]{--paper:#fffefa;--line:#e1e6e9;--radius:14px;background:#fafbfc;color:#142e43}
body[data-portal] .workspace{background:#fafbfc}
body[data-portal] .sidebar{background:linear-gradient(160deg,#082b46,#071e32)}
body[data-portal] .topbar{padding:14px 28px;min-height:76px}
body[data-portal] main{padding:26px 28px 44px}
body[data-portal] :is(.section-card,.card,.stat){border-radius:14px;border-color:#e1e6e9;box-shadow:0 4px 18px #102a4305}
body[data-portal] .section-card{padding:21px}
body[data-portal] .section-card>header h2{font-size:18px;line-height:1.35}
body[data-portal] :is(input,select,textarea){min-height:46px;border-radius:9px;border:1px solid #cdd6dd;background:#fff;font-size:16px;max-width:100%}
body[data-portal] :is(button,.button){min-height:44px;border-radius:9px}
body[data-portal] :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #b38e40;outline-offset:3px}
body[data-portal] .filter-bar{gap:12px;border-radius:12px;padding:14px}
body[data-portal] th{font-size:12px;background:#f3f6f8;color:#486073;padding:13px 14px}
body[data-portal] td{font-size:14px;padding:14px;line-height:1.55}
body[data-portal] :is(.table-scroll,.table-wrap){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
body[data-portal] .badge{font-size:12px;line-height:1.4;padding:5px 9px}
body[data-portal] .empty{padding:24px 18px;border:1px dashed #d6dfe5;border-radius:11px;background:#fafbfc}
body[data-portal] .empty p{font-size:14px;line-height:1.6}
body[data-portal] .dashboard-welcome{min-height:160px;padding:26px;margin-bottom:22px;border-radius:14px}
body[data-portal] .stats-grid[data-annual]{gap:14px}
body[data-portal] .stats-grid[data-annual] .stat{min-height:150px;padding:18px;display:block}
body[data-portal] .stats-grid[data-annual] .stat-value{font-size:clamp(24px,2vw,34px)}
body[data-portal] .stat .stat-label{font-size:14px;line-height:1.45}
body[data-portal] .stat .stat-note{font-size:12px;line-height:1.5}
body[data-portal] .executive-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body[data-portal] .executive-chart-grid>.section-card:last-child{grid-column:1/-1}
body[data-portal] .chart-legend{font-size:12px;min-height:24px}
body[data-portal] .chart-month small{font-size:11px}
body[data-portal] .monthly-bars{height:190px}
body[data-portal] .bar-pair{height:155px}
body[data-portal] .chart-values{font-size:13px}
body[data-portal] .revenue-chart{height:210px}
body[data-portal] .donut-legend{font-size:13px}
body[data-portal] .analytics-basis{font-size:13px}
body[data-portal] .management-insight :is(dl,p){font-size:14px}
body[data-portal] .quick-copy strong{font-size:15px}
body[data-portal] .quick-copy>span{font-size:13px}
body[data-portal] :is(.actions,.row-actions,.pagination){flex-wrap:wrap}
body[data-portal=guide] .guide-job-card{padding:16px;border:1px solid #dce6e1;background:#fafcfb}
body[data-portal=guide] :is(.guide-program,.guide-clearance){display:grid;gap:16px}
body[data-portal=guide] :is(button,input,select){min-height:48px}
body[data-portal=guide] .detail{overflow-wrap:anywhere;font-size:15px}
body[data-portal] .portal-login-layout{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(410px,.8fr);min-height:100dvh;background:#0a273e}
body[data-portal] .portal-login-scene{position:relative;min-height:100%;overflow:hidden}
body[data-portal] .portal-login-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% center}
body[data-portal] .portal-login-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#0a273e90)}
body[data-portal] .portal-login-panel{display:flex;align-items:center;justify-content:center;padding:48px 36px;background:radial-gradient(ellipse at top right,#1b4358,#0a273e 70%)}
body[data-portal] .portal-login-panel .login{width:100%;max-width:480px;margin:0;padding:36px;background:#fffdf8;border:1px solid #c7a24d;border-radius:24px;box-shadow:0 24px 70px #020d1933}
body[data-portal] .portal-login-panel .login>.ainreen-ar-full{width:250px;max-width:100%;height:auto;object-fit:contain;margin:0 auto 18px}
body[data-portal] .portal-login-panel h1{font-size:38px;line-height:1.2;color:#0b2b45;margin-bottom:10px}
body[data-portal] .portal-login-panel .muted{font-size:16px;line-height:1.6;color:#526575}
body[data-portal] .portal-login-panel label{font-size:16px;color:#19364d}
body[data-portal] .portal-login-panel input{min-height:50px;padding:12px 14px}
body[data-portal] .portal-login-panel button{background:#0c304a;color:white;min-height:50px;border:1px solid #b79549;box-shadow:0 5px 14px #082b461c}
body[data-portal] .portal-login-panel .notice{font-size:14px;padding:12px 14px;background:#f4eddc;border-left:3px solid #bc9645;border-radius:8px;color:#635127}
body[data-portal=guide] .portal-login-layout{background:#153e38;grid-template-columns:minmax(0,1fr) minmax(410px,.85fr)}
body[data-portal=guide] .portal-login-panel{background:linear-gradient(145deg,#f1f3e9,#dbe6df)}
body[data-portal=guide] .portal-login-panel h1{color:#194c43}
body[data-portal=guide] .portal-login-panel button{background:#1d594e}
@media(min-width:1500px){body[data-portal] .executive-chart-grid{grid-template-columns:1fr 1.15fr 1.3fr}body[data-portal] .executive-chart-grid>.section-card:last-child{grid-column:auto}}
@media(max-width:1000px){body[data-portal] .portal-login-layout{grid-template-columns:minmax(0,1fr) minmax(390px,1fr)}body[data-portal] .portal-login-panel{padding:28px 22px}body[data-portal] .portal-login-panel .login{padding:28px}}
@media(max-width:700px){
 body[data-portal] .portal-login-layout,body[data-portal=guide] .portal-login-layout{display:flex;flex-direction:column}
 body[data-portal] .portal-login-scene{min-height:0;height:auto;aspect-ratio:2/1}
 body[data-portal] .portal-login-scene img{object-fit:contain}
 body[data-portal] .portal-login-scene:after{display:none}
 body[data-portal] .portal-login-panel{padding:0 18px 32px;flex:1}
 body[data-portal] .portal-login-panel .login{position:relative;margin-top:-20px;border-radius:18px;padding:26px 22px}
 body[data-portal] .portal-login-panel .login>.ainreen-ar-full{width:200px;height:auto;margin-bottom:14px}
 body[data-portal] .portal-login-panel h1{font-size:31px}
 body[data-portal] .executive-chart-grid{grid-template-columns:1fr}
 body[data-portal] .executive-chart-grid>.section-card:last-child{grid-column:auto}
 body[data-portal] main{padding:20px 14px 100px}
 body[data-portal] .topbar{padding:12px 14px}
 body[data-portal] .section-card{padding:18px}
 body[data-portal] .stats-grid[data-annual] .stat{padding:15px;min-height:160px}
 body[data-portal] .chart-month small{font-size:10px}
 body[data-portal=guide] .row-actions{display:flex;gap:10px}
 body[data-portal=guide] .row-actions>*{flex:1 1 130px}
 body[data-portal=guide] .guide-job-card h3{font-size:21px}
}
@media(min-width:1101px){
 body[data-portal] .executive-analytics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
 body[data-portal] .executive-analytics>:is(.analytics-heading,.stats-grid,.executive-chart-grid,.analytics-basis){grid-column:1/-1}
 body[data-portal] .executive-analytics>.section-card{min-width:0}
}
@media(min-width:1200px){
 body[data-portal] .dashboard-primary-grid{grid-template-columns:1.15fr 1fr 1fr;align-items:start}
 body[data-portal] .dashboard-side-stack{display:contents}
 body[data-portal] .dashboard-primary-grid .section-card{margin:0}
}
@media(min-width:701px) and (max-width:900px){
 body[data-portal] .portal-login-layout,body[data-portal=guide] .portal-login-layout{display:flex;flex-direction:column}
 body[data-portal] .portal-login-scene{min-height:0;height:auto;aspect-ratio:2/1}
 body[data-portal] .portal-login-scene img{object-fit:contain}
 body[data-portal] .portal-login-scene:after{display:none}
 body[data-portal] .portal-login-panel{padding:0 24px 36px;flex:1}
 body[data-portal] .portal-login-panel .login{position:relative;margin-top:-24px}
}
/* Keep Guide subpage copy readable on its white header and context controls separate. */
body[data-portal=guide] .page-header:not([data-guide-dashboard]>.page-header) p{color:#496273}
body[data-portal=guide] .page-header:not([data-guide-dashboard]>.page-header) .eyebrow{color:#87682b}
body[data-portal] .context-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
body[data-portal] .context-form label{flex:1 1 260px;min-width:0;margin:0}
body[data-portal] .context-form label :is(input,select){width:100%}
body[data-portal] .context-form button{flex:0 0 auto;margin:0}
@media(max-width:600px){body[data-portal] .context-form{display:grid;grid-template-columns:minmax(0,1fr)}body[data-portal] .context-form button{width:100%}}
/* Final consistency pass: contain dense data and normalize the integrated Costing module. */
body[data-portal] .table-scroll{min-width:0;max-width:100%;overflow:auto;overscroll-behavior:contain}
body[data-portal] :is(.workspace,main,.section-card,.card){min-width:0}
body[data-portal] .table-scroll td{overflow-wrap:anywhere;max-width:360px;min-width:110px}
body[data-portal] :is(.detail dd,.reference-meta,.history-row){overflow-wrap:anywhere}
body[data-portal] .executive-chart-grid>.section-card{display:flex;flex-direction:column}
body[data-portal] .executive-chart-grid>.section-card>header{min-height:44px}
@media(min-width:901px){body[data-portal] :is(.dashboard-primary-grid,.dashboard-secondary-grid){align-items:stretch}body[data-portal] :is(.dashboard-schedule,.dashboard-secondary-grid)>.section-card{height:100%;box-sizing:border-box}body[data-portal] .dashboard-secondary-grid .timeline{max-height:310px;overflow:auto;padding-right:10px}}
body[data-portal].costing{--green:#183f59;--green2:#0d2b44;--surface:#f5f7fa;--line:#dce4eb;--muted:#597080;--ink:#153047}
body[data-portal].costing .workspace{background:#f7f9fb}
body[data-portal].costing :is(.summary-card,.read-section,fieldset){background:#fff;border:1px solid #dce4eb;border-radius:14px;box-shadow:0 3px 14px #12334b05}
body[data-portal].costing .page-header{margin-bottom:24px}
body[data-portal].costing .costing-local-nav{padding:10px;background:#edf2f6;border-radius:12px;gap:7px}
body[data-portal].costing .costing-local-nav button{font-size:13px;padding:9px 13px;min-height:44px;border-color:transparent;background:transparent;color:#526b7d}
body[data-portal].costing .costing-local-nav button[aria-current=page]{background:#163b57;color:#fff}
body[data-portal].costing :is(label,.summary-line,.row-cost,.section-nav a){font-size:14px;line-height:1.5}
body[data-portal].costing :is(input,select,textarea){padding:11px 12px;border-color:#cbd7df;background:#fbfcfd;border-radius:9px;font-size:16px}
body[data-portal].costing .final-price{background:#edf3f7;border:1px solid #dae5ed;padding:20px;border-radius:12px}
body[data-portal].costing .final-price strong{color:#173e58;font-size:32px}
body[data-portal].costing .summary-card{top:24px;padding:24px}
body[data-portal].costing .savebar{background:#f9fbfdf5;padding:16px;border:1px solid #dce4eb;border-radius:12px;z-index:5;box-shadow:0 -4px 16px #15344a08;flex-wrap:wrap}
body[data-portal].costing .savebar p{max-width:none;flex:1 1 220px}
body[data-portal].costing .row-tools button{min-height:44px;min-width:44px}
body[data-portal].costing .item-picker select{height:auto;min-height:220px}
body[data-portal].costing .read-section h2{font-size:20px;margin-bottom:16px}
body[data-portal].costing .section-nav{gap:8px}
body[data-portal].costing .section-nav a{background:#fff;border:1px solid #dce4eb;color:#31566c}
@media(max-width:1000px){body[data-portal].costing .entry-layout{grid-template-columns:1fr}body[data-portal].costing .summary-card{position:static}body[data-portal].costing .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body[data-portal].costing .form-grid,body[data-portal].costing .item-controls{grid-template-columns:1fr}body[data-portal].costing .form-grid .wide{grid-column:1}body[data-portal].costing .savebar{position:static}body[data-portal].costing .costing-local-nav{gap:5px}body[data-portal].costing .costing-local-nav button{flex:1 1 auto}body[data-portal=guide] .detail dd{overflow-wrap:anywhere}}

body[data-portal] :is(.branding-editor,.company-settings) label{min-width:0;max-width:100%}
body[data-portal] :is(.branding-editor,.company-settings) :is(input,select){width:100%;min-width:0;max-width:100%;box-sizing:border-box}
body[data-portal] .company-settings .error:empty{display:none}

body[data-portal] .sidebar nav :is(a,button):hover{background:#1d435e}
body[data-portal].costing dialog::backdrop{background:#102a4366}

body[data-portal].costing .summary-card .detail{grid-template-columns:minmax(0,1fr) minmax(75px,.8fr);gap:10px 12px;padding:12px;min-width:0}
body[data-portal].costing .summary-card .detail :is(dt,dd){min-width:0}
body[data-portal].costing .summary-card .detail dd:has(.detail){grid-column:1/-1}
body[data-portal].costing .summary-card .detail dd:not(:has(.detail)){text-align:right}
/* Controlled executive palette; no changes to role-scoped metrics. */
body[data-portal="backoffice"] .kpi-card,body[data-portal="backoffice"] .kpi{background:linear-gradient(125deg,#e3eeff,#f7faff);border-color:#d0e0f6}
body[data-portal="backoffice"] .kpi-card:nth-child(2),body[data-portal="backoffice"] .kpi:nth-child(2){background:linear-gradient(125deg,#e1f4ea,#f7fcfa)}
body[data-portal="backoffice"] .kpi-card:nth-child(3),body[data-portal="backoffice"] .kpi:nth-child(3){background:linear-gradient(125deg,#fff0d9,#fffbf3)}
body[data-portal="backoffice"] .kpi-card:nth-child(4),body[data-portal="backoffice"] .kpi:nth-child(4){background:linear-gradient(125deg,#eee4ff,#faf7ff)}
body[data-base="/package-costing"] .section-card{border:1px solid #dce4ef;border-top:3px solid #597ead;border-radius:18px;background:#fff;box-shadow:0 5px 22px #18334d08}
body[data-base="/package-costing"] .section-card:nth-child(3n){border-top-color:#9c79c4}body[data-base="/package-costing"] .section-card:nth-child(4n){border-top-color:#c79543}
.peak-upload{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.peak-upload>*{min-width:0}.peak-upload h2,.peak-upload p{grid-column:1/-1}.peak-upload input{width:100%;min-width:0}.peak-upload p:empty{display:none}
@media(max-width:600px){.peak-upload{grid-template-columns:minmax(0,1fr)}}
/* Authoritative executive palette, applied to the actual StatCard component. */
[data-portal="backoffice"] .stats-grid[data-annual]>.stat{background:linear-gradient(130deg,#dceaff,#f4f8ff);border:1px solid #c5d9f5;color:#16375f;min-height:144px}
[data-portal="backoffice"] .stats-grid[data-annual]>.stat:nth-child(2){background:linear-gradient(130deg,#dcf3ea,#f3fcf8);border-color:#bce4d3}
[data-portal="backoffice"] .stats-grid[data-annual]>.stat:nth-child(3){background:linear-gradient(130deg,#ffe6d9,#fff8f2);border-color:#f0cdb8}
[data-portal="backoffice"] .stats-grid[data-annual]>.stat:nth-child(4){background:linear-gradient(130deg,#e9dfff,#faf6ff);border-color:#d7c9ef}
[data-portal="backoffice"] .stats-grid[data-annual]>.stat:nth-child(5){background:linear-gradient(130deg,#fff0c8,#fffdf4);border-color:#ecdcab}
[data-portal="backoffice"] .executive-chart-grid>.section-card{border-top:3px solid #578dd3}
[data-portal="backoffice"] .executive-chart-grid>.section-card:nth-child(2){border-top-color:#ef956c}
[data-portal="backoffice"] .executive-chart-grid>.section-card:nth-child(3){border-top-color:#9974cc}
[data-portal="backoffice"] .management-insight{background:linear-gradient(135deg,#182e51,#304e73);color:#fff;border-radius:14px;padding:20px}
[data-portal="backoffice"] .management-insight .muted,[data-portal="backoffice"] .management-insight .forecast-note{color:#d7e4f5}
/* Guide field use: comfortable touch controls and contained references. */
body[data-portal="guide"] button,body[data-portal="guide"] .actions a,body[data-portal="guide"] input,body[data-portal="guide"] select{min-height:44px}
body[data-portal="guide"] .guide-job-card,body[data-portal="guide"] .section-card{overflow-wrap:anywhere;min-width:0}
body[data-portal="guide"] .guide-program>.section-card{border-left:3px solid #79a9b6;background:#f6fbfc}
body[data-portal="guide"] .table-scroll{max-width:100%;overflow:auto}
@media(max-width:480px){body[data-portal="guide"] .actions{display:flex;flex-wrap:wrap;gap:8px}body[data-portal="guide"] .actions>*{max-width:100%;white-space:normal}body[data-portal="guide"] .section-card{padding:16px}}
body[data-portal="backoffice"] .management-insight dt{color:#dceafa}
/* Compact executive composition, retaining role-scoped aggregate values. */
[data-portal=backoffice] [data-dashboard=backoffice]{display:grid;gap:12px}
body[data-portal=backoffice] .dashboard-welcome{min-height:132px;margin:0;padding:23px 30px;background:linear-gradient(90deg,#062748 20%,#07386bde 52%,#12344b00),url('/shared-web/native-banner.png') right center/cover;color:white}
body[data-portal=backoffice] .dashboard-welcome h1{font-size:32px!important;color:white!important;line-height:1.2}.dashboard-welcome h1 span{color:#f7c35b}.app-shell .dashboard-welcome .muted{color:#e2edfa}.app-shell .dashboard-welcome .eyebrow{color:#f7c35b}
body[data-portal=backoffice] .executive-analytics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.executive-analytics>.analytics-heading,.executive-analytics>.stats-grid,.executive-analytics>.executive-chart-grid,.executive-analytics>.analytics-basis{grid-column:1/-1}
body[data-portal=backoffice] .analytics-heading{margin:0;min-height:32px}.analytics-heading p{margin:0}
body[data-portal=backoffice] .stats-grid[data-annual]>.stat{min-height:128px;padding:14px 17px}.stats-grid[data-annual] .stat-value{font-size:29px;line-height:1.15}.stats-grid[data-annual] .stat-label{font-size:13px}.stats-grid[data-annual] .stat-note{font-size:11px}
body[data-portal=backoffice] .stats-grid[data-annual]>.stat:nth-child(3){background:linear-gradient(125deg,#fff6df,white);border-color:#f8dbac}body[data-portal=backoffice] .stats-grid[data-annual]>.stat:nth-child(4){background:linear-gradient(125deg,#ffe6eb,white);border-color:#fac5cd}body[data-portal=backoffice] .stats-grid[data-annual]>.stat:nth-child(5){background:linear-gradient(125deg,#eee4ff,white);border-color:#decafa}
body[data-portal=backoffice] .section-card{padding:16px;margin:0;border:1px solid #dbe8f7;border-radius:15px;box-shadow:0 4px 16px #183d6610}.app-shell .executive-chart-grid{gap:12px}.executive-chart-grid h2{font-size:16px}.executive-chart-grid svg{max-height:175px}.executive-chart-grid .booking-donut{width:130px;height:130px}.executive-analytics .empty-state{min-height:95px;padding:15px}.executive-analytics .pax-chart svg{max-height:145px}.executive-analytics .section-card h2{font-size:17px}.app-shell .sidebar nav a{padding-top:10px;padding-bottom:10px}.app-shell td,.app-shell th{padding:10px 12px}.dashboard-primary-grid,.dashboard-secondary-grid{gap:12px}
@media(max-width:1000px){body[data-portal=backoffice] .executive-analytics{grid-template-columns:1fr}.executive-chart-grid{grid-template-columns:1fr!important}}
@media(max-width:600px){body[data-portal=backoffice] .dashboard-welcome{padding:20px}.app-shell .dashboard-welcome h1{font-size:26px!important}.stats-grid[data-annual]{grid-template-columns:1fr 1fr!important}}
/* Focused corrective v2 — no layout changes outside reviewed surfaces. */
.portal-route-loader{position:fixed;z-index:10000;top:0;left:0;right:0;height:4px;background:#bc9348;color:transparent;overflow:hidden;pointer-events:none}.portal-route-loader[hidden]{display:none}.portal-route-loader:after{content:"";display:block;height:100%;width:35%;background:#143c60;animation:portal-progress 1s ease-in-out infinite}@keyframes portal-progress{from{transform:translateX(-100%)}to{transform:translateX(390%)}}@media(prefers-reduced-motion:reduce){.portal-route-loader:after{animation:none;width:100%}}
.master-editor-dialog{width:min(840px,94vw);max-height:90dvh;padding:0;overflow:auto}.master-editor-dialog>.page-header{position:sticky;top:0;z-index:3;background:#fff;padding:16px 22px;border-bottom:1px solid #e0e7ef;margin:0}.master-editor-dialog form{padding:20px}.master-editor-dialog .typed-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.master-editor-dialog .typed-fields>label{min-width:0}.master-editor-dialog .typed-fields>label:has(.typed-fields){grid-column:1/-1;background:#f5f8fc;border:1px solid #e0e8f1;border-radius:10px;padding:15px}.master-editor-dialog input,.master-editor-dialog select,.master-editor-dialog textarea{max-width:100%;min-width:0}.master-editor-dialog button[type=submit]{position:sticky;bottom:0;z-index:2}.master-editor-dialog .master-cancel{position:sticky;bottom:0;z-index:2;margin-left:10px;background:white;color:#163653}.master-editor-dialog textarea{min-height:80px}.field-error{display:block;color:#a52835;font-size:12px}.master-editor-dialog label:has(input[type=checkbox]){display:flex;align-items:center;gap:12px}
body[data-portal=backoffice] .quick-tile:has([data-icon=document]){background:#eef5ff;border-color:#cadcf5}body[data-portal=backoffice] .quick-tile:has([data-icon=document]) .quick-icon{background:#d6e7ff;color:#175aab}body[data-portal=backoffice] .quick-tile:has([data-icon=person]){background:#f5effc;border-color:#e0d1ef}body[data-portal=backoffice] .quick-tile:has([data-icon=person]) .quick-icon{background:#e7d8fa;color:#73439c}body[data-portal=backoffice] .quick-tile:has([data-icon=calendar]){background:#eef9f4;border-color:#c5e4d7}body[data-portal=backoffice] .quick-tile:has([data-icon=calendar]) .quick-icon{background:#d3efe2;color:#207256}body[data-portal=backoffice] .quick-tile:has([data-icon=wallet]){background:#fff7e9;border-color:#eddbb8}body[data-portal=backoffice] .quick-tile:has([data-icon=wallet]) .quick-icon{background:#f8e8c6;color:#886119}body[data-portal=backoffice] .quick-tile:hover{box-shadow:0 4px 12px #15334d12;filter:brightness(.98)}
@media(max-width:600px){.master-editor-dialog .typed-fields{grid-template-columns:1fr}.master-editor-dialog form{padding:14px}.master-editor-dialog>.page-header{padding:14px}}

body[data-portal=backoffice] [data-dashboard=backoffice] .dashboard-welcome{min-height:0;padding-block:19px;margin-bottom:18px}body[data-portal=backoffice] [data-dashboard=backoffice] .section-card{padding-block:14px}[data-dashboard=backoffice] .schedule-item{padding-block:10px}[data-dashboard=backoffice] .dashboard-primary-grid,[data-dashboard=backoffice] .dashboard-secondary-grid{gap:17px}[data-dashboard=backoffice] .empty{padding-block:18px;min-height:0}

body[data-portal=backoffice] .peak-upload{grid-template-columns:1fr}body[data-portal=backoffice] .peak-upload .native-package-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body[data-portal=backoffice] .peak-upload button{justify-self:start}@media(max-width:600px){body[data-portal=backoffice] .peak-upload .native-package-fields{grid-template-columns:1fr}}

.master-editor-dialog .master-form-actions{position:sticky;bottom:-20px;z-index:2;display:flex;gap:10px;background:#fff;padding:12px 0;border-top:1px solid #e0e7ef}.master-editor-dialog .master-form-actions button{position:static;margin:0}@media(max-width:600px){.master-editor-dialog .master-form-actions{bottom:-14px}}

/* Explicit Agent administration checkboxes; keep generic form widths elsewhere. */
body[data-portal] .agent-admin-markets label{display:flex;align-items:center;gap:10px;margin:10px 0}
body[data-portal] .agent-admin-markets input[type=checkbox]{width:20px;min-width:20px;height:20px;min-height:20px;margin:0;flex:none}

/* Guide profile language selection; scoped to the new checkbox field. */
.guide-language-choices{grid-column:1/-1;margin:0;padding:14px;border:1px solid #d8e2dc;border-radius:10px;min-width:0}
.guide-language-choices legend{font-weight:600;padding:0 6px}
.guide-language-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:10px 0}
.guide-language-options label{display:flex!important;align-items:center;gap:8px;margin:0!important}
.guide-language-options input[type=checkbox]{width:18px!important;height:18px;min-height:0;margin:0;flex:0 0 18px;accent-color:#064e46}
.guide-language-choices [hidden]{display:none!important}