:root{--border:#263440;--cyan:#44aaff;--muted:#939fa9;--blue:#1d559f}body{background:#080f17;color:#e1e6ed;font:13px 'Segoe UI',Arial,sans-serif}.cad-shell{min-height:100vh;display:flex;flex-direction:column}.cad-top{height:60px;min-height:60px;padding:0 14px;background:linear-gradient(90deg,#030b13,#111923);gap:18px}.cad-top .brand{border:0;padding:0;flex-shrink:0}.cad-top .brand img{width:42px;height:44px}.cad-top .brand strong{font-style:normal;font-size:20px}.cad-top .brand small{color:#abb4be;letter-spacing:0;font-size:10px;margin-top:3px}.cad-top .profile{font-size:12px;gap:10px;white-space:nowrap}.profile small{display:block;color:var(--muted);margin-top:4px}.topnav{display:flex;height:100%;flex:1;overflow:auto}.toplink{border:0;border-radius:0;min-width:72px;background:transparent;font-size:10px;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.toplink span{font-size:19px}.toplink.selected{border-bottom:2px solid var(--cyan);color:var(--cyan)}.global-search{width:230px;max-width:20vw;font-size:11px}.cad-body{display:grid;grid-template-columns:185px minmax(0,1fr);flex:1;gap:10px;padding:10px}.cad-side{position:relative;top:0;height:auto;padding:10px 6px;background:#0b141d;border:1px solid var(--border);border-radius:3px;overflow:visible}.dutybox{padding:0 8px 12px;border-bottom:1px solid var(--border);line-height:1.7}.dutybox strong{display:block}.dutybox label{display:block;margin:10px 0 3px;font-size:10px;color:var(--muted);text-transform:uppercase}.navgroup{letter-spacing:0;font-size:10px;margin:14px 8px 8px}.nav{font-size:12px;padding:8px 9px;margin:1px 0;gap:8px}.nav.active{background:#163661;box-shadow:none;border-left:2px solid #48a8ff}.sidefoot{font-size:10px;padding:12px 8px}.cad-body main{padding:0;min-width:0}.pagehead{margin:0 0 8px;padding:4px 6px;font-size:11px}.pagehead h1{font-size:16px;text-transform:uppercase;margin:0}.panel{background:linear-gradient(135deg,#101a24,#09121a);margin-bottom:10px;border-radius:3px}.panelhead{padding:10px 12px;background:#0c151e;border-color:#23313c;min-height:39px}.panelhead h2{font-size:12px;text-transform:uppercase}.panelhead button{font-size:10px;padding:4px 8px}.panelbody{padding:12px}button{background:linear-gradient(#19232d,#111c26);border:1px solid #2b3945;padding:8px 12px;border-radius:3px;font-size:11px;color:#e1e6ed}button.primary,.primary{background:linear-gradient(#194780,#123566);border-color:#285797}button.danger{background:linear-gradient(#6e2025,#47171b);border-color:#81353c}button.success{background:linear-gradient(#174d33,#103b28);border-color:#266547}button:hover{filter:brightness(1.2);background-color:#253643}input,select,textarea{background:#09131c;border-color:#293843;padding:8px;font-size:12px;border-radius:2px;color:#e3e6ed}th{background:#1c2732;color:#b2bdc6;font-size:10px;letter-spacing:0;padding:10px}td{padding:10px;border-color:#1e2c37;font-size:12px}td small{display:block;color:var(--muted);margin-top:5px}.badge{font-size:10px;padding:4px 7px;background:#173725;color:#6adb76;border:0;font-weight:500}.badge.red{background:#481e22;color:#ff5c59}.badge.gold{background:#4d3a16;color:#ffc447}.badge.blue{background:#173853;color:#5bb5ff}.ops-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.12fr) minmax(0,1.08fr);gap:10px}.ops-grid>div{min-width:0}.ops-grid .gta-map{height:395px}.lower-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.queue-row{display:grid;grid-template-columns:65px minmax(0,1fr) 95px;gap:10px;padding:12px;width:100%;text-align:left;border:0;border-bottom:1px solid #25333e;background:transparent;border-radius:0;align-items:center}.queue-row small{display:block;margin-top:5px;color:#a1acb7;font-size:11px}.queue-row strong{font-size:12px}.queue-row .badge{white-space:normal}.quick button{padding:12px;font-size:10px;text-align:center}.feed-row{border-bottom:1px solid #263440;padding:10px 0;line-height:1.5}.feed-row .badge{float:right}.feed-row p{font-size:11px;color:var(--muted);margin:5px 0}.plate-display{margin:16px 0;background:#e5e6e8;color:#144c8f;font:700 32px monospace;padding:18px 12px;border:5px solid #bbc2c9;border-radius:5px;display:inline-block;letter-spacing:2px;box-shadow:0 2px 10px #000}.record-specs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:15px 0 24px;font-size:10px;color:var(--muted)}.record-specs strong{display:block;color:#dbe3ea;font-size:12px;margin-top:6px;overflow-wrap:anywhere}.cad-footer{padding:10px 16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.report-overview{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:10px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.template-card{text-align:left;min-height:142px;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:14px}.template-card strong{font-size:12px}.template-card small{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.5}.template-icon{color:var(--cyan);font-size:25px;margin-bottom:8px}.template-view{margin-top:12px;font-size:10px;color:var(--cyan)}.status-ring{border:15px solid #26558d;border-left-color:#34a253;border-radius:50%;width:140px;height:140px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:15px auto 25px}.status-ring strong{font-size:30px}.status-ring small{font-size:10px}.report-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px;background:#0d1720;border:1px solid var(--border)}.report-heading h2{font-size:13px}.report-heading .actions{flex-wrap:wrap}.workflow-strip{display:flex;justify-content:space-around;border:1px solid var(--border);padding:13px;background:#09131c;margin-bottom:10px;color:#82919d;font-size:10px}.workflow-strip .current{color:var(--cyan)}.report-workspace{display:grid;grid-template-columns:160px minmax(290px,1fr) minmax(360px,.95fr);gap:10px;align-items:start}.report-stepnav{background:#101a23;border:1px solid var(--border);min-height:610px}.report-stepnav>button{width:100%;text-align:left;border:0;background:transparent;padding:12px 10px;border-radius:0}.report-stepnav>button.active{background:#18417a;border-left:2px solid #50a9ff}.report-stepnav small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.formgrid{gap:12px;margin:0}.field label{font-size:11px;margin-bottom:5px;color:#abb8c2}.field textarea{min-height:140px;line-height:1.6}.report-form-area .panelhead h2{color:var(--cyan)}.report-preview-area{position:sticky;top:10px;max-height:calc(100vh - 95px);overflow:auto}.document-paper{background:#f2f2f2;color:#111;margin:8px;padding:20px 16px;box-shadow:0 2px 12px #0006;font-family:Arial,sans-serif;font-size:10px;min-height:680px}.paper-head{display:flex;align-items:center;gap:10px;border-bottom:2px solid #111;padding-bottom:12px;text-align:center}.paper-head img{width:42px;height:48px;object-fit:contain}.paper-head>div:first-of-type{flex:1}.paper-head h3{font-size:12px;margin:7px 0}.paper-head strong{font-size:11px}.paper-number{border:1px solid #444;padding:8px;font-size:8px}.paper-title{font-weight:bold;text-align:center}.paper-section{margin:12px 0;border:1px solid #a8acb1;break-inside:avoid}.paper-section h4{font-size:10px;background:#e7e8ea;margin:0;padding:6px;border-bottom:1px solid #a8acb1}.paper-grid{display:grid;grid-template-columns:1fr 1fr}.paper-field{padding:7px;border-right:1px solid #bbb;border-bottom:1px solid #bbb;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.paper-field strong{font-size:8px;display:block;margin-bottom:5px}.paper-field.wide{grid-column:1/-1}.paper-field p{margin:4px 0}.document-paper footer{font-size:8px;color:#444;margin-top:20px;border-top:1px solid #888;padding-top:8px}.signature{font-family:'Segoe Script',cursive;font-size:25px!important}.paper-checklist{grid-column:1/-1;white-space:normal;color:#111}.paper-checklist td,.paper-checklist th{background:#eee;color:#111;font-size:9px;padding:6px;border:1px solid #aaa}.certification{display:flex;gap:8px;align-items:start;line-height:1.5}.certification input{width:auto}.scene-image,.paper-diagram{max-width:100%;max-height:300px;object-fit:contain}.paper-diagram{grid-column:1/-1}.person-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:10px}.person-result{width:100%;text-align:left;margin-top:10px;display:grid;grid-template-columns:40px 1fr;gap:10px}.person-result small{grid-column:2}.fire-theme{--cyan:#ed4949;--blue:#992c2c}.fire-theme .toplink.selected{color:#fb4949;border-color:#fb4949}.fire-theme .nav.active,.fire-theme .report-stepnav>button.active{background:#581d22}.fire-theme .template-icon{color:#f34235}.metrics{gap:10px;margin-bottom:10px}.metric{background:#101b26;border-color:var(--border);padding:14px}.grid{gap:10px}.announcement{background:#111d2a}.tracking-grid{gap:10px}.law-text{background:#141f2b}.report-form-area .panel table{white-space:normal}.report-form-area .panel table td:first-child{width:35%}
@media(max-width:1250px){.global-search{display:none}.toplink{min-width:60px}.cad-top .profile .online{display:none}.report-workspace{grid-template-columns:135px minmax(250px,1fr) minmax(300px,1fr)}.person-grid{grid-template-columns:180px minmax(0,1fr)}.person-grid>div:last-child{grid-column:1/-1}.ops-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ops-grid>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-overview{grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:950px){.cad-body{grid-template-columns:155px minmax(0,1fr)}.cad-top{flex-wrap:wrap;height:auto;padding:8px}.topnav{order:3;flex-basis:100%;height:45px}.cad-top .profile{margin-left:auto}.report-workspace{grid-template-columns:130px minmax(0,1fr)}.report-preview-area{grid-column:1/-1;position:relative;max-height:none}.report-overview{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,1fr)}.ops-grid{grid-template-columns:1fr}.ops-grid>div:last-child{display:block}.report-heading{display:block}.report-heading .actions{justify-content:flex-start;margin-top:10px}}
@media(max-width:650px){.cad-body{display:block}.cad-side{margin-bottom:10px}.cad-side nav{display:flex;overflow:auto}.dutybox,.cad-side .navgroup,.cad-side .sidefoot{display:none}.cad-top .profile .avatar{display:none}.cad-top .profile{font-size:10px}.cad-top .brand strong{font-size:16px}.lower-grid{grid-template-columns:1fr}.report-workspace{display:block}.report-stepnav{min-height:0;display:flex;overflow:auto;margin-bottom:10px}.report-stepnav>button{width:auto;flex-shrink:0}.report-stepnav .panelbody{display:none}.person-grid{display:block}.template-grid{grid-template-columns:1fr 1fr}.document-paper{padding:14px 10px}.cad-footer{font-size:9px;gap:8px}.report-heading .actions button{font-size:9px}.formgrid{grid-template-columns:1fr}.paper-head{gap:5px}.queue-row{grid-template-columns:50px 1fr 80px}.pagehead{margin-top:10px}}
@media print{body{background:white!important;color:black!important}.cad-top,.cad-side,.cad-footer,.pagehead,.report-heading,.workflow-strip,.report-stepnav,.report-form-area,.report-preview-area .panelhead,#toast,dialog{display:none!important}.cad-body,.cad-body main,.report-workspace,.report-preview-area{display:block!important;padding:0!important;margin:0!important;max-height:none!important;overflow:visible!important}.report-preview-area .panel{border:0;background:white;margin:0;overflow:visible}.document-paper{margin:0;padding:0;box-shadow:none;font-size:11px}.paper-section{break-inside:avoid}.document-paper footer{position:static}.paper-head img{width:60px;height:65px}@page{size:A4;margin:12mm}}
.line-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.toplink .line-icon{width:20px;height:20px}.civilian-welcome{padding:25px;background:linear-gradient(100deg,#152437,#08131f);border:1px solid var(--border);margin-bottom:14px;position:relative;min-height:120px;overflow:hidden}.civilian-welcome img{position:absolute;right:35px;top:5px;height:110px;opacity:.3}.civilian-welcome h1{font-size:23px}.template-card:hover{border-color:var(--cyan)}.report-stepnav h3{font-size:11px;margin-top:25px}.report-law-links{margin-top:15px}.report-law-links summary{cursor:pointer;color:var(--cyan);font-size:11px}.report-law-links .law-text{max-height:220px;font-size:12px}.report-preview-area .panel{margin-bottom:0}

.plate-display.nc-plate{width:300px;max-width:100%;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;overflow:hidden;padding:8px 10px 9px;margin:16px 0;background:linear-gradient(180deg,#f9fafb,#f0f2ee 72%,#e6ebe5);border:4px solid #bac1c5;border-radius:9px;box-shadow:inset 0 0 0 2px #fdfdfd,inset 0 0 0 3px #bcc4c8,0 3px 10px #0005;letter-spacing:0}.plate-slogan{z-index:1;font:bold italic 19px Georgia,serif;color:#a53030;line-height:25px}.plate-number{z-index:1;color:#174578;font:700 43px 'Arial Narrow','Roboto Condensed',Arial,sans-serif;letter-spacing:3px;line-height:60px;text-shadow:1px 1px 0 #fff,-1px -1px 0 #102f4b55;white-space:nowrap}.plate-state{z-index:1;color:#a53030;font:bold 15px Arial,sans-serif;letter-spacing:2px;line-height:20px}.plate-flyer{position:absolute;width:100%;height:100%;inset:0;opacity:.48;pointer-events:none}.plate-hole{position:absolute;top:9px;width:16px;height:5px;border-radius:5px;background:#5e686c;box-shadow:0 1px #fff}.plate-hole.left{left:35px}.plate-hole.right{right:35px}
.charge-picker{width:100%;margin:0}.charge-picker h3{font-size:13px}.charge-picker h4{font-size:12px;margin:14px 0 10px}.charge-picker .toolbar{margin-bottom:0;gap:6px}.charge-picker select{max-width:150px}.charge-picker #report-law-results{max-height:300px;overflow:auto;margin-top:5px}.charge-option{display:block;width:100%;text-align:left;padding:10px;background:#101e2d;border-bottom:1px solid #293e50;border-radius:0}.charge-option strong,.selected-charge strong{font-size:12px;display:block;line-height:1.5}.charge-option small,.selected-charge small{display:block;color:#9aacbe;margin-top:4px;font-size:10px}.charge-option.highlighted,.charge-option:hover{background:#183b62;border-color:#4588c8}.charge-hint{font-size:11px;margin:8px 0}.selected-charge{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#112d40;border-left:3px solid var(--cyan);padding:10px;margin:7px 0}.selected-charge button{flex-shrink:0}.charge-picker input{min-width:120px}@media(max-width:650px){.charge-picker select{max-width:100%}}

/* Compact workstation/tablet density */
html[data-density="compact"] body{font-size:12px}
html[data-density="compact"] .cad-top{height:52px;min-height:52px;padding:0 9px;gap:10px}
html[data-density="compact"] .cad-top .brand img{width:34px;height:38px}
html[data-density="compact"] .cad-top .brand strong{font-size:16px}
html[data-density="compact"] .toplink{min-width:58px;font-size:9px;gap:2px;padding:4px 7px}
html[data-density="compact"] .toplink span,html[data-density="compact"] .toplink .line-icon{font-size:16px;width:17px;height:17px}
html[data-density="compact"] .global-search{width:185px;padding:6px}
html[data-density="compact"] .cad-top .profile{font-size:10px;gap:6px}
html[data-density="compact"] .cad-top .profile button{padding:5px 7px;font-size:9px}
html[data-density="compact"] .cad-top .avatar{width:30px;height:30px}
html[data-density="compact"] .cad-body{grid-template-columns:160px minmax(0,1fr);gap:7px;padding:7px}
html[data-density="compact"] .cad-side{padding:7px 4px}
html[data-density="compact"] .dutybox{padding:0 6px 7px;line-height:1.45}
html[data-density="compact"] .dutybox label{margin-top:6px}
html[data-density="compact"] .navgroup{margin:9px 6px 5px}
html[data-density="compact"] .nav{font-size:10px;padding:6px 7px}
html[data-density="compact"] .pagehead{margin-bottom:5px;padding:2px 4px}
html[data-density="compact"] .pagehead h1{font-size:14px}
html[data-density="compact"] .panel{margin-bottom:7px}
html[data-density="compact"] .panelhead{padding:7px 9px;min-height:33px}
html[data-density="compact"] .panelbody{padding:8px}
html[data-density="compact"] button{padding:6px 9px;font-size:10px}
html[data-density="compact"] input,html[data-density="compact"] select,html[data-density="compact"] textarea{padding:6px;font-size:11px}
html[data-density="compact"] th{padding:7px 8px;font-size:9px}
html[data-density="compact"] td{padding:7px 8px;font-size:10px}
html[data-density="compact"] .metric{padding:9px;gap:9px}
html[data-density="compact"] .metric strong{font-size:21px}
html[data-density="compact"] .metric .symbol{font-size:18px;padding:6px}
html[data-density="compact"] .queue-row{padding:8px;grid-template-columns:55px minmax(0,1fr) 78px;gap:7px}
html[data-density="compact"] .ops-grid .gta-map{height:340px}
html[data-density="compact"] .gta-map{height:460px}
html[data-density="compact"] .template-card{min-height:110px;padding:10px}
html[data-density="compact"] .template-icon{font-size:20px;margin-bottom:4px}
html[data-density="compact"] .report-workspace{grid-template-columns:130px minmax(250px,1fr) minmax(310px,.9fr);gap:7px}
html[data-density="compact"] .report-stepnav{min-height:500px}
html[data-density="compact"] .report-stepnav>button{padding:8px 7px;font-size:9px}
html[data-density="compact"] .document-paper{margin:5px;padding:13px 11px;min-height:600px;font-size:9px}
html[data-density="compact"] .formgrid{gap:8px}
html[data-density="compact"] .field textarea{min-height:95px}
html[data-density="compact"] dialog{padding:15px}
html[data-density="compact"] .cad-footer{padding:6px 10px;font-size:9px}

@media(max-width:1150px){html[data-density="compact"] .cad-body{grid-template-columns:138px minmax(0,1fr)}html[data-density="compact"] .toplink{min-width:50px}.cad-top .brand small{display:none}}
@media(max-width:900px){#cad-density{font-size:0!important}#cad-density:after{content:'↕';font-size:13px}.cad-top .profile>div:not(.avatar){display:none}.lower-grid{grid-template-columns:1fr 1fr}.tracking-grid{grid-template-columns:1fr}.report-workspace{grid-template-columns:1fr}.report-stepnav{display:flex;overflow:auto;min-height:0}.report-stepnav>button{width:auto;flex:0 0 auto}.report-preview-area{position:relative;max-height:none}.ops-grid{grid-template-columns:1fr}.ops-grid>div:last-child{display:block;grid-column:auto}}
@media(max-width:700px){html[data-density="compact"] .cad-body{display:block}.lower-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.cad-top .brand{max-width:135px}.topnav{scrollbar-width:thin}}

.preplan-ident{display:grid;grid-template-columns:minmax(0,1fr) 100px 74px;border:2px solid #17212b;margin:8px 0;background:#fff;color:#111}.preplan-ident>div{padding:5px 7px;border-right:1px solid #6d747a}.preplan-ident small{display:block;font-size:8px}.preplan-ident strong{display:block;font-size:17px}.preplan-ident p{grid-column:1/-1;margin:0;padding:4px 7px;border-top:1px solid #6d747a;font-size:9px}.fire-preplan-document .nc-block{margin-top:5px}.fire-preplan-document .nc-cell{min-height:28px;padding:3px 5px}.fire-preplan-document .nc-cell small{font-size:7px}.fire-preplan-document .nc-cell div{font-size:9px}.preplan-head{margin-bottom:4px}

.report-workspace.simple-report{grid-template-columns:minmax(420px,1fr) minmax(360px,.85fr)}@media(max-width:900px){.report-workspace.simple-report{grid-template-columns:1fr}}

html[data-density='compact'] .report-workspace.simple-report{grid-template-columns:minmax(420px,1fr) minmax(360px,.85fr)}@media(max-width:900px){html[data-density='compact'] .report-workspace.simple-report{grid-template-columns:1fr}}

/* Shared LEO and Fire report editor: keep the form readable at every density. */
.report-workspace.simple-report>.report-form-area,
.report-workspace.simple-report>.report-preview-area{min-width:0;width:100%}
.report-workspace.simple-report .panel,
.report-workspace.simple-report .panelbody,
.report-workspace.simple-report .formgrid,
.report-workspace.simple-report .field{min-width:0;max-width:100%}
.report-workspace.simple-report .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.report-workspace.simple-report .field{overflow-wrap:anywhere}
.report-workspace.simple-report input,
.report-workspace.simple-report select,
.report-workspace.simple-report textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
.report-workspace.simple-report textarea{resize:vertical}
.report-workspace.simple-report .panelbody{overflow-x:hidden}
@media(max-width:1100px){
  .report-workspace.simple-report,
  html[data-density='compact'] .report-workspace.simple-report{grid-template-columns:minmax(380px,1fr) minmax(330px,.82fr)}
  .report-workspace.simple-report .formgrid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .report-workspace.simple-report,
  html[data-density='compact'] .report-workspace.simple-report{display:grid;grid-template-columns:minmax(0,1fr)}
  .report-workspace.simple-report .report-preview-area{grid-column:1;position:relative;top:auto;max-height:none}
}
