:root{
  --page-panel:#fff;
  --page-panel-soft:#f8fafb;
  --page-line:#dfe6e9;
  --page-line-soft:#edf1f3;
  --page-teal:#176b78;
  --page-teal-dark:#11545f;
  --page-teal-soft:#e9f4f4;
  --page-focus:#6ab5cf;
  --page-shadow:0 9px 28px rgba(24,49,60,.055);
}

.shell-content .page-head{align-items:center;margin:0 0 22px;padding:2px 1px}
.shell-content .page-head>div:first-child{display:grid;gap:4px;min-width:0}
.shell-content .page-head h1,.shell-content>h1{margin:0;color:#172b34;font-size:1.72rem;line-height:1.17;letter-spacing:-.025em}
.shell-content .page-head .lead,.shell-content>.lead{max-width:980px;color:#68777e;font-size:.84rem;line-height:1.55}
.shell-content .backlink{width:max-content;margin-bottom:4px;font-size:.76rem;font-weight:700}
.shell-content .head-actions{justify-content:flex-end}

.shell-content .panel,.shell-content details.panel{margin:0 0 18px;padding:20px;background:var(--page-panel);border:1px solid var(--page-line);border-radius:13px;box-shadow:var(--page-shadow)}
.shell-content .panel>h2:first-child,.shell-content .panel>h3:first-child{margin:0 0 13px;color:#20343d;font-size:1rem}
.shell-content .panel-head{align-items:center;margin:0 0 15px}
.shell-content .panel-head h2,.shell-content .panel-head h3{color:#20343d;font-size:1rem}
.shell-content .panel-head .muted{max-width:900px;line-height:1.5}
.shell-content .grid2,.shell-content .grid.two{gap:18px}
.shell-content .section-block{margin-bottom:24px}
.shell-content .section-heading{margin:0 1px 12px}
.shell-content .section-heading h2{color:#20343d;font-size:1.03rem}

.shell-content form.formgrid,.shell-content form.grid-form,.shell-content form.stacked-form{gap:15px}
.shell-content form.formgrid,.shell-content form.grid-form{grid-template-columns:repeat(2,minmax(210px,1fr))}
.shell-content label,.shell-content .label{gap:7px;color:#42545d;font-size:.76rem;font-weight:700}
.shell-content label small,.shell-content .label small{color:#728188;font-size:.69rem;font-weight:400;line-height:1.4}
.shell-content input,.shell-content select,.shell-content textarea{min-height:42px;padding:10px 11px;background:#fbfcfd;border:1px solid #c8d2d7;border-radius:8px;color:#1b3039;transition:border-color .16s,box-shadow .16s,background .16s}
.shell-content textarea{min-height:104px;line-height:1.45;resize:vertical}
.shell-content input:hover,.shell-content select:hover,.shell-content textarea:hover{border-color:#a9b9c0;background:#fff}
.shell-content input:focus,.shell-content select:focus,.shell-content textarea:focus{outline:0;border-color:#4b98a8;box-shadow:0 0 0 3px rgba(75,152,168,.16);background:#fff}
.shell-content input:disabled,.shell-content select:disabled,.shell-content textarea:disabled{background:#eef2f4;color:#7e8a90;cursor:not-allowed}
.shell-content button,.shell-content .button{min-height:40px;padding:9px 14px;background:var(--page-teal);border:1px solid var(--page-teal);border-radius:8px;font-size:.78rem;font-weight:700;box-shadow:none;transition:background .16s,border-color .16s,transform .16s}
.shell-content button:hover,.shell-content .button:hover{background:var(--page-teal-dark);border-color:var(--page-teal-dark);filter:none;transform:translateY(-1px)}
.shell-content button:focus-visible,.shell-content .button:focus-visible{outline:3px solid var(--page-focus);outline-offset:2px}
.shell-content .button.secondary{background:#fff;color:#285a69;border-color:#bfcdd3}
.shell-content .button.secondary:hover{background:#f2f7f8;color:#174c5b;border-color:#9eb4bd}
.shell-content button.small,.shell-content .button.small{min-height:34px;padding:6px 10px;font-size:.72rem}
.shell-content button.danger,.shell-content .button.danger{background:#a63e3e;color:#fff;border-color:#a63e3e}
.shell-content button.danger:hover,.shell-content .button.danger:hover{background:#852f2f;border-color:#852f2f}
.shell-content .filter-actions{align-items:end}
.shell-content .filter-actions>*{white-space:nowrap}
.shell-content .policy-check,.shell-content .checkline,.shell-content .checkbox{padding:11px 12px;background:#f8fafb;border:1px solid var(--page-line);border-radius:9px}
.shell-content .policy-check input,.shell-content .checkline input,.shell-content .checkbox input{min-height:auto}

.shell-filter-toggle{display:none;width:100%;align-items:center;justify-content:space-between;margin:0 0 10px;background:#fff!important;color:#245665!important;border:1px solid var(--page-line)!important}
.shell-filter-toggle span{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;background:var(--page-teal-soft);border-radius:999px;color:#1d6470;font-size:.68rem}
.shell-content form.filterbar,.shell-content .filters{gap:12px}
.shell-content form.filterbar{align-items:end;background:#fff}

.shell-content .table-scroll{overflow:auto;border:1px solid var(--page-line);border-radius:10px;background:#fff}
.shell-content .panel>.table-scroll{margin:-3px 0 0}
.shell-content table{font-size:.8rem}
.shell-content th{padding:11px 12px;background:#f4f7f8;color:#68777e;border-bottom:1px solid #dce4e7;font-size:.66rem;letter-spacing:.055em}
.shell-content td{padding:12px;border-bottom:1px solid var(--page-line-soft);color:#31454e;line-height:1.42}
.shell-content tbody tr:last-child td{border-bottom:0}
.shell-content tbody tr:hover{background:#fafcfc}
.shell-content tbody tr:only-child td[colspan]{padding:28px 18px;color:#748188;text-align:center}
.shell-content table a:not(.button){font-weight:700}
.shell-content table code{color:#314e5b}
.shell-content .sticky-table thead{position:sticky;top:0;z-index:2}

.shell-content .metrics{gap:10px;margin-bottom:18px}
.shell-content .metric{min-height:92px;padding:15px;background:#fff;border:1px solid var(--page-line);border-left:1px solid var(--page-line);border-radius:11px;box-shadow:0 4px 16px rgba(24,49,60,.035)}
.shell-content .metric::before{content:"";display:block;width:28px;height:3px;margin-bottom:10px;background:#77909a;border-radius:999px}
.shell-content .metric.ok::before{background:#3b966a}
.shell-content .metric.warning::before{background:#d29a2c}
.shell-content .metric.critical::before{background:#ba4545}
.shell-content .metric.offline::before{background:#657179}
.shell-content .metric span{color:#6c7a81;font-size:.7rem}
.shell-content .metric strong{margin-top:5px;color:#20343d;font-size:1.25rem}

.shell-content .badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid transparent;border-radius:999px;font-size:.67rem;font-weight:700;white-space:nowrap}
.shell-content .badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}
.shell-content .badge.ok,.shell-content .badge.info{background:#eaf6ef;color:#246a49;border-color:#d5ebdf}
.shell-content .badge.warning{background:#fff5df;color:#8a641d;border-color:#f0dfb4}
.shell-content .badge.critical,.shell-content .badge.error{background:#fdeaea;color:#972f2f;border-color:#f2cccc}
.shell-content .badge.unknown,.shell-content .badge.offline{background:#eef1f3;color:#59676e;border-color:#dde3e6}
.shell-content .badge.pending{background:#e9f2fb;color:#315f88;border-color:#d5e3f0}

.shell-content .alert{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;background:#edf5f7;border:1px solid #d4e5ea;border-left:4px solid #4a91a2;border-radius:9px;color:#284a56;font-size:.78rem;line-height:1.45}
.shell-content .alert::before{content:"i";display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;background:#d7e9ed;border-radius:50%;font-size:.68rem;font-weight:900}
.shell-content .alert.ok,.shell-content .alert.success{background:#edf8f1;color:#276147;border-color:#d5eadc;border-left-color:#3f9167}
.shell-content .alert.warning{background:#fff8e9;color:#70551e;border-color:#efe0bc;border-left-color:#c89732}
.shell-content .alert.critical{background:#fff0f0;color:#812f2f;border-color:#f0d0d0;border-left-color:#b74343}

.shell-content details.panel{padding:0}
.shell-content details.panel>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:15px 18px;color:#244853;list-style:none}
.shell-content details.panel>summary::-webkit-details-marker{display:none}
.shell-content details.panel>summary::after{content:"+";color:#688087;font-size:1.05rem}
.shell-content details.panel[open]>summary{border-bottom:1px solid var(--page-line-soft)}
.shell-content details.panel[open]>summary::after{content:"–"}
.shell-content details.panel>summary~*{margin-left:18px;margin-right:18px}
.shell-content details.panel>summary~*:last-child{margin-bottom:18px}
.shell-content .danger-details{padding:12px 14px;background:#fff8f8;border:1px solid #efcaca;border-radius:10px}
.shell-content .danger-details>summary{color:#8d3030;font-weight:800}
.shell-content .panel.danger{background:#fffafa;border-color:#ebc2c2;box-shadow:none}
.shell-content details.danger-zone{border-color:#eccaca;background:#fffafa}
.shell-content details.danger-zone>summary{color:#8a3030}
.shell-content details.danger-zone[open]>summary{border-bottom-color:#f0dada}
.shell-content .danger-zone-content{padding-top:1px}
.shell-content .technical-details{margin:14px 0;padding:11px 13px;background:#f7f9fa;border:1px solid var(--page-line);border-radius:8px}
.shell-content .technical-details>summary{color:#50666f;font-size:.76rem;font-weight:700;cursor:pointer}
.shell-content .technical-details[open]>summary{margin-bottom:10px}

.shell-content .pills{gap:7px;margin-bottom:15px}
.shell-content .pills a{padding:7px 11px;background:#fff;color:#536b75;border:1px solid var(--page-line);font-size:.72rem}
.shell-content .pills a.active{background:var(--page-teal-soft);color:#155964;border-color:#b9dbdf}
.shell-content .page-tabs{gap:4px;margin-bottom:20px;padding:0 2px;border-bottom-color:var(--page-line)}
.shell-content .page-tabs a{padding:9px 11px;color:#607079;font-size:.75rem}
.shell-content .page-tabs a.active{color:#155964;box-shadow:inset 0 -3px 0 var(--page-teal)}
.shell-content .pagination{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:14px;color:#6d7a80;font-size:.72rem}
.shell-content .pagination a{padding:7px 10px;background:#fff;border:1px solid var(--page-line);border-radius:8px;font-weight:700}
.shell-content .empty-state{padding:32px 20px;color:#718087;text-align:center}
.shell-content .empty-state::before{content:"✓";display:grid;place-items:center;width:34px;height:34px;margin:0 auto 9px;background:#edf7f1;border-radius:10px;color:#2c7753;font-weight:900}

.shell-content dl.detail-list,.shell-content dl{line-height:1.45}
.shell-content dt{color:#65747c;font-size:.72rem}
.shell-content dd{color:#283d46;font-size:.8rem}
.shell-content pre,.shell-content .metadata,.shell-content .wrap{border:1px solid #e0e6e9;background:#f6f8f9;color:#29414c}
.shell-content .timeline-row,.shell-content .timeline-body,.shell-content .incident-card,.shell-content .fleet-customer{border-color:var(--page-line);box-shadow:0 3px 14px rgba(24,49,60,.035)}
.shell-content .sticky-save{background:#16323d}

@media(max-width:1050px){
  .shell-content form.formgrid,.shell-content form.grid-form{grid-template-columns:repeat(2,minmax(180px,1fr))}
  .shell-content .audit-filter-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}
}

@media(max-width:760px){
  .shell-content .page-head{align-items:flex-start;gap:13px;margin-bottom:17px}
  .shell-content .page-head h1,.shell-content>h1{font-size:1.45rem}
  .shell-content .page-head .lead,.shell-content>.lead{font-size:.78rem}
  .shell-content .page-head .head-actions{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}
  .shell-content .page-head>.button,.shell-content .page-head>.head-actions .button{flex:0 0 auto;width:auto}
  .shell-content .panel,.shell-content details.panel{padding:15px;border-radius:11px}
  .shell-content details.panel{padding:0}
  .shell-content form.formgrid,.shell-content form.grid-form,.shell-content .audit-filter-grid{grid-template-columns:1fr}
  .shell-content form.formgrid .wide,.shell-content form.grid-form .wide{grid-column:auto}
  .shell-filter-toggle{display:flex}
  .shell-filter-panel:not(.is-open){display:none!important}
  .shell-content form.filterbar{grid-template-columns:1fr}
  .shell-content .filter-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .shell-content .filter-actions>*{width:100%}
  .shell-content .metrics{grid-template-columns:1fr 1fr}
  .shell-content .metric{min-height:82px;padding:12px}
  .shell-content .table-scroll{overflow:visible;border:0;background:transparent}
  .shell-content .responsive-table tr{padding:7px 11px;border-color:var(--page-line);box-shadow:0 4px 14px rgba(24,49,60,.035)}
  .shell-content .responsive-table td{grid-template-columns:minmax(92px,34%) minmax(0,1fr);padding:8px 0}
  .shell-content .responsive-table td::before{font-size:.65rem}
  .shell-content .pagination{justify-content:space-between;flex-wrap:wrap}
  .shell-content dl.detail-list,.shell-content dl{grid-template-columns:1fr}
}

@media(max-width:440px){
  .shell-content .metrics{grid-template-columns:1fr}
  .shell-content .filter-actions{grid-template-columns:1fr}
  .shell-content .panel{margin-left:0;margin-right:0}
  .shell-content details.panel>summary{padding:14px}
  .shell-content details.panel>summary~*{margin-left:14px;margin-right:14px}
  .shell-content .responsive-table td{grid-template-columns:86px minmax(0,1fr)}
}