:root{--brand: #1d4ed8;--bg: #f4f5f7;--surface: #ffffff;--border: #d7dbe0;--text: #111827;--muted: #5b6472;--danger: #b91c1c;--ok: #15803d;--radius: 10px;--shadow: 0 1px 2px rgb(16 24 40 / .06), 0 1px 3px rgb(16 24 40 / .1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%}.app-header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;padding:env(safe-area-inset-top) 0 0}.app-header .inner{max-width:1100px;margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;gap:.75rem}.app-header img.logo{max-height:34px;max-width:130px;object-fit:contain}.app-header .title{font-weight:700;font-size:1rem}.app-header .spacer{margin-left:auto}.app-header .new-report{white-space:nowrap;flex:none}.app-header .user{color:var(--muted);font-size:.85rem;text-align:right}.app-header .subtle-link{color:var(--brand);font-weight:600;text-decoration:none;margin-right:.5rem}@media(max-width:560px){.app-header .inner{gap:.4rem;padding:.5rem .75rem}.app-header .title{font-size:.9rem}.app-header .company-name,.app-header .user>div:first-child{display:none}.app-header .new-report{padding:.5rem .7rem}.hide-narrow{display:none}}main{max-width:1100px;margin:0 auto;padding:1rem 1rem 4rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;margin-bottom:1rem}.card>h2{margin:0 0 .75rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--brand)}.grid{display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:720px){.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.span-2{grid-column:span 2}}label.field{display:block}label.field>span{display:block;font-size:.78rem;font-weight:600;color:var(--muted);margin-bottom:.2rem}input,select,textarea{width:100%;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.55rem .65rem;font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:1px;border-color:var(--brand)}textarea{min-height:5rem;resize:vertical}input.kenteken{text-transform:uppercase;font-weight:700;letter-spacing:.08em}.hint{font-size:.78rem;color:var(--muted);margin-top:.25rem}.error-text{font-size:.82rem;color:var(--danger)}button,.btn{font:inherit;font-weight:600;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.55rem .9rem;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none}button:hover:not(:disabled),.btn:hover{border-color:var(--brand)}button:disabled{opacity:.55;cursor:not-allowed}button.primary,.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}button.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}button.subtle{background:transparent;border-color:transparent;color:var(--brand);min-height:36px}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.actions.end{justify-content:flex-end}.sticky-actions{position:sticky;bottom:0;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--border);padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));margin:0 -1rem -4rem;display:flex;gap:.5rem;justify-content:flex-end;z-index:15}.damage-toolbar{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}.damage-tool{min-height:44px;padding:.4rem .7rem;display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem}.damage-tool[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.damage-symbol{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid currentColor;font-weight:800;font-size:.8rem;flex:none}.damage-canvas{width:100%;height:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface);touch-action:none;-webkit-user-select:none;user-select:none}.damage-canvas .panel{fill:#fbfcfd;stroke:#1f2937;stroke-width:2;cursor:crosshair}.damage-canvas .panel:hover{fill:color-mix(in srgb,var(--brand) 8%,#fbfcfd)}.damage-canvas .decor{fill:none;stroke:#b6bcc5;stroke-width:1.4;pointer-events:none}.damage-canvas .diagram-label{font-size:16px;fill:var(--muted);pointer-events:none}.damage-canvas .stroke{fill:none;stroke:var(--danger);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.damage-canvas .marker{cursor:grab}.damage-canvas .marker circle{fill:#fff;stroke:var(--danger);stroke-width:2.5}.damage-canvas .marker text{font-size:18px;font-weight:800;fill:var(--danger);pointer-events:none}.damage-canvas .marker.selected circle{stroke-width:4}.damage-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--surface);padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));overflow:auto;display:flex;flex-direction:column}.damage-fullscreen .damage-canvas{flex:1;min-height:0;max-height:none}.damage-summary{margin-top:.6rem;font-size:.85rem}.damage-summary ul{margin:.3rem 0 0;padding-left:1.1rem}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:.9rem}table.data th,table.data td{border-bottom:1px solid var(--border);padding:.5rem .4rem;text-align:left}table.data th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}table.data td.center,table.data th.center{text-align:center}table.data td.right,table.data th.right{text-align:right}table.data tbody tr.clickable{cursor:pointer}table.data tbody tr.clickable:hover{background:color-mix(in srgb,var(--brand) 5%,transparent)}table.data input[type=radio]{width:22px;height:22px}.kenteken-badge{display:inline-block;background:#f5c400;border:1px solid #111;border-radius:4px;padding:.1rem .4rem;font-weight:800;letter-spacing:.06em;color:#111;font-size:.85rem;white-space:nowrap}.badge{display:inline-block;font-size:.72rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;background:#eef1f5;color:var(--muted)}.badge.ok{background:color-mix(in srgb,var(--ok) 14%,#fff);color:var(--ok)}.badge.fail{background:color-mix(in srgb,var(--danger) 12%,#fff);color:var(--danger)}.signature-pad{width:100%;height:180px;border:1px dashed var(--border);border-radius:8px;background:var(--surface);touch-action:none;display:block}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem}.photo-grid figure{margin:0;position:relative}.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.photo-grid button{position:absolute;top:4px;right:4px;min-height:32px;padding:.15rem .5rem;font-size:.75rem;background:#ffffffeb}.banner{border-radius:8px;padding:.7rem .9rem;margin-bottom:1rem;font-size:.9rem;border:1px solid}.banner.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.banner.success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.banner.info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.muted{color:var(--muted)}.center-screen{display:grid;place-items:center;min-height:70vh;text-align:center;padding:1rem}.empty{text-align:center;color:var(--muted);padding:2rem 1rem}.search-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end}.search-row label.field{flex:1 1 12rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:grid;place-items:center;padding:1rem;z-index:50}.modal{background:var(--surface);border-radius:12px;padding:1.25rem;width:min(30rem,100%);max-height:90vh;overflow:auto}.modal h3{margin:0 0 .75rem}