:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#111827;background:#f3f4f6}*{box-sizing:border-box}body{margin:0}header{background:#111827;color:white;padding:18px max(18px,calc((100vw - 760px)/2));display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:3}.brand{font-weight:900;letter-spacing:.08em;font-size:22px}.brand span{font-size:12px;font-weight:500;letter-spacing:0;opacity:.7}.sub{font-size:12px;opacity:.65;margin-top:3px}main{max-width:760px;margin:auto;padding:16px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpis div,.next,.stop,.info,#serviceList>div{background:white;border-radius:16px;padding:14px;box-shadow:0 1px 3px #0001}.kpis b{display:block;font-size:20px}.kpis span{font-size:11px;color:#6b7280}.next{margin-top:10px;background:#111827;color:white}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.65}.next h1{font-size:25px;margin:5px 0}.meta{font-size:13px;opacity:.75}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}button,.button{border:0;border-radius:12px;padding:12px 14px;font-weight:750;cursor:pointer}.primary{background:#2563eb;color:white}.secondary{background:#e5e7eb;color:#111827}.ghost{background:#ffffff15;color:white}.full{width:100%;margin:10px 0}.tabs{display:flex;gap:6px;margin:16px 0 10px}.tab{flex:1;background:#e5e7eb}.tab.active{background:#111827;color:white}.panel{display:none}.panel.active{display:block}.stop{margin:8px 0;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.stop.done{opacity:.55}.num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eef2ff;font-weight:800}.stop h3{margin:0;font-size:15px}.stop p{margin:3px 0 0;color:#6b7280;font-size:12px}.eta{text-align:right;font-weight:800;font-size:13px}.eta small{display:block;color:#6b7280;font-weight:500}.info{font-size:13px;line-height:1.45;margin-bottom:10px}dialog{border:0;border-radius:20px;width:min(92vw,600px);padding:20px}dialog::backdrop{background:#0008}.x{float:right;background:#eee;font-size:20px;padding:6px 11px}label{display:block;font-size:12px;font-weight:700;margin:12px 0}input{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:12px;font-size:16px;margin-top:5px}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.camera{background:#eef2ff;padding:14px;border-radius:12px}.muted{font-size:12px;color:#6b7280}.order{border-top:1px solid #eee;padding:10px 0;font-size:13px}.pill{display:inline-block;border-radius:999px;padding:4px 8px;background:#e5e7eb;font-size:11px}.pill.ok{background:#dcfce7;color:#166534}.warning{background:#fef3c7;color:#92400e;padding:10px;border-radius:10px;margin:8px 0;font-size:12px}@media(max-width:520px){header{padding:14px}.kpis b{font-size:17px}.actions{grid-template-columns:1fr}.brand{font-size:19px}}

select{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:12px;font-size:16px;margin-top:5px;background:white}.labelgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.demolabel{border:2px solid #111827;background:white;border-radius:12px;padding:14px;text-align:left}.demolabel.done{border-color:#16a34a;background:#f0fdf4}.demolabel b{display:block;font-size:18px}.demolabel span{font-size:12px}.danger{background:#fee2e2;color:#991b1b;padding:10px;border-radius:10px;margin:8px 0;font-size:12px}.success{background:#dcfce7;color:#166534;padding:10px;border-radius:10px;margin:8px 0;font-size:12px}