:root{--paper:#f5f6f2;--card:#fff;--ink:#16213a;--ink-2:#4a5568;--ink-3:#8a94a6;--rule:#d9ddd4;--blue:#1f5fbf;--blue-ink:#163f80;--green:#2e7d4f;--red:#b3261e;--amber:#b8860b;--radius:10px;--tap:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--paper);box-sizing:border-box;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}*,:before,:after{box-sizing:inherit}html,body{background:var(--paper);height:100%;margin:0}#root{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:10;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;background:var(--ink);color:#fff;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar h1{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:17px;font-weight:600;overflow:hidden}.topbar a,.topbar button{color:#fff}.back{padding:4px 8px 4px 0;font-size:22px;line-height:1;text-decoration:none}.main{padding:16px 16px calc(96px + env(safe-area-inset-bottom,0px));flex:1;width:100%;max-width:720px;margin:0 auto}.status-pill{background:#ffffff24;border-radius:999px;padding:4px 10px;font-size:12px}.status-pill.offline{background:var(--amber);color:#fff}.status-pill.pending{background:var(--blue)}h2{letter-spacing:-.01em;margin:0 0 12px;font-size:22px}h3{margin:20px 0 8px;font-size:16px}.muted{color:var(--ink-2)}.small{font-size:13px}.quiet{color:var(--ink-3);font-size:13px}p{margin:0 0 10px}a{color:var(--blue-ink)}label{margin:14px 0 6px;font-size:14px;font-weight:600;display:block}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--rule);min-height:var(--tap);border-radius:8px;padding:12px}textarea{resize:vertical;min-height:88px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline-offset:1px;outline:3px solid #9db9ec}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.row-3{grid-template-columns:2fr 1fr 1fr;gap:10px;display:grid}.suggest{position:relative}.suggest.open{z-index:30}.suggest-pop{z-index:30;background:var(--card);border:1px solid var(--rule);border-radius:8px;max-height:min(320px,50vh);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 8px 24px #16213a1f}.suggest-pop button{text-align:left;width:100%;font:inherit;color:var(--ink);border:0;border-bottom:1px solid var(--rule);min-height:var(--tap);cursor:pointer;background:0 0;border-radius:0;padding:10px 12px;font-weight:600;display:block}.suggest-pop button[aria-selected=true]{background:#f0f3f8}.suggest-label{display:block}.suggest-detail{color:var(--ink-2);font-size:13px;font-weight:400;display:block}.suggest-status{color:var(--ink-2);padding:12px;font-size:14px}.suggest-attrib{color:var(--ink-3);padding:6px 12px 8px;font-size:12px}.suggest-attrib a{color:var(--ink-3)}.hint{color:var(--ink-2);margin-top:4px;font-size:13px}.error{color:var(--red);background:#fbeae8;border-radius:8px;margin:12px 0;padding:10px 12px;font-size:14px}.notice{color:var(--blue-ink);background:#e9f0fb;border-radius:8px;margin:12px 0;padding:10px 12px;font-size:14px}.btn{font:inherit;min-height:var(--tap);cursor:pointer;background:var(--card);color:var(--ink);border:1px solid #0000;border-color:var(--rule);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.danger{color:var(--red);border-color:#e8c3c0}.btn.block{width:100%}.btn:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:default}.btn-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.service-addr{align-items:center;gap:10px;margin-top:8px;display:flex}.service-addr .where{flex:1;min-width:0;font-size:14px}.service-addr .where strong{display:block}.service-addr .btn{flex:none}.nav-start{margin-top:10px}.fab-bar{z-index:10;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top, var(--paper) 70%, transparent);position:fixed;bottom:0;left:0;right:0}.fab-bar .btn{width:100%;max-width:688px;min-height:56px;margin:0 auto;font-size:17px;display:flex}.list{margin:0;padding:0;list-style:none}.list li{margin:0 0 10px}.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);color:inherit;padding:14px 16px;text-decoration:none;display:block}a.card:active{background:#f0f3f8}.card .title{font-size:16px;font-weight:600}.card .sub{color:var(--ink-2);margin-top:2px;font-size:14px}.badge{color:var(--ink-2);background:#e9edf3;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.served{color:var(--green);background:#e3f2e8}.badge.closed{color:var(--ink-3);background:#eee}.badge.unsynced{color:var(--amber);background:#fff4d6}.empty{text-align:center;color:var(--ink-2);padding:40px 16px}.empty strong{color:var(--ink);margin-bottom:6px;display:block}.log{border-left:3px solid var(--ink);margin:0;padding:0;list-style:none}.log li{padding:4px 0 18px 18px;position:relative}.log li:before{content:"";background:var(--ink);border:3px solid var(--paper);border-radius:50%;width:13px;height:13px;position:absolute;top:12px;left:-8px}.log li.served:before{background:var(--green)}.log .when{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.log .outcome{margin:2px 0;font-size:15px}.log .meta{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px}.log a{color:inherit;text-decoration:none;display:block}.photos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:10px 0;display:grid}.photos img{aspect-ratio:3/4;object-fit:cover;background:#e5e8e0;border-radius:8px;width:100%;display:block}.photo-slot{position:relative}.photo-slot button{color:#fff;background:#0009;border:0;border-radius:6px;min-height:32px;padding:0 10px;font-size:13px;position:absolute;top:6px;right:6px}.gps{border-radius:var(--radius);background:var(--card);border:1px solid var(--rule);align-items:center;gap:12px;margin:12px 0;padding:12px 14px;display:flex}.gps .dot{background:var(--ink-3);border-radius:50%;flex:none;width:12px;height:12px}.gps.ok .dot{background:var(--green)}.gps.bad .dot{background:var(--red)}.gps .coords{font-variant-numeric:tabular-nums;font-weight:600}.choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choices button{font:inherit;min-height:var(--tap);border:1px solid var(--rule);background:var(--card);color:var(--ink);text-align:left;cursor:pointer;border-radius:8px;padding:8px 10px}.choices button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.choices button:disabled{opacity:.55;cursor:default}.choices button.ghost{color:var(--blue-ink);background:0 0;border-style:dashed}.note-prefills{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.note-prefills .hint,.note-prefills .notice{margin:0}.note-prefills .btn-row{margin-top:8px}.auth{max-width:420px;margin:40px auto}.auth h2{font-size:26px}.tabs{gap:6px;margin-bottom:8px;display:flex}.tabs button{font:inherit;border:1px solid var(--rule);background:var(--card);cursor:pointer;border-radius:8px;flex:1;min-height:40px}.tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.code{letter-spacing:.12em;background:var(--card);border:1px dashed var(--rule);border-radius:8px;padding:10px 14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:20px;display:inline-block}@media (prefers-reduced-motion:reduce){*{transition:none!important}}