:root{--ink:#143247;--muted:#627686;--line:#dce5eb;--surface:#fff;--bg:#f1f5f8;--nav:#102e42;--teal:#087f82;--lime:#d5f484;--red:#ae3038;--amber:#915716;--radius:14px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:.78rem 1rem;font-weight:650;transition:background .15s}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #65bac2;outline-offset:2px}input,select,textarea{width:100%;border:1px solid #cbd8e0;border-radius:8px;padding:.8rem;background:white;color:var(--ink);min-height:46px}textarea{resize:vertical;min-height:86px}label{display:block;font-size:.9rem;font-weight:650;margin-bottom:.45rem}h1,h2,h3,p{margin-top:0}h1{font-size:1.8rem;letter-spacing:-.055rem;margin-bottom:0}h2{font-size:1.35rem;letter-spacing:-.025rem}h3{font-size:1rem}p{line-height:1.6}a{color:#087980}small,.muted{color:var(--muted);font-size:.875rem;line-height:1.55}[hidden]{display:none!important}.primary{background:var(--teal);color:white}.primary:hover{background:#056b6e}.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.secondary:hover{background:#edf4f6}.danger{background:#fcecee;color:var(--red)}.small{font-size:.875rem;padding:.6rem .85rem}.text-button{background:transparent;color:inherit;padding:.4rem 0;text-align:left}.icon-button{font-size:1.7rem;background:#edf3f6;padding:.2rem .8rem}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:750;color:var(--muted);margin-bottom:.55rem}.brand{font-size:1.4rem;display:flex;align-items:center;gap:.7rem;letter-spacing:-.04rem;font-weight:750}.brand-mark{display:grid;place-items:center;width:37px;height:39px;border-radius:10px;background:var(--lime);color:var(--nav);font-size:1.65rem;font-style:italic}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;background:white}.login-copy{background:var(--nav);color:white;padding:4.5rem 10%;display:flex;flex-direction:column;justify-content:center}.login-copy .brand{margin-bottom:5rem}.login-copy .eyebrow{color:var(--lime)}.login-copy h1{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.12;letter-spacing:-.09rem;margin-bottom:1.6rem}.login-copy>p:not(.eyebrow){color:#c0d1db;max-width:500px}.login-stats{display:grid;gap:1.25rem;border-top:1px solid #335164;margin-top:2rem;padding-top:2rem}.login-stats div{display:flex;align-items:center;gap:1.2rem}.login-stats strong{color:var(--lime);font-size:.85rem}.login-copy .login-foot{font-size:.8rem;margin-top:3rem;margin-bottom:0}.login-card{align-self:center;padding:4rem;max-width:570px;width:100%;justify-self:center}.login-card h2{font-size:2rem;margin-bottom:.7rem}.login-card p{color:var(--muted)}.login-card form{margin-top:2rem}.login-card .primary{width:100%;display:flex;justify-content:space-between;margin-top:1rem}.login-card .secondary{width:100%}#connectionState{font-size:.875rem;margin-top:1rem}.divider{height:1px;background:var(--line);margin:1.7rem 0}.demo-banner{padding:.6rem 1rem;background:#fff1cb;text-align:center;font-size:.85rem;color:#6b4713}.demo-banner button{background:transparent;text-decoration:underline;font-size:.85rem;padding:.25rem .7rem}.app-shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:var(--nav);color:#e6edf2;padding:2rem 1.2rem;display:flex;flex-direction:column}.company{color:#a7bdcd;font-size:.85rem;padding:1rem 0 2rem}.sidebar nav{display:grid;gap:.4rem}.sidebar nav button{display:flex;gap:.9rem;background:none;color:#b6cbd8;text-align:left;padding:.9rem;font-size:.95rem}.sidebar nav button.active{background:#264b60;color:white;box-shadow:inset 3px 0 var(--lime)}.sidebar-bottom{margin-top:auto;padding-top:3rem;display:grid;gap:.55rem}.sidebar-bottom small{color:#88a4b7;padding-top:1rem}.sidebar-bottom #currentUser{font-size:.9rem}.sidebar-bottom .text-button{color:#c0d1db;font-size:.85rem}main{min-width:0;padding:2.3rem 2.8rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.top-actions{display:flex;gap:.7rem;align-items:center}.pill{display:inline-block;border-radius:6px;padding:.3rem .55rem;font-size:.8rem;font-weight:650;white-space:nowrap;background:#e5eef3;color:#456374}.pill.green{color:#126650;background:#e2f3ec}.pill.red{color:#9f2936;background:#fce7e9}.pill.amber{color:#875512;background:#fff0d1}.pill.blue{color:#225f83;background:#e6f1fb}.hero-strip{border-radius:var(--radius);background:var(--nav);color:white;padding:1.6rem 1.8rem;display:flex;justify-content:space-between;gap:1.5rem;align-items:center;margin-bottom:1.5rem}.hero-strip h2{margin-bottom:.45rem}.hero-strip p{color:#b7cedc;margin:0;font-size:.9rem}.hero-strip button{background:var(--lime);color:var(--nav);white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.metric{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.4rem}.metric span{font-size:.875rem;color:var(--muted)}.metric strong{display:block;font-size:2.3rem;letter-spacing:-.1rem;margin:.5rem 0}.metric small{font-size:.8rem}.metric.alert{border-bottom:3px solid #bc4350}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.4rem}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.panel-head h2,.panel-head h3{margin-bottom:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:.75rem;letter-spacing:.04em;color:var(--muted);font-weight:600;background:#f6f9fb;padding:.85rem .7rem;white-space:nowrap}td{padding:1rem .7rem;font-size:.875rem;border-bottom:1px solid #edf1f4}tr:last-child td{border-bottom:0}.plate{font-weight:750;letter-spacing:.035em}.subline{display:block;color:var(--muted);font-size:.8rem;margin-top:.25rem}.toolbar{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.toolbar input{max-width:310px}.toolbar select{max-width:200px}.empty{text-align:center;padding:2.5rem 1rem;color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.span2{grid-column:1/-1}.stepper{display:flex;gap:.7rem;margin-bottom:1.3rem}.stepper button{background:#e5edf2;color:#587080;flex:1}.stepper button.active{background:var(--nav);color:white}.inspection-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:1.4rem}.summary-box{position:sticky;top:1rem;align-self:start;background:white;padding:1.3rem;border:1px solid var(--line);border-radius:var(--radius)}.summary-box dl{margin-bottom:1.5rem}.summary-box dt{color:var(--muted);font-size:.8rem;margin-top:1rem}.summary-box dd{margin:.3rem 0;font-weight:650}.summary-box button{width:100%;margin-top:.6rem}.item-card{padding:1.2rem 0;border-bottom:1px solid var(--line)}.item-card:first-child{padding-top:0}.item-card:last-child{border:0;padding-bottom:0}.item-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.item-head h3{margin:0}.choices{display:flex;gap:.5rem;margin-bottom:.75rem}.choices button{background:#f1f5f8;border:1px solid #d9e4eb;font-size:.875rem;min-width:74px}.choices button.selected[data-status="OK"]{background:#e1f4eb;border-color:#5caa89;color:#165a43}.choices button.selected[data-status="NC"]{background:#ffeaed;border-color:#d16b79;color:#a02c3c}.choices button.selected[data-status="NA"]{background:#e9edf5;border-color:#9caac5}.section-label{margin:1.4rem 0 .4rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--teal)}.section-label:first-child{margin-top:0}.notice{padding:1rem;border-radius:10px;background:#edf5f8;border:1px solid #d5e6ed;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.notice.warning{background:#fff4da;border-color:#f0d694;color:#755016}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.photo-card{border:1px solid var(--line);border-radius:10px;overflow:hidden}.photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.photo-placeholder{height:120px;background:#eef3f6;display:grid;place-items:center;color:#688092;font-size:2rem}.photo-info{padding:.9rem}.photo-info h3{margin-bottom:.5rem}.photo-info small{display:block;margin-bottom:.7rem}.photo-info button{width:100%}.check-label{display:flex;align-items:flex-start;gap:.7rem;line-height:1.6;font-size:.95rem}.check-label input{width:20px;min-height:20px;margin-top:.2rem}.form-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.5rem}.progress{height:6px;background:#dbe7eb;border-radius:5px;overflow:hidden;margin:1rem 0}.progress>div{height:100%;background:var(--teal)}.issue-card{border:1px solid var(--line);border-radius:12px;padding:1.2rem;margin-bottom:1rem;border-left:4px solid #d2a665}.issue-card.critical{border-left-color:#b83847}.issue-card p{margin:.7rem 0}.issue-top{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.issue-form{margin-top:1rem}.key-output{word-break:break-all;padding:1rem;background:#eef6f9;border:1px solid #bfd9e4;border-radius:9px;font-family:monospace;font-size:1rem}.audit-text{max-width:500px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}footer{font-size:.75rem;color:var(--muted);padding:1rem 0;line-height:1.7}dialog{border:0;border-radius:16px;padding:0;max-width:760px;width:calc(100% - 2rem);box-shadow:0 20px 90px #102e423d;color:var(--ink)}dialog::backdrop{background:#092535ba;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.5rem;border-bottom:1px solid var(--line);gap:1rem}.dialog-head h2{margin:0}#cameraVideo{display:block;width:100%;max-height:55vh;background:#071a28;object-fit:contain}.camera-bottom,#detailBody{padding:1.5rem}.camera-bottom .primary{width:100%}#gpsState{font-size:.9rem}#toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:#102e42;color:white;padding:1rem 1.5rem;border-radius:10px;box-shadow:0 5px 25px #0002;z-index:99;max-width:90vw;line-height:1.5}#toast.error{background:#992c3b}.report-photos img{width:100%;border-radius:8px}.report-photos a{font-size:.85rem}.report-meta{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;font-size:.9rem;margin:1rem 0}.report-meta div{background:#f2f6f8;padding:.75rem;border-radius:7px}
@media(max-width:1150px){main{padding:2rem 1.5rem}.app-shell{grid-template-columns:205px 1fr}.inspection-layout{grid-template-columns:1fr}.summary-box{position:static}.metrics{grid-template-columns:1fr 1fr}.summary-box dl{display:flex;gap:2rem;flex-wrap:wrap}.login-card{padding:2.5rem}}
@media(max-width:700px){.login-shell{grid-template-columns:1fr}.login-copy{padding:2rem}.login-copy .brand{margin-bottom:2.5rem}.login-copy h1{font-size:2.3rem}.login-stats,.login-copy .login-foot{display:none}.login-card{padding:2rem}.app-shell{display:block}.sidebar{padding:.85rem 1rem;position:static}.sidebar .brand{font-size:1.15rem}.brand-mark{width:30px;height:31px;font-size:1.3rem}.company{padding:.4rem 0;font-size:.75rem}.sidebar nav{display:flex;overflow-x:auto;margin-top:.6rem;gap:.25rem;padding-bottom:.25rem}.sidebar nav button{font-size:.85rem;white-space:nowrap;padding:.7rem}.sidebar nav button.active{box-shadow:inset 0 -3px var(--lime)}.sidebar-bottom{padding-top:.6rem;display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.sidebar-bottom small{display:none}main{padding:1.4rem 1rem}.topbar{align-items:flex-start;margin-bottom:1.3rem}.topbar h1{font-size:1.45rem}.top-actions{flex-wrap:wrap;justify-content:flex-end;max-width:130px}.eyebrow{font-size:.7rem}.hero-strip{padding:1.3rem;display:block}.hero-strip button{margin-top:1rem}.metrics{gap:.7rem}.metric{padding:1rem}.metric strong{font-size:1.9rem}.metric span{font-size:.8rem}.panel{padding:1rem}.form-grid,.grid2,.grid3{grid-template-columns:1fr}.span2{grid-column:auto}.stepper{gap:.3rem}.stepper button{padding:.7rem .25rem;font-size:.8rem}.item-head{align-items:flex-start}.item-head h3{font-size:.95rem}.photo-grid{gap:.7rem}.photo-info{padding:.7rem}.photo-info h3{font-size:.9rem}.toolbar input,.toolbar select{max-width:none}.report-meta{grid-template-columns:1fr}.demo-banner{font-size:.75rem}.panel-head{align-items:flex-start}.form-actions{flex-wrap:wrap}.form-actions button{flex:1}footer{font-size:.75rem}}
@media print{body>*{display:none!important}#detailDialog{display:block!important;position:static;width:100%;max-width:none;max-height:none;overflow:visible;box-shadow:none}.no-print,dialog::backdrop{display:none!important}.report-photos .photo-card{break-inside:avoid}#detailBody{padding:0}body{background:white}a{color:#143247}button{display:none!important}}