/* Safetyman Inspect — SaaS reskin (search / history / form / settings) */

body.insp-ready .insp-glass-card {
  background: var(--surface-glass, var(--card));
  border: 1px solid var(--border, var(--line));
  border-radius: var(--insp-radius, 16px);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: var(--shadow-md, var(--shadow-sm));
}

body.insp-ready .search-box {
  background: var(--surface-glass, var(--card));
  border: 1px solid var(--border);
  border-radius: 999px;
  backdrop-filter: blur(12px);
  box-shadow: var(--shadow-sm);
}
body.insp-ready .search-box:focus-within {
  border-color: color-mix(in srgb, var(--brand-600) 50%, var(--border));
  box-shadow: 0 0 0 3px rgba(200, 20, 20, .12);
}

body.insp-ready .cust-card,
body.insp-ready .hist-item,
body.insp-ready .recent-card {
  background: var(--surface-glass, var(--card));
  border: 1px solid var(--border);
  border-radius: var(--insp-radius-sm, 12px);
  backdrop-filter: blur(10px);
}

body.insp-ready .filter-tab {
  background: var(--surface-glass-2, var(--inset));
  border: 1px solid var(--border);
  color: var(--text2);
}
body.insp-ready .filter-tab.active {
  background: linear-gradient(135deg, var(--brand-600), var(--brand-800));
  border-color: transparent;
  color: #fff;
  box-shadow: var(--shadow-glow-red);
}

body.insp-ready .ext-block,
body.insp-ready .card-section {
  background: var(--surface-glass, var(--card));
  border: 1px solid var(--border);
  border-radius: var(--insp-radius-sm, 12px);
  backdrop-filter: blur(10px);
}

body.insp-ready .section-hd { color: var(--text); }
body.insp-ready .section-hd::before { background: var(--brand-600); box-shadow: 0 0 12px rgba(229, 57, 53, .35); }
body.insp-ready .section-hd .section-num {
  background: linear-gradient(135deg, var(--brand-600), var(--neon-purple-deep));
  box-shadow: var(--shadow-glow-red);
}

body.insp-ready .form-progress {
  background: var(--surface-glass-2);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(12px);
}
body.insp-ready .fp-label { color: var(--text2); }
body.insp-ready .fp-label b { color: var(--neon-cyan); }
body.insp-ready .fp-fill {
  background: linear-gradient(90deg, var(--neon-cyan-deep), var(--neon-purple));
  box-shadow: 0 0 14px rgba(34, 211, 238, .35);
}
body.insp-ready .fp-dot.done { background: var(--neon-cyan); }

body.insp-ready .setting-row {
  border-bottom-color: var(--border);
}
body.insp-ready .setting-row:active { background: var(--hover); }

body.insp-ready #view-home > .stats-row,
body.insp-ready #view-home > .quick-actions,
body.insp-ready #view-home > .card { display: none; }

body.insp-ready .qa-card:hover { border-color: color-mix(in srgb, var(--brand-600) 40%, var(--border)); }

/* ── Form view — dark glass (insp-ready) ─────────────────────── */

body.insp-ready #view-form label {
  color: var(--text2);
}

body.insp-ready #view-form input,
body.insp-ready #view-form select,
body.insp-ready #view-form textarea {
  background: var(--inset);
  border-color: var(--border);
  color: var(--text);
}
body.insp-ready #view-form input::placeholder,
body.insp-ready #view-form textarea::placeholder {
  color: var(--text3);
}
body.insp-ready #view-form input:focus,
body.insp-ready #view-form select:focus,
body.insp-ready #view-form textarea:focus {
  border-color: color-mix(in srgb, var(--brand-600) 55%, var(--border));
  box-shadow: 0 0 0 3px rgba(229, 57, 53, .14);
}
body.insp-ready #view-form select option {
  background: #161c2c;
  color: var(--text);
}

body.insp-ready #view-form .card {
  background: var(--surface-glass, var(--card));
  border: 1px solid var(--border);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: var(--shadow-md, var(--shadow-sm));
}

body.insp-ready #view-form .btn-secondary {
  background: var(--inset);
  border-color: var(--border);
  color: var(--text2);
}
body.insp-ready #view-form .btn-secondary:hover,
body.insp-ready #view-form .btn-secondary:active {
  background: var(--hover);
  color: var(--text);
}

