:root{--bg:#f6f7f9;--panel:#ffffff;--panel-soft:#f0f4f8;--text:#17202a;--muted:#667085;--line:#d9dee7;--danger:#bf2b2b;--danger-bg:#fff1f1;--warn:#a56200;--warn-bg:#fff7e6;--good:#1f7a4d;--good-bg:#edf9f2;--accent:#2457c5;--accent-bg:#edf3ff;--shadow:0 16px 45px rgba(15,23,42,0.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}.sidebar{background:#111827;color:#f9fafb;padding:22px 18px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px}.brand-mark{width:34px;height:34px;border-radius:8px;background:#22c55e;display:grid;place-items:center;color:#052e16;font-weight:900}.side-meta{color:#b7c0cf;font-size:13px;line-height:1.5}.nav-list{display:grid;grid-gap:8px;gap:8px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:8px;color:#d7dce5}.nav-item.active{background:rgba(255,255,255,.1);color:#ffffff}.logout-form{margin-top:auto}.ghost-button,.icon-button,.primary-button{border:0;border-radius:8px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.primary-button{background:var(--accent);color:#ffffff;padding:0 14px}.ghost-button{background:rgba(255,255,255,.08);color:#f8fafc;padding:0 12px}.main{min-width:0;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.eyebrow{color:var(--muted);font-size:13px;margin:0 0 5px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;line-height:1.15;margin-bottom:6px}.topbar p{margin-bottom:0;color:var(--muted)}.status-strip{display:grid;grid-template-columns:1.05fr 1.25fr 1fr;grid-gap:12px;gap:12px;margin-bottom:16px}.card,.conversation-panel,.login-card,.queue-panel,.status-box{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.status-box{padding:14px}.status-box strong{display:block;margin-bottom:5px}.status-box p,.status-box span{color:var(--muted);font-size:13px;margin:0}.card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.card{padding:14px}.card label{color:var(--muted);display:block;font-size:12px;margin-bottom:10px}.card strong{font-size:25px}.card.good{background:var(--good-bg);border-color:#b7e4c7}.card.warn{background:var(--warn-bg);border-color:#f4ce8d}.card.danger{background:var(--danger-bg);border-color:#ffc5c5}.mini-card{min-height:82px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.mini-card label{color:var(--muted);display:block;font-size:12px;margin-bottom:8px}.mini-card strong{font-size:22px}.mini-card.good{background:var(--good-bg);border-color:#b7e4c7}.mini-card.warn{background:var(--warn-bg);border-color:#f4ce8d}.mini-card.danger{background:var(--danger-bg);border-color:#ffc5c5}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:2px 0 12px}.section-heading h2{font-size:18px;margin-bottom:0}.section-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.section-meta span{display:inline-flex;align-items:center;gap:6px;min-height:30px;border:1px solid var(--line);border-radius:999px;padding:0 10px;background:#ffffff;color:var(--muted);font-size:12px}.support-heading{margin-top:18px}.respond-panel{background:var(--panel);border:1px solid #b9c9f5;border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.respond-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid var(--line);background:var(--accent-bg)}.respond-header h2{font-size:17px}.respond-list{display:grid}.respond-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line)}.respond-item:hover{background:#f8fafc}.respond-item:last-child{border-bottom:0}.rank-pill{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#111827;color:#ffffff;font-size:12px;font-weight:800}.respond-copy{min-width:0;display:grid;grid-gap:5px;gap:5px}.action-pill{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;padding:0 11px;background:var(--accent);color:#ffffff;font-size:12px;font-weight:700;white-space:nowrap}.funnel-section{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);grid-gap:14px;gap:14px;align-items:start}.funnel-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.queue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.queue-panel{min-height:280px;overflow:hidden}.queue-header{justify-content:space-between;gap:12px;padding:14px 14px 10px;border-bottom:1px solid var(--line)}.queue-header,.queue-title{display:flex;align-items:center}.queue-title{gap:9px}.queue-title h2{font-size:16px;margin-bottom:0}.count-pill,.reason-pill{border-radius:999px;padding:5px 9px;font-size:12px;background:var(--panel-soft);color:var(--muted)}.back-link,.reason-pill{display:inline-flex;align-items:center;gap:5px}.danger-pill{background:var(--danger-bg);color:var(--danger)}.queue-item,.queue-list{display:grid}.queue-item{grid-gap:7px;gap:7px;padding:13px 14px;border-bottom:1px solid var(--line)}.queue-item:hover{background:#f8fafc}.queue-item:last-child{border-bottom:0}.queue-item-top{display:flex;justify-content:space-between;gap:10px}.queue-item-title{font-weight:700;min-width:0}.empty-state,.queue-item-subtitle,.queue-preview{color:var(--muted);font-size:13px}.queue-preview{line-height:1.4}.empty-state{padding:18px 14px;display:flex;align-items:center;gap:8px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:24px}.login-card h1{font-size:24px}.field{display:grid;grid-gap:7px;gap:7px;margin:18px 0}.field label{font-size:13px;color:var(--muted)}.field input{border:1px solid var(--line);border-radius:8px;min-height:42px;padding:0 12px}.form-error{background:var(--danger-bg);color:var(--danger);border:1px solid #ffc5c5;border-radius:8px;padding:10px 12px;font-size:13px}.connect-layout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(300px,1.05fr);grid-gap:14px;gap:14px;align-items:start}.connect-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:18px}.connect-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.connect-header h2{font-size:18px;margin-bottom:0}.connection-badge{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;padding:0 11px;font-size:12px;font-weight:700;white-space:nowrap}.connection-badge.good{background:var(--good-bg);color:var(--good)}.connection-badge.warn{background:var(--warn-bg);color:var(--warn)}.connection-badge.danger{background:var(--danger-bg);color:var(--danger)}.qr-stage{min-height:360px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#f8fafc;margin-bottom:14px;padding:18px}.qr-image{width:min(320px,100%);aspect-ratio:1;border-radius:8px;border:1px solid var(--line);background:#ffffff;padding:10px}.qr-placeholder,.success-state{display:grid;place-items:center;grid-gap:10px;gap:10px;color:var(--muted);text-align:center}.success-state{color:var(--good)}.success-state span{color:var(--muted)}.connect-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.connect-actions .primary-button{text-decoration:none}.spin{animation:spin .9s linear infinite}.step-list{list-style:none;display:grid;grid-gap:10px;gap:10px;padding:0;margin:0 0 16px}.step-list li{display:grid;grid-gap:4px;gap:4px;border:1px solid var(--line);border-radius:8px;padding:12px}.step-list li.done{border-color:#b7e4c7;background:var(--good-bg)}.step-list li.active{border-color:#f4ce8d;background:var(--warn-bg)}.import-mini-grid label,.step-list span{color:var(--muted);font-size:13px}.import-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.import-mini-grid div{min-height:76px;display:grid;align-content:center;grid-gap:6px;gap:6px;border:1px solid var(--line);border-radius:8px;padding:10px;background:#ffffff}.import-mini-grid strong{font-size:22px}@keyframes spin{to{transform:rotate(1turn)}}.conversation-panel{padding:18px}.opportunity-panel{margin-bottom:14px}.opportunity-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.opportunity-header h2{font-size:18px;margin-bottom:0}.opportunity-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.form-note,.opportunity-summary span{color:var(--muted);font-size:13px}.opportunity-form{display:grid;grid-gap:12px;gap:12px}.opportunity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.opportunity-grid label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:12px}.opportunity-grid input,.opportunity-grid select{min-height:38px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#ffffff;color:var(--text)}.opportunity-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.form-error.compact{padding:7px 10px}.back-link{color:var(--accent);font-weight:700;font-size:14px}.reason-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.timeline{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.message-row{display:flex}.message-row.out{justify-content:flex-end}.message-bubble{max-width:min(680px,86%);border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#ffffff}.message-row.out .message-bubble{background:var(--accent-bg);border-color:#c7d7ff}.message-meta{color:var(--muted);font-size:12px;margin-top:6px}@media (max-width:1100px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.connect-layout,.funnel-section,.queue-grid,.status-strip{grid-template-columns:1fr}}@media (max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.main{padding:16px}.section-heading,.topbar{display:grid}.section-meta{justify-content:flex-start}.respond-item{grid-template-columns:30px minmax(0,1fr)}.action-pill{grid-column:2;width:max-content}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.funnel-cards,.import-mini-grid,.opportunity-grid{grid-template-columns:1fr}}