: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}}.new-lead{margin-left:auto;align-self:center;margin-right:8px;background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.new-lead.dropping{outline:3px dashed var(--accent);outline-offset:3px}.overlay{position:fixed;inset:0;background:#0a101873;display:grid;place-items:center;padding:16px;z-index:10;animation:fade .15s ease-out}.dialog{background:var(--surface);color:var(--text);border-radius:var(--radius);width:min(720px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:16px 18px;display:grid;gap:10px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0;font-size:20px}.dialog label{font-size:13px;color:var(--muted);font-weight:600}.dialog textarea,.dialog input,.dialog select{width:100%}textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;resize:vertical}textarea.grow{resize:none}.capture-pane{display:grid;gap:8px}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);padding:18px;text-align:center;min-height:120px;display:grid;place-items:center}.thumbs{list-style:none;padding:0;margin:0;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.thumbs li{display:grid;gap:4px;justify-items:center}.thumbs img{max-height:160px;max-width:220px;border-radius:6px;border:1px solid var(--line)}.thumbs.small img{max-height:90px}.pasted summary{cursor:pointer;color:var(--muted);font-size:13px}.pasted-text{white-space:pre-wrap;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;margin:6px 0 0}.actions{margin-top:6px}.small{font-size:13px}.lead-form{display:grid;grid-template-columns:max-content 1fr;gap:8px 12px;align-items:center}.lead-form .row{flex-wrap:nowrap}.lead-form .row>input,.lead-form .row>select{flex:1 1 0;min-width:0}.field-list{display:grid;gap:4px}.hints{display:grid;gap:8px}.hint{border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px}.hint p{margin:2px 0}.hint-warn{border-color:var(--soon)}.unfinished{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;margin-bottom:12px}.unfinished h3{margin:0 0 4px;font-size:15px}.unfinished ul{list-style:none;padding:0;margin:0}.unfinished li{display:flex;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--line);flex-wrap:wrap}.unfinished li:first-child{border-top:none}.unfinished .actions{margin:0 0 0 auto;display:flex;gap:6px}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.overlay{animation:none}}@media(max-width:760px){.overlay{place-items:end center;padding:0}.dialog{width:100%;max-height:92vh;border-radius:var(--radius) var(--radius) 0 0}.lead-form{grid-template-columns:1fr}.new-lead{position:fixed;right:16px;bottom:16px;z-index:5;border-radius:999px;padding:12px 18px;box-shadow:0 4px 14px #00000040}}
