:root{--bg:#f4f5f7;--card:#fff;--ink:#1a1a2e;--muted:#6b7280;--brand:#2563eb;--brand-dark:#1d4ed8;--border:#e5e7eb;--danger:#dc2626;--ok:#16a34a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}.container{max-width:640px;margin:0 auto;padding:16px}.nav{background:var(--card);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.nav a{color:var(--ink);font-size:15px;font-weight:600;text-decoration:none}.nav a.active{color:var(--brand)}.nav .spacer{flex:1}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:16px}h1{margin:8px 0 16px;font-size:22px}h2{margin:0 0 12px;font-size:18px}label{margin:10px 0 4px;font-size:14px;font-weight:600;display:block}input,select,textarea,button{font-family:inherit;font-size:16px}input,select,textarea{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:10px 12px}textarea{resize:vertical;min-height:80px}button{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:14px;padding:12px 16px;font-weight:600}button:hover{background:var(--brand-dark)}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{color:var(--brand-dark);background:#eef2ff}.error{color:var(--danger);margin:8px 0;font-size:14px}.success{color:var(--ok);margin:8px 0;font-size:14px}.muted{color:var(--muted);font-size:14px}.repair-row{border-bottom:1px solid var(--border);color:inherit;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;text-decoration:none;display:flex}.repair-row:last-child{border-bottom:none}.section-heading{margin:20px 0 4px;font-size:16px}.device-list{gap:8px;margin:8px 0 14px;display:grid}button.device-choice{text-align:left;width:100%;color:var(--ink);border:1px solid var(--border);background:#fff;gap:6px;margin:0;padding:12px;display:grid}button.device-choice.selected{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.device-history{color:var(--muted);gap:4px;font-size:13px;font-weight:400;display:grid}.photo-fields,.repair-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.photo-field{min-width:0}.photo-field input{padding:8px;font-size:14px}.photo-preview,.repair-photos img{object-fit:contain;border:1px solid var(--border);background:#f9fafb;border-radius:8px;width:100%;max-height:280px;display:block}.photo-preview{margin-top:8px}.repair-photos{margin-top:12px}.repair-photos figure{min-width:0;margin:0}.repair-photos figcaption{color:var(--muted);margin-top:4px;font-size:13px}.customer-photos{max-width:360px}@media (width<=420px){.photo-fields,.repair-photos{grid-template-columns:1fr}}.badge{color:var(--brand-dark);text-transform:capitalize;white-space:nowrap;background:#eef2ff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.badge.done{color:var(--ok);background:#dcfce7}.badge.cancelled{color:var(--danger);background:#fee2e2}.toggle{gap:8px;margin-bottom:12px;display:flex}.toggle button{width:auto;color:var(--ink);border:1px solid var(--border);background:#fff;margin:0;padding:8px 14px}.toggle button.active{background:var(--brand);color:#fff;border-color:var(--brand)}