body.insp-ready #view-form .d-flex > .btn[style*="red-light"],
body.insp-ready #view-form .ext-header .btn {
  background: var(--red-light) !important;
  color: var(--brand-600, var(--red)) !important;
}

body.insp-ready #phoneTaxHint {
  color: var(--insp-fail, #e53935) !important;
  background: rgba(229, 57, 53, .12) !important;
  border-color: rgba(229, 57, 53, .28) !important;
}

body.insp-ready #photoClearBtn {
  background: rgba(229, 57, 53, .12) !important;
  border-color: rgba(229, 57, 53, .35) !important;
  color: var(--insp-fail, #e53935) !important;
}

body.insp-ready #editBanner {
  background: linear-gradient(135deg, rgba(249, 115, 22, .18), rgba(249, 115, 22, .08)) !important;
  border-color: rgba(249, 115, 22, .35) !important;
}
body.insp-ready #editBanner [style*="font-weight:700"] {
  color: var(--insp-repair, #f97316) !important;
}
body.insp-ready #editBanner [style*="font-size:12px"] {
  color: var(--text2) !important;
}
body.insp-ready #editBanner button {
  color: var(--insp-repair, #f97316) !important;
  border-color: rgba(249, 115, 22, .4) !important;
}

/* Extinguisher block */
body.insp-ready #view-form .ext-block {
  border-width: 1px;
  box-shadow: var(--shadow-md, var(--shadow-sm));
}
body.insp-ready #view-form .ext-header {
  background: var(--surface-glass-2, var(--inset));
  border-bottom-color: var(--border);
}
body.insp-ready #view-form .ext-title {
  color: var(--text);
}

/* Checklist */
body.insp-ready #view-form .ext-body button[onclick^="passAllChk"] {
  background: rgba(34, 197, 94, .14) !important;
  color: var(--insp-pass, #22c55e) !important;
  border: 1.5px solid rgba(34, 197, 94, .35) !important;
}

body.insp-ready #view-form .chk-item,
body.insp-ready #view-form .chk-item[data-state=""] {
  background: var(--inset);
  border-color: var(--border);
}
body.insp-ready #view-form .chk-label {
  color: var(--text);
}
body.insp-ready #view-form .chk-tap-hint {
  color: var(--text3);
}
body.insp-ready #view-form .chk-icon {
  background: rgba(255, 255, 255, .08);
  color: var(--text3);
}
body.insp-ready #view-form .chk-item[data-state="pass"] {
  background: var(--green-bg);
  border-color: rgba(34, 197, 94, .35);
}
body.insp-ready #view-form .chk-item[data-state="fail"] {
  background: var(--red-light);
  border-color: rgba(229, 57, 53, .35);
}
body.insp-ready #view-form .chk-item[data-state="na"] {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .12);
}
body.insp-ready #view-form .chk-item[data-state="pass"] .chk-icon {
  background: var(--insp-pass, var(--green));
}
body.insp-ready #view-form .chk-item[data-state="fail"] .chk-icon {
  background: var(--insp-fail, var(--red));
}
body.insp-ready #view-form .chk-item[data-state="na"] .chk-icon {
  background: var(--text3);
}

/* Result selector */
body.insp-ready #view-form .result-opt {
  background: var(--inset);
  border-color: var(--border);
}
body.insp-ready #view-form .result-opt.pass-opt.active {
  background: var(--green-bg);
  border-color: rgba(34, 197, 94, .45);
}
body.insp-ready #view-form .result-opt.repair-opt.active {
  background: var(--orange-bg);
  border-color: rgba(249, 115, 22, .45);
}
body.insp-ready #view-form .result-opt.fail-opt.active {
  background: var(--red-light);
  border-color: rgba(229, 57, 53, .45);
}

/* Photos */
body.insp-ready #view-form .photo-upload-btn {
  background: var(--inset);
  border-color: var(--border);
  color: var(--text2);
}
body.insp-ready #view-form .photo-upload-btn:hover,
body.insp-ready #view-form .photo-upload-btn:active {
  border-color: color-mix(in srgb, var(--brand-600) 50%, var(--border));
  color: var(--brand-600, var(--red));
  background: var(--red-light);
}

/* Signature — dark frame, light pad for ink */
body.insp-ready #view-form .sig-area {
  background: var(--inset);
  border-color: rgba(255, 255, 255, .12);
}
body.insp-ready #view-form .sig-area canvas {
  background: #e8ecf4;
}
body.insp-ready #view-form .sig-hint {
  color: #94a3b8;
}