*{box-sizing:border-box}body{margin:0;background:radial-gradient(at 65% 0,#06243a,#000c14 55%);color:#f4f7ff;font:16px 'Arial Narrow',Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #7399b6;border-radius:5px;background:linear-gradient(120deg,#243443,#142532);font-weight:bold;min-height:38px}button:hover{filter:brightness(1.25)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #49d7ff;outline-offset:2px}header{height:92px;display:flex;align-items:center;gap:20px;padding:7px 24px;border-bottom:2px solid #00558c;background:linear-gradient(100deg,#00111d,#002039,#000c16)}header img{height:80px;width:77px;object-fit:contain}.brand{min-width:380px}.brand strong{display:block;font-size:53px;line-height:.95;font-weight:1000;letter-spacing:3px;font-style:italic}.brand small{font-size:12px}.title{border-left:1px solid #738ca1;padding-left:40px;flex:1}.title h1{margin:0;font-size:39px;letter-spacing:2px;color:#d7eaff;text-shadow:1px 2px #536b87}.title p{font-size:14px;letter-spacing:2px;color:#aaceee;margin:5px 0}.clock{text-align:right;white-space:nowrap}.clock strong{display:block;font-size:29px;font-weight:400}.clock small{display:block;color:#bae3ff;margin-top:5px}aside{position:absolute;top:92px;bottom:39px;width:204px;background:#00101b;overflow:hidden}nav button{border-radius:0;border:0;border-bottom:1px solid #274156;width:100%;height:64px;text-align:left;padding:0 20px;background:linear-gradient(100deg,#051928,#071724);font-size:14px}nav button.active{background:linear-gradient(100deg,#005998,#003d78);border-left:6px solid #21d8ff}nav span{font-size:26px;margin-right:20px;vertical-align:middle}.truck{height:360px;background:linear-gradient(#00101b00,#00101b),url('assets/truck.png') center/cover}.motto{text-align:center;margin-top:15px;color:#b8d7f3}.motto b{font-size:29px}.motto p{line-height:1.6;letter-spacing:1px;font-size:14px}main{margin-left:212px;padding:6px 13px 12px 0}#demo{font-size:11px;color:#88b3cc;text-align:right;height:16px}h2{font-size:20px;letter-spacing:.8px;margin:3px 0 5px} .buttons{display:flex;gap:11px;margin-bottom:10px}.buttons button{flex:1;height:59px;font-size:19px}.red,.selectedTown,.selectedCard{background:linear-gradient(120deg,#d30000,#990e06);border:2px solid #ff2c19;box-shadow:0 0 8px #c0000066}.workspace{display:grid;grid-template-columns:2.08fr 1fr;gap:10px}.incident,.checklist{border:1px solid #085a83;border-radius:8px;padding:7px;background:#00101a77}.cad{border:1px solid #12476b;border-radius:6px;padding:6px;display:flex;align-items:center;gap:15px;margin:5px 0}.cad label{font-size:21px;font-weight:bold;white-space:nowrap}.cad input{width:38%;height:34px;border-radius:5px;border:1px solid #c9d5df;padding:3px 12px;background:#fafaff;color:#111a24}.cad small{font-size:11px;flex:1;text-align:right}.alarms{flex-wrap:wrap;gap:8px}.alarms button{flex:1 1 14%;height:48px;font-size:17px}.alarms button:nth-child(n+7){flex-basis:17%}.alarms button.selected{background:#0058ff;border:2px solid #05cfff;box-shadow:0 0 12px #0089ff}.apparatus{border:1px solid #07567e;border-radius:7px;padding:5px}.group{border:1px solid #23485e;border-radius:5px;overflow:hidden;margin:5px 0}.grouphead{display:grid;grid-template-columns:26% 48% 26%;background:linear-gradient(#1e4867,#0a283c);font-size:11px;padding:5px}.grouphead b{font-size:14px}.unit{display:grid;grid-template-columns:26% 48% 26%;min-height:29px;background:linear-gradient(100deg,#0b1b24 26%,#1c3040 26%,#142635);border-top:1px solid #345066;align-items:center;padding-right:14px}.unit .label{grid-column:2;font-size:14px;padding-left:15px}.unit button{min-height:24px;height:24px;font-size:13px;border:0;background:linear-gradient(#ffd632,#ffb91b);color:#081117;margin:2px 0}.unit button.called{background:linear-gradient(#00cb14,#008c00);color:white}.checkhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.checkhead h2{font-size:18px}.checkhead button{font-size:12px;min-height:32px;padding:0 18px;background:#0d2335}details{margin:4px 0}summary{cursor:pointer;border:1px solid #24516e;border-radius:4px;background:linear-gradient(100deg,#102536,#172f42);padding:6px 10px;font-size:14px;font-weight:bold} .checkunit{display:flex;gap:12px;padding:5px 12px;font-size:12px;align-items:center}.dot{border-radius:50%;background:#718394;width:16px;height:16px;display:inline-grid;place-items:center;flex-shrink:0}.dot.done{background:#00ad34}.checkunit time{margin-left:auto}.actions{display:flex;gap:15px;margin-top:9px}.actions button{height:55px;flex:1;font-size:16px}.green{background:linear-gradient(100deg,#009b05,#0acb04);border:1px solid #00fd19}.totals{border:1px solid #075985;border-radius:6px;flex:2.6;display:flex;align-items:center;padding:10px 30px;font-size:23px;font-weight:bold;gap:45px}.totals span:first-child{color:#58e85c}.totals span+span{color:#ffcb2a;border-left:1px solid #94a0a6;padding-left:40px}footer{display:flex;justify-content:space-between;padding:11px 20px;font-size:12px;color:#a7b9ca;border-top:1px solid #003554}#admin,#history{padding:20px}#admin input{padding:8px}textarea{display:block;width:100%;height:500px;margin:15px 0;background:#0b2132;color:#e7f4ff;padding:15px;border:1px solid #55728a}#historyList article{padding:15px;border-bottom:1px solid #27516b} @media(min-width:1400px){main{min-height:calc(100vh - 132px)}}@media(max-width:1150px){.brand{min-width:250px}.brand strong{font-size:40px}.brand small{display:none}.title{padding-left:15px}.title h1{font-size:27px}.clock strong{font-size:23px}aside{width:165px}main{margin-left:173px}.workspace{grid-template-columns:1.7fr 1fr}.buttons button{font-size:15px}.cad{flex-wrap:wrap}.cad input{width:50%}.totals{gap:20px;padding:8px;font-size:18px}.totals span+span{padding-left:20px}}@media(max-width:800px){header{height:auto;flex-wrap:wrap;gap:10px}.brand{min-width:0}.title{order:3;width:100%;flex:auto}.clock{margin-left:auto;font-size:11px}header img{height:60px;width:50px}aside{position:static;width:100%}nav{display:flex}nav button{height:50px;text-align:center;padding:4px;font-size:11px}nav span{display:none}.truck,.motto{display:none}main{margin:0;padding:8px}.workspace{grid-template-columns:1fr}.buttons{flex-wrap:wrap}.buttons button{flex-basis:25%;font-size:14px}.actions{flex-wrap:wrap}.totals{flex-basis:100%}footer{gap:15px;font-size:10px}.cad label{font-size:17px}}

.importbox{padding:18px;border:1px solid #1b658c;background:#071c2c;border-radius:8px;margin-bottom:25px}.importbox button{padding:8px 14px;margin:5px}.importbox input[type=file]{max-width:100%;margin:10px 0}.importbox table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}.importbox th,.importbox td{padding:7px;border-bottom:1px solid #2d5065;text-align:left}.importbox details{margin:12px 0}.importbox .reviewwarning{color:#ffd045}.importbox .preview-scroll{max-height:430px;overflow:auto}.importbox input[type=text]{width:100%;background:#142b3d;color:white;border:1px solid #456580;padding:5px}.importbox .import-change{color:#7bdbff}.importbox .source-text{white-space:pre-wrap;font-size:12px;color:#b6cfe0}#confirmReview{display:block;margin:15px 0}#confirmReview[hidden]{display:none}#applyImport{background:#098622}#applyImport[hidden]{display:none}.cardNotes{margin:8px;padding:8px;border:1px solid #29546e}.cardNotes ul{font-size:13px;line-height:1.5}