:root{--pp-ink:#16312d;--pp-green:#17685b;--pp-mint:#eaf5ee;--pp-line:#d9e7df;--pp-amber:#a85b00;--pp-red:#ad3a32}.checks-app{min-height:100vh;color:var(--pp-ink);background:#f5f8f5;font-family:Arial,Helvetica,sans-serif}.checks-header{border-bottom:1px solid var(--pp-line);background:#fff;align-items:center;gap:20px;height:76px;padding:0 clamp(20px,5vw,76px);display:flex}.checks-brand{color:var(--pp-ink);align-items:center;gap:9px;font-size:17px;text-decoration:none;display:flex}.checks-brand span{background:var(--pp-green);color:#fff;border-radius:7px;padding:7px;font-size:11px;font-weight:800}.checks-header>div{border-left:1px solid var(--pp-line);gap:2px;padding-left:20px;font-size:13px;display:grid}.checks-header small{color:#69847c;font-size:11px}.admin-link{color:var(--pp-green);margin-left:auto;font-size:13px;font-weight:700}.checks-shell{grid-template-columns:170px minmax(0,1fr);gap:34px;max-width:1010px;margin:42px auto 54px;padding:0 22px;display:grid}.checks-progress{padding-top:25px}.checks-progress div{color:#91a69f;align-items:center;gap:11px;margin:0 0 25px;font-size:12px;font-weight:700;display:flex}.checks-progress span{background:#fff;border:1px solid #c8d9d0;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.checks-progress .active{color:var(--pp-green)}.checks-progress .active span{background:var(--pp-mint);border-color:#a9d7c7}.checks-progress .current span{background:var(--pp-green);color:#fff;border-color:var(--pp-green)}.checks-panel{border:1px solid var(--pp-line);background:#fff;border-radius:18px;padding:clamp(23px,5vw,44px);box-shadow:0 10px 28px #13392e0d}.checks-kicker{color:var(--pp-green);letter-spacing:1.25px;margin:0 0 7px;font-size:10px;font-weight:800}.checks-panel h1{letter-spacing:-1.4px;margin:0;font-size:clamp(27px,4vw,38px)}.checks-panel h2{margin:0;font-size:25px}.checks-intro{color:#56706a;max-width:500px;margin:12px 0 27px;line-height:1.55}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid label,.odometer-field,.overall-note{color:#36534b;gap:7px;font-size:12px;font-weight:700;display:grid}.form-grid input,.odometer-field input,textarea{font:inherit;color:var(--pp-ink);outline-color:var(--pp-green);background:#fff;border:1px solid #cddfd6;border-radius:9px;padding:13px}.checks-primary{background:var(--pp-green);color:#fff;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;margin-top:22px;padding:15px 17px;font-weight:800;display:flex}.checks-primary:disabled{background:#a4b9b1}.security-note{color:#718881;text-align:center;margin:16px 0 0;font-size:11px}.scan-button{background:var(--pp-mint);width:100%;color:var(--pp-green);border:1px dashed #8fc8b3;border-radius:10px;margin:5px 0 16px;padding:17px;font-weight:800}.vehicle-list{gap:10px;display:grid}.vehicle-list button{border:1px solid var(--pp-line);text-align:left;color:var(--pp-ink);background:#fff;border-radius:11px;align-items:center;gap:13px;padding:14px;display:flex}.vehicle-list button:hover{background:#fbfefc;border-color:#8ac7b1}.vehicle-list small,.vehicle-list span>small{color:#718881;margin-top:3px;font-size:11px;display:block}.vehicle-icon{color:var(--pp-green);font-size:27px}.vehicle-list i{color:#89a59b;margin-left:auto;font-size:25px;font-style:normal}.inspection-heading{justify-content:space-between;align-items:start;gap:15px;display:flex}.inspection-heading p:not(.checks-kicker){color:#69847c;margin:7px 0 0;font-size:13px}.change-vehicle,.checks-secondary{color:var(--pp-green);background:#fff;border:1px solid #9ccbb9;border-radius:7px;padding:9px 11px;font-size:12px;font-weight:700}.compliance-strip{gap:8px;margin:23px 0 16px;display:flex}.compliance-strip span{background:#eef7f2;border-radius:8px;flex:1;gap:3px;padding:9px;font-size:11px;display:grid}.compliance-strip b{color:#498073;font-size:10px}.compliance-strip .due{color:#86520b;background:#fff4df}.compliance-strip .overdue{color:#9d332d;background:#feecea}.odometer-field{margin:0 0 22px}.check-list{border-top:1px solid var(--pp-line)}.inspection-check{border-bottom:1px solid var(--pp-line);padding:18px 0}.inspection-check.failed{background:#fff9f7;border-radius:8px;margin:0 -12px;padding:18px 12px}.check-copy{align-items:start;gap:13px;display:flex}.check-copy>span{color:#87a39a;padding-top:2px;font-size:11px;font-weight:800}.check-copy b{font-size:14px;display:block}.check-copy small{color:#718881;margin-top:4px;font-size:11px;line-height:1.4;display:block}.check-copy em{color:#986000;background:#fff1dd;border-radius:4px;margin-top:6px;padding:3px 5px;font-size:9px;font-style:normal;font-weight:800;display:inline-block}.answer-buttons{grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 0 26px;display:grid}.answer-buttons button{color:#56706a;background:#fff;border:1px solid #ccddd5;border-radius:7px;padding:9px;font-size:12px;font-weight:700}.answer-buttons .pass.selected{color:#166447;background:#e6f6ee;border-color:#76bd9f}.answer-buttons .fail.selected{color:#9d332d;background:#feeceb;border-color:#e8a19c}.answer-buttons .na.selected{background:#edf1f0;border-color:#abbdb7}.defect-detail{background:#fff;border:1px solid #f0ccc8;border-radius:8px;gap:10px;margin:14px 0 0 26px;padding:13px;display:grid}.defect-detail label{color:#6d4944;gap:6px;font-size:11px;font-weight:700;display:grid}.defect-detail textarea,.overall-note textarea{resize:vertical;min-height:64px;padding:10px;font-size:12px}.photo-input{cursor:pointer;border:1px dashed #daa8a3;border-radius:7px;gap:7px;padding:9px;color:#9d332d!important;align-items:center!important;display:flex!important}.photo-input input{display:none}.photo-input span{font-size:17px}.overall-note{margin-top:20px}.unsafe-warning{border-left:3px solid var(--pp-red);color:#7d312d;background:#fff0ee;border-radius:5px;gap:4px;margin-top:18px;padding:13px;font-size:12px;display:grid}.unsafe-warning span{line-height:1.4}.submitted{text-align:center;max-width:500px;margin:auto}.submitted h1{margin-top:10px}.submitted>p:not(.checks-kicker){color:#56706a;margin:10px 0 23px;line-height:1.55}.status-safe,.status-hold{border-radius:50%;place-items:center;width:55px;height:55px;margin:0 auto;font-size:27px;font-weight:800;display:grid}.status-safe{color:#19734e;background:#e2f4e9}.status-hold{color:#ae362f;background:#fee8e6}.submission-summary{text-align:left;grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.submission-summary span{background:#f4f8f5;border-radius:8px;padding:12px;font-size:12px}.submission-summary b{color:#718881;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;font-size:9px;display:block}.checks-secondary{margin-top:22px}.checks-notice{color:#7e5517;background:#fff3df;border:1px solid #eed0a1;border-radius:7px;margin:18px 0 0;padding:10px;font-size:12px}.admin-preview{max-width:1010px;margin:0 auto 70px;padding:0 22px}.admin-preview h2{margin:0 0 15px;font-size:23px}.admin-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.admin-cards article{border:1px solid var(--pp-line);background:#fff;border-radius:11px;align-items:center;gap:12px;padding:15px;display:flex}.admin-cards article>b{color:var(--pp-green);font-size:24px}.admin-cards .urgent>b{color:var(--pp-red)}.admin-cards span{font-size:12px;font-weight:700}.admin-cards small{color:#718881;margin-top:3px;font-size:10px;font-weight:400;line-height:1.35;display:block}@media (max-width:720px){.checks-header{height:64px;padding:0 16px}.checks-header>div{display:none}.admin-link{font-size:11px}.checks-shell{margin:22px auto 40px;padding:0 13px;display:block}.checks-progress{justify-content:space-between;margin:0 8px 18px;padding:0;display:flex}.checks-progress div{gap:5px;margin:0;font-size:10px}.checks-progress span{width:23px;height:23px}.checks-panel{border-radius:13px;padding:23px 18px}.form-grid{grid-template-columns:1fr}.compliance-strip{gap:5px}.compliance-strip span{padding:8px 6px;font-size:10px}.inspection-heading h1{font-size:30px}.check-copy b{font-size:13px}.answer-buttons,.defect-detail{margin-left:0}.submission-summary{grid-template-columns:1fr}.admin-preview{margin-bottom:40px;padding:0 13px}.admin-cards{grid-template-columns:1fr}.checks-panel h1{font-size:29px}}