:root{color:#172033;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}.app{background:#f7f9fb;max-width:720px;min-height:100vh;margin:auto;padding-bottom:92px}.top{z-index:20;min-height:68px;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;background:#fff;border-bottom:1px solid #e6eaf0;align-items:center;gap:12px;display:flex;position:sticky;top:0}.homeTop{justify-content:space-between}.topTitle{flex:1;min-width:0}.topTitle b{letter-spacing:.2px;font-size:16px;display:block}.topTitle small{color:#6b7280;margin-top:2px;display:block}.back{color:#172033;background:#f0f3f6;border:0;border-radius:14px;width:44px;height:44px;margin:0;font-size:30px}.net{border-radius:999px;padding:7px 9px;font-size:12px;font-weight:800}.ok{color:#17643a;background:#e9f7ef}.warn{color:#8a4b08;background:#fff4dd}main{padding:18px}.welcome{padding:12px 2px 18px}.eyebrow{letter-spacing:1.4px;color:#64748b;font-size:11px;font-weight:900}.welcome h1,.jobsummary h1{margin:6px 0;font-size:30px;line-height:1.1}.welcome p,.jobsummary p{color:#64748b;margin:5px 0 16px}.syncbar{background:#eef3f8;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;font-size:12px;display:flex}.syncbar b{font-size:12px}.syncbar span{color:#64748b;text-align:right}.sectionTitle,.sectionHead{justify-content:space-between;align-items:center;display:flex}.sectionTitle h2,.sectionHead h2{font-size:18px}.sectionTitle button{color:#315b85;background:0 0;border:0;font-weight:800}.job{background:#fff;border:1px solid #e3e8ee;border-radius:18px;grid-template-columns:62px 1fr 20px;align-items:center;gap:12px;margin:10px 0;padding:15px 13px;display:grid;box-shadow:0 2px 10px #1e293b08}.job.next{border-color:#b9cadb}.time{text-align:center}.time b{font-size:17px}.time span{color:#315b85;margin-top:5px;font-size:9px;font-weight:900;display:block}.jobbody{min-width:0}.row{justify-content:space-between;align-items:center;display:flex}.row small{color:#94a3b8}.badge{background:#eef3f8;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.job h3{margin:8px 0 2px;font-size:17px}.job p{color:#64748b;margin:2px 0;font-size:13px}.asset{margin-top:7px;font-size:13px;display:block}.chevron{color:#94a3b8;font-size:28px}.icon{place-items:center;height:25px;font-weight:900;display:grid}.report{padding-top:12px}.jobsummary{padding:5px 2px 14px}.quick{grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 18px;display:grid}.quick button,.quickButton{color:#172033;text-align:center;background:#fff;border:1px solid #dbe2e9;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:72px;font-size:11px;font-weight:800;display:flex}.quick .quickPrimary{color:#fff;background:#183b5b;border-color:#183b5b}.section{background:#fff;border:1px solid #e3e8ee;border-radius:18px;margin:12px 0;padding:16px}.sectionHead h2,.section h2{margin:0 0 12px}.sectionHead span{color:#64748b;font-size:12px}.section textarea,.section input{width:100%;font:inherit;background:#fbfcfd;border:1px solid #d7dee6;border-radius:13px;padding:13px}.section textarea{resize:vertical;min-height:112px}.section label{margin:8px 0 6px;font-size:12px;font-weight:800;display:block}.add{color:#183b5b;background:#eef3f8;border:0;border-radius:12px;width:100%;min-height:46px;margin-top:10px;font-weight:800}.empty{color:#7c8795;font-size:13px}.listrow{border-top:1px solid #eef1f4;gap:10px;padding:10px 0;display:flex}.listrow small{color:#64748b;margin-top:3px;display:block}.severity{color:#a23b0b;background:#fff0e8;border-radius:9px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.facts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.facts span{color:#64748b;background:#f5f7f9;border-radius:12px;padding:12px;font-size:11px}.facts b{color:#172033;margin-top:4px;font-size:20px;display:block}.signature{touch-action:none;background:#fff;border:1px dashed #aab4c0;border-radius:12px;width:100%;height:150px}.secondary{color:#172033;background:#eef3f8;border:0;border-radius:12px;width:100%;min-height:44px;margin-top:8px;font-weight:800}.finishSpace{height:75px}.finish{z-index:25;width:min(720px,100%);padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dfe5eb;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.finish div small,.finish div b{display:block}.finish div small{color:#64748b;font-size:10px}.finish div b{font-size:12px}.finish button{color:#fff;background:#183b5b;border:0;border-radius:13px;min-width:145px;min-height:48px;font-weight:900}nav{z-index:25;width:min(720px,100%);padding:9px 3px calc(9px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dfe5eb;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav span,nav button{color:#75808e;flex-direction:column;align-items:center;gap:2px;min-width:55px;font-size:10px;font-weight:700;display:flex}nav button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.active{color:#183b5b!important}@media (width>=700px){main{padding:26px}.job{padding:18px}.quick{gap:12px}}.identify{color:#183b5b;background:#fff;border:1px solid #cbd7e3;border-radius:13px;width:100%;min-height:48px;margin-bottom:10px;font-weight:850}.sheetBackdrop{z-index:60;background:#17203366;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:min(720px,100%);max-height:92vh;padding:18px 18px calc(20px + env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;overflow:auto;box-shadow:0 -10px 40px #17203333}.sheetHead{z-index:2;background:#fff;justify-content:space-between;align-items:flex-start;padding:14px 0 8px;display:flex;position:sticky;top:-18px}.sheetHead h2{margin:3px 0}.sheetHead button{background:#eef2f6;border:0;border-radius:12px;width:42px;height:42px;font-size:24px}.sheet label{margin:13px 0 5px;font-size:12px;font-weight:800;display:block}.sheet input,.sheet textarea{width:100%;font:inherit;border:1px solid #d7dee6;border-radius:12px;padding:12px}.sheet textarea{min-height:90px}.record,.capture{border:0;border-radius:14px;place-items:center;width:100%;min-height:56px;color:#fff!important;background:#183b5b!important;margin:8px 0!important;font-weight:900!important;display:grid!important}.recording{background:#9b2c2c!important}.captured{color:#17643a;background:#e9f7ef;border-radius:11px;padding:10px;font-size:12px;font-weight:800}.or{text-align:center;color:#94a3b8;margin:12px;font-size:11px}.segments{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.segments button{background:#fff;border:1px solid #d7dee6;border-radius:10px;min-height:42px}.segments .selected{color:#fff;background:#183b5b}.primary{color:#fff;background:#183b5b;border:0;border-radius:13px;width:100%;min-height:50px;margin-top:18px;font-weight:900}.primary:disabled{opacity:.45}.hint{color:#64748b;font-size:12px}.reviewNotice{color:#7a4a00;background:#fff7e6;border-radius:12px;margin-bottom:10px;padding:11px;font-size:12px;font-weight:750}.reviewRow{border-bottom:1px solid #eef1f4;grid-template-columns:38% 1fr;gap:10px;padding:10px 2px;display:grid}.reviewRow span{color:#64748b;font-size:12px}.reviewRow b{overflow-wrap:anywhere;font-size:13px}.sheet details{margin:12px 0}.sheet summary{font-size:13px;font-weight:800}.sheetBackdrop{justify-content:center}.sheet input{font-size:16px}.nameplatePreview{object-fit:contain;background:#f3f6f9;border-radius:12px;width:100%;max-height:220px;margin-bottom:12px;display:block}.captureFailure{color:#8a350a;background:#fff1e8;border-radius:12px;padding:12px;font-size:14px}.captureDifference{background:#fff7e6;border-radius:12px;padding:10px;font-size:13px}.ocrRawText{white-space:pre-wrap;overflow-wrap:anywhere}.nameplateDetails .primary{position:sticky;bottom:0}.nameplateDetails button:disabled{opacity:.5}.sheetHead button{flex-shrink:0}
