:root{color:#111827;background:#f4f6f8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.35}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.page{max-width:980px;margin:0 auto;padding:20px}.card{background:#fff;border:1px solid #d9e1e8;border-radius:14px;padding:16px;box-shadow:0 10px 24px #26343d14}.center-page{place-items:center;min-height:100vh;display:grid}.stack-12{gap:12px;display:grid}.stack-10{gap:10px;display:grid}.stack-14{gap:14px;display:grid}.stack-16{gap:16px;display:grid}.label-stack{gap:6px;display:grid}.field-label{color:#526d7e;font-size:12px}.input,.textarea,.select{background:#f8fbfd;border:1px solid #ccd8df;border-radius:10px;padding:10px}.input:focus,.textarea:focus,.select:focus{outline-offset:1px;outline:2px solid #698698}.textarea{resize:vertical}.btn-primary{color:#fff;background:#526d7e;border:none;border-radius:10px;align-items:center;gap:8px;width:fit-content;padding:10px 14px;font-weight:700;display:inline-flex;box-shadow:0 8px 18px #44596847}.btn-primary:hover{background:#445968}.btn-primary:disabled{cursor:not-allowed;opacity:.7}.btn-full-width{justify-content:center;width:100%}.btn-outline{background:#fff;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.row-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.title{margin:0}.title-secondary{text-align:center;color:#26343d;font-size:28px}.subtitle{color:#526d7e;margin:6px 0 0;font-size:14px}.msg-error{color:#b91c1c}.msg-success{color:#166534}.check-item{border:1px solid #e5e7eb;border-radius:12px;gap:10px;padding:12px;display:grid}.item-title{font-weight:700}.item-description{color:#6b7280;font-size:13px}.radio-row{flex-wrap:wrap;gap:12px;display:flex}.radio-label{align-items:center;gap:6px;font-size:14px;display:inline-flex}.file-label{align-items:center;gap:8px;font-size:14px;display:inline-flex}.required{color:#b45309}.login-form{width:100%;max-width:420px;padding:28px 24px}.subtitle-flat{text-align:center;margin-top:0}.login-brand{place-items:center;margin-bottom:2px;display:grid}.login-brand-icon{object-fit:contain;filter:drop-shadow(0 4px 10px #26343d2e);width:92px;height:92px}.inspection-shell{background:linear-gradient(#f8fafc 0%,#eef2ff 100%);min-height:100vh;padding-bottom:90px}.inspection-topbar{justify-content:space-between;align-items:center;max-width:980px;margin:0 auto;padding:16px 20px 0;display:flex}.company-label{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:11px}.company-name{margin:4px 0 0;font-size:26px}.btn-signout-red{color:#fff;background:#dc2626;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.inspection-content{padding-top:14px}.top-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.hint-text{color:#6b7280;font-size:12px}.submission-complete-screen{text-align:center;gap:14px;max-width:420px;margin:40px auto;display:grid}.submission-complete-screen h2{margin:0;font-size:22px}.submission-complete-screen p{color:#4b5563;margin:0}.login-tabs{border-bottom:2px solid #e5e7eb;display:flex}.login-tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:9px 12px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s}.login-tab-btn.active{color:#526d7e;border-bottom-color:#526d7e}.login-tab-btn:hover:not(.active){color:#374151}.company-option-btn{text-align:left;cursor:pointer;background:#f8fbfd;border:1px solid #ccd8df;border-radius:10px;width:100%;padding:12px 14px;transition:border-color .15s,background .15s}.company-option-btn:hover:not(:disabled){background:#eef4f7;border-color:#526d7e}.company-option-btn:disabled{opacity:.6;cursor:not-allowed}.company-option-name{color:#26343d;font-size:15px;font-weight:700}.company-option-driver{color:#526d7e;margin-top:2px;font-size:12px}.checklist-table-head h2{margin:0;font-size:18px}.checklist-table-head p{color:#6b7280;margin:4px 0 0;font-size:12px}.category-block{background:#f8fafc;border:1px solid #d7deea;border-radius:12px;margin-top:16px;padding:10px}.checklist-list{gap:12px;display:grid}.checklist-item{background:#fff;border:2px solid #d1d9e6;border-radius:12px;gap:10px;padding:12px;display:grid;box-shadow:0 2px 6px #0f172a0d}.checklist-main{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:10px;display:grid}.category-title{color:#1f2937;text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:700}.checklist-table{border-collapse:collapse;width:100%}.checklist-table th,.checklist-table td{vertical-align:middle;border:1px solid #e5e7eb;padding:10px}.checklist-table th{text-align:left;color:#6b7280;text-transform:uppercase;background:#f9fafb;font-size:12px}.checklist-thumb{object-fit:cover;border:1px solid #d1d5db;border-radius:10px;width:72px;height:56px}.checklist-thumb-button{cursor:zoom-in;background:0 0;border:none;border-radius:10px;padding:0}.checklist-thumb-button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.placeholder-thumb{color:#6b7280;background:#f3f4f6;place-items:center;font-size:11px;display:grid}.item-label{margin:0;font-size:16px;font-weight:700}.item-desc{color:#6b7280;margin:4px 0 0;font-size:14px}.status-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.status-btn{background:#fff;border:1px solid #d1d5db;border-radius:12px;min-height:44px;font-size:14px;font-weight:800}.status-fail.active{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.status-pass.active{color:#166534;background:#dcfce7;border-color:#bbf7d0}.tri-toggle{border:1px solid #d1d5db;border-radius:999px;display:inline-flex;overflow:hidden}.tri-state{background:#fff;border:none;min-width:48px;padding:7px 10px;font-size:12px;font-weight:700}.tri-fail.active{color:#b91c1c;background:#fee2e2}.tri-pass.active{color:#166534;background:#dcfce7}.camera-upload-inline{background:#eef2ff;border-radius:10px;align-items:center;gap:8px;width:fit-content;padding:10px;display:inline-flex}.submit-overlay{z-index:20;background:#0f172ae0;justify-content:center;padding:12px 18px;display:flex;position:fixed;bottom:0;left:0;right:0}.btn-submit-overlay{color:#fff;background:#2563eb;border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:280px;padding:12px 18px;font-weight:800;display:inline-flex}.btn-submit-overlay:disabled{opacity:.6}.image-preview-overlay{z-index:40;background:#0f172ac7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.image-preview-modal{background:#111827;border:1px solid #ffffff2e;border-radius:14px;width:min(960px,96vw);max-height:88vh;padding:10px;position:relative}.image-preview-close{color:#fff;background:#00000080;border:none;border-radius:999px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:8px;right:8px}.image-preview-full{object-fit:contain;border-radius:10px;width:100%;max-height:calc(88vh - 20px)}@media (width<=900px){.top-form-grid{grid-template-columns:1fr}.checklist-main{grid-template-columns:64px minmax(0,1fr)}.checklist-thumb{width:64px;height:52px}.item-label{font-size:15px}.item-desc{font-size:13px}}