/* Fire inspection demo: additions to ../demo.css */
@media (min-width: 761px) { .app { grid-template-columns:300px 1fr; } }
@media (min-width: 1101px) { .work { grid-template-columns:minmax(0, 0.75fr) minmax(0, 1.4fr); } }
.notes { padding:0 18px 18px; }
.notes .meta { font-size:13px; color:var(--muted); border-bottom:1px solid var(--line); padding-bottom:10px; margin-bottom:12px; }
.notes .meta b { color:var(--ink); }
.phone { background:#f7f7f5; border:1px solid var(--line); border-radius:12px; padding:14px; font:13.5px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; white-space:pre-wrap; color:#2b3138; }
.notes .hint { font-size:12.5px; color:var(--muted); margin-top:10px; }
.deadlines { border-top:1px solid var(--line); }
.dl { list-style:none; margin:0; padding:0 16px 14px; }
.dl li { display:flex; justify-content:space-between; gap:10px; font-size:13px; padding:7px 0; border-bottom:1px dashed var(--line); }
.dl li:last-child { border-bottom:0; }
.dl .when { font-weight:600; white-space:nowrap; }
.dl .when.soon { color:var(--stop); }
.dl .empty-dl { color:var(--muted); font-size:12.5px; border:0; }
.result { display:inline-block; font-size:12px; font-weight:700; padding:3px 9px; border-radius:10px; }
.result.Passed { background:var(--ok-soft); color:var(--ok); }
.result.Deficiencies { background:var(--warn-soft); color:var(--warn); }
.result.Critical, .result.Impairment { background:var(--stop-soft); color:var(--stop); }
.sec { margin-top:16px; }
.sec h3 { font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); margin:0 0 6px; font-weight:600; }
.summary { font-size:13.5px; margin:12px 0 0; }
.checks { width:100%; border-collapse:collapse; font-size:13px; }
.checks td { padding:6px 6px; border-bottom:1px solid var(--line); vertical-align:top; }
.checks td.res { width:62px; font-weight:600; font-size:12px; }
.res.pass { color:var(--ok); } .res.fail { color:var(--stop); } .res.done { color:var(--info); }
.checks .ly { color:var(--muted); font-size:12px; white-space:nowrap; text-align:right; }
.defi { border:1px solid var(--line); border-radius:8px; padding:10px 12px; margin-bottom:8px; }
.defi.critical, .defi.impairment { border-color:#efc2bd; background:#fffafa; }
.defi .t { font-weight:600; display:flex; justify-content:space-between; gap:8px; }
.sev { font-size:11px; font-weight:700; padding:1px 7px; border-radius:8px; white-space:nowrap; text-transform:uppercase; letter-spacing:.03em; }
.sev.critical, .sev.impairment { background:var(--stop-soft); color:var(--stop); }
.sev.noncritical { background:#eef0f2; color:var(--muted); }
.sev.fixed { background:var(--info-soft); color:var(--info); }
.defi p { margin:6px 0 0; font-size:13px; }
.filing { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px 16px; background:#f6f1ec; border:1px solid #ead9cb; border-radius:8px; padding:12px 14px; }
.confirm .flag { margin-top:8px; }
.ours { font-size:13px; background:var(--info-soft); color:var(--info); padding:8px 10px; border-radius:7px; }
@media (max-width: 760px) {
  .filing { grid-template-columns:1fr 1fr; }
  .draft { overflow-x:visible; } .lines { min-width:0; }
  .lines th:nth-child(3), .lines td:nth-child(3) { display:none; }  /* unit price: qty and line total carry it on a phone */
  .checks .ly { white-space:normal; width:34%; }
}
