@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--ink:oklch(23% .012 256);--ink-2:oklch(38% .012 256);--muted:oklch(54% .012 256);--faint:oklch(70% .01 256);--line:oklch(90% .006 256);--line-2:oklch(94% .005 256);--surface:oklch(100% 0 0);--surface-2:oklch(98.5% .003 256);--surface-3:oklch(96.5% .004 256);--bg:oklch(94.5% .005 256);--brand:oklch(47% .13 258);--brand-700:oklch(40% .13 258);--brand-300:oklch(70% .09 258);--brand-tint:oklch(95% .025 258);--brand-ink:oklch(34% .12 258);--pass:oklch(58% .12 152);--pass-tint:oklch(95% .04 152);--pass-ink:oklch(42% .1 152);--fail:oklch(56% .18 27);--fail-tint:oklch(95% .04 27);--fail-ink:oklch(47% .17 27);--partial:oklch(74% .13 73);--partial-tint:oklch(96% .045 80);--partial-ink:oklch(52% .11 65);--na:oklch(62% .008 256);--na-tint:oklch(95% .004 256);--knockout:oklch(45% .19 22);--r-sm:6px;--r:10px;--r-lg:14px;--r-xl:20px;--sh-1:0 1px 2px oklch(23% .012 256/.06), 0 1px 3px oklch(23% .012 256/.05);--sh-2:0 4px 12px oklch(23% .012 256/.08), 0 2px 4px oklch(23% .012 256/.05);--sh-3:0 12px 32px oklch(23% .012 256/.14);--font:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1}.tnum{font-variant-numeric:tabular-nums}.chip{font:600 12px/1 var(--font);letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.chip--pass{background:var(--pass-tint);color:var(--pass-ink)}.chip--fail{background:var(--fail-tint);color:var(--fail-ink)}.chip--partial{background:var(--partial-tint);color:var(--partial-ink)}.chip--na{background:var(--na-tint);color:var(--muted)}.chip--brand{background:var(--brand-tint);color:var(--brand-ink)}.dot{border-radius:50%;flex:none;width:7px;height:7px}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--ink);font-family:var(--font);letter-spacing:0;margin:0}button,input,select,textarea{font:inherit}.login-page{place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel,.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);border-radius:12px}.login-panel{width:min(420px,100%);padding:24px}.brand-mark{background:var(--brand);color:#fff;width:56px;height:56px;box-shadow:var(--sh-2);border-radius:16px;place-items:center;font-size:32px;font-weight:700;display:grid}.eyebrow{color:var(--muted);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:600}h1,h2,h3,p{margin-top:0}h1{margin-bottom:4px;font-size:28px;line-height:1.12}h2{margin-bottom:6px;font-size:18px;line-height:1.2}h3{margin-bottom:6px;font-size:16px;line-height:1.25}.muted,.panel p,.item-head p{color:var(--ink-2)}.login-form,.field,.list,.draft{gap:12px;display:grid}.field,.login-form label{color:var(--ink-2);font-size:13px;font-weight:600}input,select,textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-height:46px;color:var(--ink);border-radius:10px;margin-top:6px;padding:10px 12px}textarea{resize:vertical}.btn,.icon-btn,.tab,.answer{border:1px solid var(--line);cursor:pointer;border-radius:10px;font-weight:700}.btn{justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;text-decoration:none;display:inline-flex}.btn-primary{border-color:var(--brand);background:var(--brand);color:#fff}.btn-secondary{background:var(--surface);color:var(--brand-ink)}.btn-danger{border-color:var(--fail);background:var(--fail-tint);color:var(--fail-ink)}.btn:disabled,.icon-btn:disabled{cursor:not-allowed;opacity:.55}.icon-btn{background:var(--surface);width:44px;height:44px;color:var(--ink);place-items:center;display:grid}.app-shell{min-height:100vh;padding:max(16px, env(safe-area-inset-top)) 16px max(92px, env(safe-area-inset-bottom))}.topbar,.row,.item-head,.photo-line,.bottom-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar{z-index:10;padding:max(16px, env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid var(--line);background:color-mix(in oklch, var(--bg), white 70%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin:-16px -16px 12px;position:sticky;top:0}.top-actions{align-items:center;gap:8px;display:flex}.net{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.net.is-online{background:var(--pass-tint);color:var(--pass-ink)}.net.is-offline{background:var(--fail-tint);color:var(--fail-ink)}.status-line{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.status-line span,.status-line strong{background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:6px 9px;display:inline-flex}.status-line .is-busy{color:var(--brand-ink);background:var(--brand-tint)}.status-line strong,.error,.warn{color:var(--fail-ink)}.ok{color:var(--pass-ink)}.tabs{z-index:20;padding:8px 10px max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(5,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{min-width:0;min-height:54px;color:var(--muted);background:0 0;justify-items:center;gap:3px;padding:6px 4px;font-size:11px;display:grid}.tab.is-active{background:var(--brand-tint);color:var(--brand-ink)}.dashboard{gap:12px;display:grid}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.action-card{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:58px;color:var(--ink);text-align:left;box-shadow:var(--sh-1);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-weight:800;display:flex}.action-card svg{color:var(--brand);flex:none}.action-card span{overflow-wrap:anywhere;min-width:0}.action-card.is-primary{border-color:var(--brand);background:var(--brand);color:#fff}.action-card.is-primary svg{color:#fff}.action-card:disabled{color:var(--muted);cursor:not-allowed;opacity:.72}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.panel{padding:16px}.panel.wide{grid-column:1/-1}.metric strong{font-family:var(--mono);font-size:32px;line-height:1;display:block}.metric span{color:var(--muted);font-size:12px}.metric.is-danger{border-color:color-mix(in oklch, var(--fail), white 40%)}.empty-state{text-align:left}.progress{background:var(--surface-3);border-radius:999px;height:8px;margin:12px 0;overflow:hidden}.progress span{border-radius:inherit;background:var(--brand);height:100%;display:block}.section-panel{padding:0}.section-panel>.eyebrow,.section-panel>h2{padding:16px 16px 0}.item-card{border-top:1px solid var(--line);gap:12px;padding:16px;display:grid}.item-card.is-fail{background:color-mix(in oklch, var(--fail-tint), white 65%)}.item-head{justify-content:flex-start;align-items:flex-start}.mono{min-width:32px;color:var(--muted);font-family:var(--mono)}.segmented{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.segmented.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.answer{background:var(--surface-2);min-height:44px;color:var(--ink)}.answer.is-selected{border-color:var(--brand);background:var(--brand);color:#fff}.answer.is-danger.is-selected{border-color:var(--fail);background:var(--fail)}.photo-line input{display:none}.new-audit{gap:12px;display:grid}.new-audit>p:not(.eyebrow),.empty-state p{color:var(--ink-2);margin-bottom:0}.selection-summary,.task-meta{flex-wrap:wrap;gap:8px;display:flex}.selection-summary span,.task-meta span,.task-result,.offline-note{background:var(--surface-2);min-width:0;color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.task-card{gap:12px;display:grid}.task-card.is-overdue{border-color:color-mix(in oklch, var(--fail), white 42%)}.task-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.task-head h2,.row h2{overflow-wrap:anywhere}.task-card>p{margin-bottom:0}.task-complete{border-top:1px solid var(--line);gap:10px;padding-top:12px;display:grid}.task-result{background:var(--pass-tint);color:var(--pass-ink);border-radius:10px;justify-self:start}.offline-note{background:var(--fail-tint);color:var(--fail-ink);border-radius:10px;justify-self:start}.score{background:var(--na-tint);color:var(--muted);border-radius:999px;flex:none;padding:8px 10px;font-weight:800}.score.is-pass{background:var(--pass-tint);color:var(--pass-ink)}.score.is-partial{background:var(--partial-tint);color:var(--partial-ink)}.score.is-fail{background:var(--fail-tint);color:var(--fail-ink)}.bottom-actions{border:1px solid var(--line);background:color-mix(in oklch, var(--surface), white 70%);box-shadow:var(--sh-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;padding:10px;position:sticky;bottom:78px}@media (width>=780px){.app-shell{max-width:1040px;margin:0 auto;padding-bottom:32px}.tabs{border:1px solid var(--line);box-shadow:var(--sh-1);border-radius:14px;grid-template-columns:repeat(5,max-content);justify-content:start;margin-bottom:12px;padding:8px;position:sticky;top:88px}.tab{grid-auto-columns:max-content;grid-auto-flow:column;min-height:42px;padding:0 12px;font-size:13px}.grid,.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}
