*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafafa;--card:#ffffff;--text:#18181b;--muted:#71717a;--border:#e4e4e7;--accent:#0f172a;--accent-fg:#ffffff;--inbound:#f4f4f5;--outbound:#0f172a;--outbound-fg:#fafafa;--error:#dc2626;--success:#16a34a}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:inherit}.container{max-width:1100px;margin:0 auto;padding:24px 20px}header.app-header{background:var(--accent);color:var(--accent-fg);padding:14px 20px}header.app-header .container{padding:0;max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}header.app-header h1{font-size:16px;font-weight:600;letter-spacing:-.01em}header.app-header h1 a{color:white}header.app-header .meta{font-size:12px;opacity:.7}table.leads{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}table.leads th{text-align:left;padding:10px 14px;background:#f4f4f5;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}table.leads td,table.leads th{border-bottom:1px solid var(--border)}table.leads td{padding:12px 14px}table.leads tr:last-child td{border-bottom:none}table.leads tr:hover{background:#fafafa;cursor:pointer}table.leads .name{font-weight:600}table.leads .phone{font-family:ui-monospace,SF Mono,monospace;font-size:13px}table.leads .site-tag{display:inline-block;padding:2px 8px;border-radius:999px;background:#e4e4e7;font-size:11px;font-weight:500}table.leads .last{color:var(--muted);font-size:12px}.filters{display:flex;gap:12px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.filters input,.filters select{padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:white}.filters input.search{flex:1 1;min-width:200px}.filters .count{color:var(--muted);font-size:13px}.lead-detail{display:grid;grid-template-columns:320px 1fr 280px;grid-gap:20px;gap:20px;min-height:70vh}@media (max-width:1100px){.lead-detail{grid-template-columns:320px 1fr}}@media (max-width:720px){.lead-detail{grid-template-columns:1fr}}.lead-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:18px}.lead-card h2{font-size:18px;margin-bottom:4px}.lead-card .meta{color:var(--muted);font-size:13px;margin-bottom:14px}.lead-card .row{padding:8px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:8px}.lead-card .row:first-of-type{border-top:none}.lead-card .row .k{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.lead-card .row .v{text-align:right;font-size:13px}.lead-card a.preview{display:block;text-align:center;margin-top:14px;padding:10px;background:var(--accent);color:var(--accent-fg);border-radius:6px;font-weight:600}.lead-card a.preview:hover{opacity:.9;text-decoration:none}.thread{background:var(--card);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column}.thread .messages{flex:1 1;overflow-y:auto;padding:18px;max-height:70vh;min-height:300px}.thread .empty{color:var(--muted);text-align:center;padding:60px 20px;font-size:13px}.thread .msg{margin-bottom:12px;max-width:75%}.thread .msg.outbound{margin-left:auto}.thread .msg .bubble{padding:10px 14px;border-radius:14px;word-wrap:break-word;white-space:pre-wrap}.thread .msg.inbound .bubble{background:var(--inbound);color:var(--text);border-bottom-left-radius:4px}.thread .msg.outbound .bubble{background:var(--outbound);color:var(--outbound-fg);border-bottom-right-radius:4px}.thread .msg .ts{font-size:10px;color:var(--muted);margin-top:4px;padding:0 6px}.thread .msg.outbound .ts{text-align:right}.thread .msg .err{color:var(--error);font-size:11px;margin-top:2px;padding:0 6px}.composer{border-top:1px solid var(--border);padding:14px}.composer .from-row{display:flex;gap:10px;align-items:center;margin-bottom:10px;font-size:12px;color:var(--muted)}.composer select.from{padding:6px 10px;border:1px solid var(--border);border-radius:4px;background:white;font-size:12px}.composer textarea{width:100%;min-height:80px;padding:10px;border:1px solid var(--border);border-radius:6px;resize:vertical;font-size:14px}.composer .actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.composer .char{color:var(--muted);font-size:12px}.composer button.send{padding:8px 18px;background:var(--accent);color:var(--accent-fg);border:none;border-radius:6px;font-weight:600;cursor:pointer}.composer button.send:hover:not(:disabled){opacity:.9}.composer button.send:disabled{opacity:.5;cursor:not-allowed}.error-banner{background:#fee2e2;color:#991b1b}.error-banner,.success-banner{padding:10px 14px;border-radius:6px;margin-bottom:12px;font-size:13px}.success-banner{background:#d1fae5;color:#065f46}.back{display:inline-block;margin-bottom:14px;color:var(--muted);font-size:13px}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:240px;grid-gap:6px;gap:6px;align-items:start;min-height:60vh;overflow-x:auto;overflow-y:visible;padding-bottom:12px;width:100%;max-width:100%;min-width:0;scroll-behavior:smooth}.kanban::-webkit-scrollbar{height:12px}.kanban::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px;border:2px solid transparent;background-clip:padding-box}.kanban::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:padding-box}.kanban::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.column{background:var(--card);border-radius:8px;border:1px solid var(--border);display:flex;flex-direction:column;min-height:200px}.column-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-top:3px solid;border-radius:8px 8px 0 0;background:#fafafa}.column-header .title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text)}.column-header .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.column-header .count-badge{background:#e4e4e7;color:var(--text);padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;min-width:24px;text-align:center}.cards{padding:8px;display:flex;flex-direction:column;gap:8px;min-height:100px}.empty-col{color:#cbd5e1;font-size:11px;text-align:center;padding:30px 8px;border:1px dashed var(--border);border-radius:6px}.card{background:white;border:1px solid var(--border);border-radius:6px;padding:10px 12px;cursor:pointer;transition:box-shadow .15s,transform .05s}.card:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.card:active{transform:scale(.99)}.card.follow-up{border-left:3px solid #ef4444}.card-name{font-size:13px;font-weight:600;line-height:1.3;margin-bottom:3px;display:flex;align-items:center;gap:6px}.follow-up-dot{color:#ef4444;font-size:14px}.card-meta{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;font-family:ui-monospace,SF Mono,monospace}.card-meta .site-tag{padding:1px 6px;font-size:9px;border-radius:3px;background:#f4f4f5;color:var(--text);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-family:inherit}.card-msg{font-size:12px;color:var(--text);line-height:1.4;margin-bottom:6px;max-height:36px;overflow:hidden}.card-msg .in{color:#16a34a;font-weight:700}.card-msg .out{color:#94a3b8;font-weight:700}.card-footer{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.card-footer .msg-count{background:#e4e4e7;padding:1px 5px;border-radius:3px;font-weight:600}.view-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--border)}.view-tabs a{padding:8px 14px;font-size:13px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.view-tabs a.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.view-tabs a:hover{text-decoration:none;color:var(--text)}.receptionist-log{display:flex;flex-direction:column;gap:6px}.call-row{background:white;border:1px solid var(--border);border-radius:6px}.call-row summary{padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.call-row summary::-webkit-details-marker{display:none}.call-row summary:hover{background:#fafafa}.call-row[open] summary{border-bottom:1px solid var(--border)}.call-row .who{display:flex;align-items:center;gap:10px;font-size:14px;flex-wrap:wrap}.call-row .who .phone{color:var(--muted);font-family:ui-monospace,SF Mono,monospace;font-size:12px}.call-row .who .pipeline-tag{padding:1px 6px;font-size:10px;border-radius:3px;background:#f4f4f5;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.call-row .when{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);flex-shrink:0}.call-row .outcome-badge{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:lowercase;letter-spacing:.02em}.call-row .dur{font-family:ui-monospace,SF Mono,monospace}.call-row .call-body{padding:16px;font-size:13px}.call-row .label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:4px;font-weight:600}.call-row .summary-block{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.call-row .summary-block p{line-height:1.5}.call-row .transcript{display:flex;flex-direction:column;gap:8px}.call-row .msg{display:flex;gap:10px;align-items:baseline}.call-row .msg .speaker{flex-shrink:0;width:58px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;padding-top:2px}.call-row .msg-assistant .speaker{color:#1d4ed8}.call-row .msg-user .speaker{color:#15803d}.call-row .msg .content{flex:1 1;line-height:1.5}.call-row .call-meta{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);display:flex;gap:16px;font-size:11px;color:var(--muted);flex-wrap:wrap}.call-row .call-meta code{font-size:11px;background:#f4f4f5;padding:1px 5px;border-radius:3px}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:9998;display:flex;align-items:flex-start;justify-content:center;padding:32px 20px;overflow-y:auto}.modal-panel{position:relative;background:var(--bg,#fafafa);border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.35);width:100%;max-width:1120px;padding:28px 24px 24px;margin:auto}.modal-close{position:absolute;top:12px;right:14px;border:1px solid var(--border);background:white;color:var(--muted);border-radius:6px;width:30px;height:30px;font-size:14px;line-height:1;cursor:pointer}.modal-close:hover{background:#f4f4f5}