:root{--bg:#f6f7f9;--surface:#fff;--text:#1c2430;--muted:#667085;--border:#e4e7ec;--primary:#4b3fd8;--primary-text:#fff;--success:#067647;--warn:#b54708;--error:#b42318;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1218;--surface:#171b23;--text:#e6e9ef;--muted:#98a2b3;--border:#2a303c;--primary:#8b80ff;--primary-text:#0f1218;--success:#47cd89;--warn:#fdb022;--error:#f97066}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}h1{margin:0;font-size:1.4rem}a{color:var(--primary)}.muted{color:var(--muted)}.center{text-align:center;margin-top:20vh}.mono{font-family:ui-monospace,monospace}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:14px;padding:24px;display:grid}.auth{place-items:center;min-height:100vh;padding:16px;display:grid}.auth .card{width:min(380px,100%)}label{gap:6px;font-weight:500;display:grid}input,textarea,select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:9px 11px}button,.button{font:inherit;background:var(--primary);color:var(--primary-text);cursor:pointer;text-align:center;border:0;border-radius:8px;padding:9px 16px;font-weight:600;text-decoration:none;display:inline-block}button:disabled{opacity:.6;cursor:default}button.link{color:var(--primary);background:0 0;padding:0}.layout{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:18px;padding:12px 24px;display:flex}.topbar a{text-decoration:none}.topbar a.active{font-weight:600}.spacer{flex:1}.content{max-width:1040px;margin:0 auto;padding:24px 16px}.page-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.8rem}tr:last-child td{border-bottom:0}.badge{border:1px solid;border-radius:999px;padding:2px 8px;font-size:.8rem}.badge.connected{color:var(--success)}.badge.disconnected,.badge.banned{color:var(--error)}.badge.flagged,.badge.restricted,.badge.pending{color:var(--warn)}.alert{border:1px solid;border-radius:8px;margin:0;padding:10px 12px}.alert.error{color:var(--error)}.alert.warn{color:var(--warn)}.alert.success{color:var(--success)}.connect .card{max-width:560px}.connect>*+*{margin-top:16px}.connect-options{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:1136px;display:grid}.connect-options .card{align-content:start;gap:12px;display:grid}.connect-options h2{margin:0;font-size:1.1rem}.alert ul{margin:6px 0 0;padding-left:18px}.note{max-width:720px;margin-top:12px}.steps{gap:6px;margin:0;padding-left:20px;display:grid}.steps li.todo{color:var(--muted)}.steps li.active{font-weight:600}.steps li.active:after{content:" …"}.steps li.done{color:var(--success)}.steps li.done:after{content:" ✓"}@media (width<=600px){.topbar{flex-wrap:wrap;padding:12px 16px}}.page-header .spacer,.spacer{flex:1}.small{font-size:.85rem}.error-text{color:var(--error)}.warn-text{color:var(--warn)}td.actions{white-space:nowrap}td.actions a+a{margin-left:12px}.inbox{grid-template-columns:minmax(240px,320px) 1fr;gap:16px;min-height:70vh;display:grid}.inbox-list{max-height:75vh;padding:8px;display:block;overflow-y:auto}.inbox-list ul{margin:0;padding:0;list-style:none}.new-contact input{width:100%;margin-bottom:8px}.conversation{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:2px;padding:8px;font-weight:400;display:grid}.conversation:hover,.conversation.active{background:color-mix(in srgb, var(--primary) 12%, transparent)}.conversation-head{justify-content:space-between;gap:8px;display:flex}.conversation-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.inbox-thread{flex-direction:column;min-width:0;display:flex}.thread-header{border-bottom:1px solid var(--border);align-items:baseline;gap:12px;padding-bottom:8px;display:flex}.thread{flex-direction:column;flex:1;gap:8px;max-height:55vh;margin:0;padding:12px 0;list-style:none;display:flex;overflow-y:auto}.msg{border:1px solid var(--border);border-radius:12px;max-width:min(75%,560px);padding:8px 12px}.msg.inbound{background:var(--surface);align-self:flex-start}.msg.outbound{background:color-mix(in srgb, var(--primary) 10%, var(--surface));align-self:flex-end}.msg-meta{align-items:center;gap:6px;margin-bottom:4px;font-size:.75rem;display:flex}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.msg-image{border-radius:8px;max-width:100%;max-height:260px;display:block}.src{border:1px solid;border-radius:999px;padding:1px 6px;font-size:.7rem;font-weight:600}.src-api{color:var(--primary)}.src-inbound{color:var(--success)}.src-app{color:var(--warn)}.src-history{color:var(--muted);border-style:dashed}.composer{border-top:1px solid var(--border);gap:8px;padding-top:8px;display:grid}.composer-row{gap:8px;display:flex}.composer-row textarea{flex:1}.composer-template{gap:8px;display:grid}.template-preview{border-left:3px solid var(--primary);white-space:pre-wrap;background:color-mix(in srgb, var(--primary) 6%, transparent);margin:0;padding:8px 12px}.center-small{text-align:center;margin-top:20%}.templates-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.templates-layout .table-wrap{border:0}.templates-layout td{white-space:normal;vertical-align:top}.template-text{max-width:320px;margin:2px 0 0}.form{gap:12px;display:grid}.form h2{margin:0;font-size:1.1rem}.form label{gap:4px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-error{color:var(--error);font-size:.85rem}@media (width<=800px){.inbox,.templates-layout{grid-template-columns:1fr}.inbox-list{max-height:30vh}}.form input,.form select,.form textarea,.composer select,.composer input,.composer textarea{width:100%;min-width:0}