:root{--ink:#111827;--muted:#64748b;--surface:#fff;--canvas:#f1f5f9;--line:#dbe2ea;--brand:#f3c43e;--radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--canvas)}main{max-width:1280px;margin:auto;padding:32px}a{color:#765900;text-decoration:none}header,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}header nav{display:flex;gap:12px;flex-wrap:wrap}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--muted);margin-bottom:6px}h1{margin:0;font-size:34px;line-height:1.08}h2{font-size:20px}.toolbar{justify-content:flex-start;flex-wrap:wrap}.toolbar input,.toolbar button,input,button,select,textarea{padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;min-height:44px}input,select,textarea{width:100%;background:#fff;color:var(--ink)}button{background:var(--brand);border:0;font-weight:750;cursor:pointer;touch-action:manipulation}button:active{transform:scale(.98)}button[hidden],[hidden]{display:none!important}.legend{display:flex;gap:10px;flex-wrap:wrap;margin:-10px 0 20px}.legend span{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.grid{display:grid;gap:22px}.panel{background:var(--surface);border-radius:var(--radius);padding:22px;box-shadow:0 8px 30px #18243310}.cards{display:grid;gap:12px}article{border:1px solid #e5e8ec;border-radius:12px;padding:15px;display:grid;gap:6px}article small{color:var(--muted)}article span{font-size:12px;text-transform:uppercase;color:#5b6470}.request-card{border-left:7px solid #9ca3af}.request-card.red,.legend .red{border-color:#dc2626;background:#fff1f2}.request-card.blue,.legend .blue{border-color:#2563eb;background:#eff6ff}.request-card.green,.legend .green{border-color:#16a34a;background:#f0fdf4}.request-card.yellow,.legend .yellow{border-color:#ca8a04;background:#fefce8}.request-card.purple,.legend .purple{border-color:#7c3aed;background:#f5f3ff}.request-card.orange{border-color:#ea580c;background:#fff7ed}.request-card>button{justify-self:start;margin-top:5px}form{display:grid;gap:12px;margin-bottom:20px}label{display:grid;gap:6px;font-size:13px;color:#475569}textarea{min-height:96px;resize:vertical}dialog{border:0;border-radius:18px;padding:24px;box-shadow:0 18px 60px #0004;width:min(900px,94vw);max-height:90dvh;overflow:auto}dialog::backdrop{background:#10182099}dialog form{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workflow{border-top:1px solid #e5e8ec;padding-top:18px;margin-top:8px;display:grid;gap:16px}.workflow h3{margin:0 0 8px}.action-grid,.invoice{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}.invoice{grid-template-columns:1fr 1fr auto}.inline{display:flex;gap:8px}.inline>*{flex:1}.inline button{flex:0 0 auto}#actionStatus,#formStatus{font-size:13px;color:#6d5410}#mapWrap,#customerMap{height:220px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}#miniMap,#map{border:0;width:100%;height:100%}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0}.photo-grid a{display:grid;gap:3px}.photo-grid img{width:100%;height:110px;object-fit:cover;border-radius:8px}.data-grid{width:100%;border-collapse:collapse;margin-top:18px}.data-grid th,.data-grid td{padding:11px;border-bottom:1px solid #e5e8ec;text-align:left;vertical-align:top}.data-grid th{background:#f8fafc;cursor:pointer;white-space:nowrap}.data-grid th input{display:block;width:100%;margin-top:7px;padding:8px;min-height:38px}.table-wrap{overflow:auto}.pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px}.dialog-actions{position:sticky;z-index:2;background:#fff;padding:10px 0;display:flex;gap:8px}.dialog-actions.top{top:-24px;border-bottom:1px solid #e5e8ec}.dialog-actions.bottom{bottom:-24px;border-top:1px solid #e5e8ec}.secondary{background:#e5e7eb}.status-filters button.active{outline:3px solid #111827}.status-filters{overflow-x:auto;flex-wrap:nowrap;padding:3px;scrollbar-width:none}.status-filters::-webkit-scrollbar{display:none}.status-filters button{white-space:nowrap;flex:0 0 auto}
@media(max-width:700px){body{padding-bottom:env(safe-area-inset-bottom)}main{padding:calc(16px + env(safe-area-inset-top)) 12px calc(24px + env(safe-area-inset-bottom))}header{align-items:flex-start;flex-direction:column;margin-bottom:18px}header nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:none}header nav a{flex:0 0 auto;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 12px;font-size:13px}h1{font-size:28px}.panel{border-radius:14px;padding:14px}.legend{overflow-x:auto;flex-wrap:nowrap}.legend span{flex:0 0 auto}.form-grid,.action-grid,.invoice{grid-template-columns:1fr}.action-grid button,.invoice button{width:100%}.inline{flex-direction:column}.inline button{width:100%}.photo-grid{grid-template-columns:repeat(2,1fr)}dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0;padding:18px 14px calc(18px + env(safe-area-inset-bottom))}.dialog-actions.top{top:-18px;padding-top:calc(10px + env(safe-area-inset-top))}.dialog-actions.bottom{bottom:calc(-18px - env(safe-area-inset-bottom));padding-bottom:calc(10px + env(safe-area-inset-bottom))}.dialog-actions>*{flex:1}.data-grid,.data-grid thead,.data-grid tbody,.data-grid tr,.data-grid td{display:block;width:100%}.data-grid thead{display:none}.data-grid tbody{display:grid;gap:12px}.data-grid tr{background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px;box-shadow:0 4px 14px #1824330b}.data-grid td{display:grid;grid-template-columns:minmax(105px,38%) 1fr;gap:10px;border:0;border-bottom:1px solid #edf0f3;padding:9px;font-size:14px;overflow-wrap:anywhere}.data-grid td:last-child{border-bottom:0}.data-grid td::before{content:attr(data-label);font-size:11px;font-weight:800;text-transform:uppercase;color:var(--muted)}.table-wrap{overflow:visible}.pager{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:3;background:#fff;border:1px solid var(--line);padding:8px;border-radius:14px;box-shadow:0 8px 25px #0002}.pager button{padding:10px}.cards .request-card{padding:16px}.request-card>button{width:100%}}
@media(max-width:380px){main{padding-left:9px;padding-right:9px}.panel{padding:11px}.dialog-actions{flex-direction:column}.photo-grid{grid-template-columns:1fr}.pager{gap:6px;font-size:12px}.pager button{padding:8px}}
.dialog-actions{justify-content:flex-end}.dialog-actions button{flex:0 0 auto}.dialog-actions .help-button{position:static;width:44px;height:44px;padding:0;justify-content:center;border-radius:10px}.dialog-actions .help-button span{display:none}
@media(max-width:700px){.dialog-actions{justify-content:flex-end}.dialog-actions>*{flex:0 0 auto}.dialog-actions button{width:48px}}