:root{--color-bg:#f4f4f3;--color-surface:#fff;--color-text:#1d1d1b;--color-text-muted:#6b6b6a;--color-border:#d6d5d3;--color-primary:#f9b204;--color-primary-dark:#c98a00;--color-on-primary:#1d1d1b;--color-danger:#b91c1c;--color-header:#1d1d1b;--color-accent-gray:#9c9b9b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);margin:0}button{font:inherit}.offline-banner{color:#fff;text-align:center;z-index:11;background:#7c2d12;padding:6px 12px;font-size:.8rem;position:sticky;top:0}.offline-banner-syncing{background:#92400e}.app-header{background:var(--color-header);color:#fff;z-index:10;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.inspection-panel{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:9;padding:14px 16px;position:sticky;top:58px;box-shadow:0 2px 4px #0000000f}.inspection-panel .info-row{margin-bottom:2px;font-size:.9rem}.inspection-panel .info-row strong{font-weight:600}.inspection-panel .score-badge{float:right;font-size:1rem;font-weight:700}.icon-action-row{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.icon-action{cursor:pointer;color:var(--color-text);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:52px;font-size:.68rem;display:flex}.icon-action .icon-circle{background:var(--color-bg);border:1px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.icon-action.primary .icon-circle{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.icon-action.danger .icon-circle{color:var(--color-danger)}.icon-action.complete .icon-circle{color:#fff;background:#15803d;border-color:#15803d}.app-header h1{margin:0;font-size:1.1rem}.app-header .subtitle{opacity:.8;font-size:.7rem}.icon-button{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1rem}.page{max-width:720px;margin:0 auto;padding:16px 16px 80px}.card{background:var(--color-surface);border-radius:10px;margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #00000014}.list-item{background:var(--color-surface);cursor:pointer;text-align:left;width:100%;color:var(--color-text);border:none;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 16px;font-size:1rem;display:flex;box-shadow:0 1px 3px #0000000f}.list-item .meta{color:var(--color-text-muted);font-size:.8rem}.progress-pill{color:var(--color-text-muted);white-space:nowrap;background:#e5e7eb;border-radius:999px;padding:2px 8px;font-size:.75rem}.progress-pill.complete{color:var(--color-primary-dark);background:#fdecc8}.btn{cursor:pointer;text-align:center;border:none;border-radius:8px;padding:12px 18px;font-size:1rem;display:inline-block}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);font-weight:600}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-block{width:100%}.icon-button-outline{border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-text);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button-outline:disabled{opacity:.35;cursor:not-allowed}.field{margin-bottom:14px}.field label{margin-bottom:4px;font-size:.85rem;font-weight:600;display:block}.field input,.field select,.field textarea{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:#fff;border-radius:8px;padding:10px 12px;font-size:1rem}.field textarea{resize:vertical;min-height:70px}.error-text{color:var(--color-danger);margin-top:6px;font-size:.85rem}.checklist-panel{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:9;padding:14px 16px 0;position:sticky;top:58px;box-shadow:0 2px 4px #0000000f}.checklist-header{border-bottom:2px solid var(--color-border);color:var(--color-text-muted);grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:8px 4px;font-size:.85rem;font-weight:600;display:grid}.checklist-row{border-bottom:1px solid #eee;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:12px 4px;display:grid}.checklist-row .item-text{font-size:.95rem;line-height:1.35}.checklist-row .ref-code{color:var(--color-text-muted);font-size:.8rem}.camera-button{border:1px solid var(--color-border);background:var(--color-surface);width:38px;height:38px;color:var(--color-text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.camera-button .camera-badge{background:var(--color-primary);color:var(--color-on-primary);border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.answer-toggle{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.answer-toggle-yes.checked{color:#fff;background:#15803d;border-color:#15803d}.answer-toggle-no.checked{color:#fff;background:#b91c1c;border-color:#b91c1c}.photo-source-buttons{gap:12px;display:flex}.photo-source-button{border:1px dashed var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:16px 8px;font-size:.85rem;display:flex}.photo-source-button.has-file{border-style:solid;border-color:var(--color-primary);background:#fdecc8}.breadcrumb{color:var(--color-text-muted);margin-bottom:10px;font-size:.8rem}.empty-state{text-align:center;color:var(--color-text-muted);padding:40px 20px}.spacer-top{margin-top:16px}.flex-between{justify-content:space-between;align-items:center;display:flex}.menu-option{background:var(--color-surface);cursor:pointer;text-align:left;border:none;border-radius:12px;align-items:center;gap:16px;width:100%;margin-bottom:12px;padding:20px;display:flex;box-shadow:0 1px 3px #00000014}.menu-option .menu-icon{background:var(--color-primary);width:48px;height:48px;color:var(--color-on-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.menu-option .menu-label{color:var(--color-text);font-size:1.1rem;font-weight:600}.menu-option .menu-desc{color:var(--color-text-muted);font-size:.85rem}.count-boxes{flex-shrink:0;gap:6px;display:flex}.count-box{text-align:center;border-radius:6px;min-width:30px;padding:3px 8px;font-size:.8rem;font-weight:700}.count-box-no{color:#fff;background:#b91c1c}.count-box-yes{color:#fff;background:#15803d}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:20px 0 8px;font-size:.9rem;font-weight:700}.badge-role{color:#fff;background:#374151;border-radius:999px;padding:2px 8px;font-size:.7rem}