:root{--bg: #f6f7f9;--surface: #ffffff;--text: #17202a;--muted: #5d6b7a;--line: #dde2e8;--accent: #1f5fbf;--accent-text: #ffffff;--warn-bg: #fff4e5;--warn-text: #7a4100;--ok-bg: #e8f5ec;--ok-text: #1e5b32;--overdue: #b42318;--soon: #b54708;--calm: #475467;--radius: 8px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0f141a;--surface: #171e26;--text: #e6ebf0;--muted: #9aa8b6;--line: #2a3540;--accent: #5b9bff;--accent-text: #0b1220;--warn-bg: #3a2a12;--warn-text: #ffd8a8;--ok-bg: #133022;--ok-text: #b6f0c8;--overdue: #ff8a80;--soon: #ffb86b;--calm: #b8c4d0}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:6px 12px;cursor:pointer;transition:transform .15s ease,background-color .15s ease}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.danger{border-color:var(--overdue);color:var(--overdue)}button.link{border:none;background:none;color:var(--accent);padding:0 6px;text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:7px 10px}.muted{color:var(--muted)}.strong{font-weight:600}.row{display:flex;gap:8px;flex-wrap:wrap}.brand{font-weight:700;margin:0}.brand span{font-weight:400;color:var(--muted)}.screen{min-height:100vh;display:grid;place-items:center;padding:16px}.card{width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;display:grid;gap:12px}.card h1{margin:0;font-size:22px}.card form{display:grid;gap:10px}.choices{list-style:none;padding:0;margin:0;display:grid;gap:8px}.choices button{width:100%;text-align:left;padding:10px 12px}.notice{border-radius:var(--radius);padding:8px 12px;margin:8px 0}.notice-warn{background:var(--warn-bg);color:var(--warn-text)}.notice-ok{background:var(--ok-bg);color:var(--ok-text)}.topbar{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}.topbar .org{font-weight:600}.topbar .clock{color:var(--muted)}.topbar .user{margin-left:auto}.tabs{display:flex;gap:4px;padding:8px 16px 0;border-bottom:1px solid var(--line);background:var(--surface);overflow-x:auto}.tab{border:none;border-bottom:3px solid transparent;border-radius:0;padding:10px 16px;font-weight:600;background:none}.tab.active{border-bottom-color:var(--accent)}.content{padding:16px;max-width:1440px;margin:0 auto}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.segmented button{border:none;border-radius:0;border-right:1px solid var(--line)}.segmented button:last-child{border-right:none}.segmented button.selected{background:var(--accent);color:var(--accent-text)}.chip{border-radius:999px;padding:4px 12px;border-color:var(--accent);color:var(--accent)}.search{flex:1 1 220px;min-width:0}.live{font-size:13px;color:var(--muted)}.live-live:before{content:"● ";color:var(--ok-text)}.live-paused{color:var(--warn-text)}.counters{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:14px}.tile{display:grid;gap:2px;text-align:left;padding:10px 12px}.tile-count{font-size:22px;font-weight:700}.tile-label{font-size:13px;color:var(--muted)}.tile.selected{outline:2px solid var(--accent);outline-offset:-2px}.tile.attention .tile-count{color:var(--overdue)}.leads{width:100%;border-collapse:collapse;table-layout:fixed;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.leads th,.leads td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow:hidden;text-overflow:ellipsis}.leads th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.leads tbody tr:last-child td{border-bottom:none}.col-urgency{width:15%}.col-customer{width:17%}.col-job{width:12%}.col-area,.col-contact{width:10%}.col-next{width:16%}.col-progress,.col-owner{width:10%}.chip-status{display:inline-block;font-size:13px;font-weight:600;padding:1px 8px;border-radius:999px;border:1px solid currentColor;color:var(--calm)}.chip-overdue,.chip-no_step{color:var(--overdue)}.chip-due_1h{color:var(--soon)}.lead-id{color:var(--muted);margin-left:6px;font-size:13px}.flag{display:inline-block;margin-left:6px;font-size:12px;color:var(--warn-text);background:var(--warn-bg);border-radius:4px;padding:0 6px}.empty{color:var(--muted);padding:24px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.access{max-width:760px}.invite{display:grid;grid-template-columns:max-content 1fr;gap:8px 12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.invite h3{grid-column:1 / -1;margin:0}.invite button{grid-column:2;justify-self:start}.people{list-style:none;padding:0;margin:0 0 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.people li{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.people li:last-child{border-bottom:none}.people .actions{display:flex;gap:6px;flex-wrap:wrap}@media(max-width:760px){.topbar{gap:8px}.topbar .user{margin-left:0;width:100%}.content{padding:12px}.counters{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.tile{flex:0 0 auto;min-width:120px;scroll-snap-align:start}.leads,.leads thead,.leads tbody,.leads tr,.leads td{display:block;width:100%}.leads{border:none;background:none}.leads thead{display:none}.leads tr{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px;padding:6px 0}.leads td{border:none;padding:3px 12px;white-space:normal}.leads td:before{content:attr(data-label);display:inline-block;min-width:110px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.invite{grid-template-columns:1fr}.invite button{grid-column:1}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
