:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--c-bg);color:var(--c-text);--motion-fast:.12s cubic-bezier(.2, .8, .2, 1);--motion-medium:.22s cubic-bezier(.2, .8, .2, 1);--motion-slow:.42s cubic-bezier(.16, 1, .3, 1);--c-bg:#f5f7fb;--c-surface:#fff;--c-surface-2:#f8fafc;--c-surface-3:#fbfcfe;--c-border:#dbe2ea;--c-border-soft:#e4e9f0;--c-border-faint:#eef2f6;--c-text:#182230;--c-text-2:#344054;--c-text-3:#475467;--c-text-muted:#667085;--c-text-faint:#94a3b8;--c-accent:#0f766e;--c-accent-dark:#115e59;--c-accent-soft:#e8f5f2;--c-accent-border:#8ecdc2;--c-avatar-bg:#e0f2fe;--c-avatar-text:#075985;--c-bubble-out-bg:#e8f5f2;--c-bubble-out-bd:#b7ddd6;--c-shimmer:#ffffff94;--c-focus:#0f766e24;--line:var(--c-border);--text-secondary:var(--c-text-muted);--border:var(--c-border);--accent-soft:var(--c-accent-soft);--text:var(--c-text);--text-2:var(--c-text-2);--bg:var(--c-surface);--hover:var(--c-surface-2);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-color-mode=light]):not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#07090f;--c-surface:#111622;--c-surface-2:#0d1117;--c-surface-3:#1a2235;--c-border:#94a3b81a;--c-border-soft:#94a3b814;--c-border-faint:#94a3b80f;--c-text:#e2e8f0;--c-text-2:#cbd5e1;--c-text-3:#94a3b8;--c-text-muted:#64748b;--c-text-faint:#475569;--c-accent:#14b8a6;--c-accent-dark:#0d9488;--c-accent-soft:#14b8a61f;--c-accent-border:#14b8a64d;--c-avatar-bg:#1e3a52;--c-avatar-text:#7dd3fc;--c-bubble-out-bg:#14b8a61a;--c-bubble-out-bd:#14b8a640;--c-shimmer:#ffffff0a;--c-focus:#14b8a62e}}:root[data-color-mode=dark]:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#07090f;--c-surface:#111622;--c-surface-2:#0d1117;--c-surface-3:#1a2235;--c-border:#94a3b81a;--c-border-soft:#94a3b814;--c-border-faint:#94a3b80f;--c-text:#e2e8f0;--c-text-2:#cbd5e1;--c-text-3:#94a3b8;--c-text-muted:#64748b;--c-text-faint:#475569;--c-accent:#14b8a6;--c-accent-dark:#0d9488;--c-accent-soft:#14b8a61f;--c-accent-border:#14b8a64d;--c-avatar-bg:#1e3a52;--c-avatar-text:#7dd3fc;--c-bubble-out-bg:#14b8a61a;--c-bubble-out-bd:#14b8a640;--c-shimmer:#ffffff0a;--c-focus:#14b8a62e}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;transition:transform var(--motion-fast), background-color var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast), box-shadow var(--motion-fast), opacity var(--motion-fast)}button:active{transform:translateY(1px)scale(.98)}button:disabled{cursor:wait;opacity:.68}input,textarea,select{transition:border-color var(--motion-fast), box-shadow var(--motion-fast), background-color var(--motion-fast)}input:focus,textarea:focus,select:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-focus);outline:none}button:focus-visible,summary:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:20px}h2{font-size:17px}h3{color:var(--c-text-2);font-size:13px;font-weight:750}p{color:var(--c-text-muted);font-size:13px;line-height:1.45}.chat-app-shell{background:var(--c-bg);height:100vh;animation:surface-in var(--motion-slow) both;grid-template-columns:76px minmax(0,1fr);display:grid;overflow:hidden}.app-rail{border-right:1px solid var(--c-border);background:var(--c-surface);grid-template-rows:auto 1fr auto;gap:16px;padding:12px 10px;display:grid}.rail-brand{justify-content:center;padding:4px 0 8px;display:flex}.rail-brand img{object-fit:contain;background:0 0;border-radius:8px;width:42px;height:42px}.rail-nav,.app-rail{min-width:0}.rail-nav{align-content:start;gap:8px;display:grid}.rail-nav button,.rail-logout{color:var(--c-text-3);background:0 0;border:1px solid #0000;border-radius:8px;justify-items:center;gap:4px;padding:9px 4px;display:grid}.rail-nav button span,.rail-logout span{font-size:11px}.rail-nav button.active{color:var(--c-accent);background:var(--c-accent-soft);border-color:var(--c-bubble-out-bd)}.rail-nav button:hover,.rail-logout:hover{background:var(--c-surface-2);border-color:var(--c-border);transform:translateY(-1px)}.rail-logout{align-self:end}.rail-color-mode{border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);flex-direction:column;align-items:center;gap:2px;margin:0 -2px;padding:6px 0 4px;display:flex}.rail-color-mode button{width:34px;height:26px;color:var(--c-text-faint);cursor:pointer;transition:background var(--motion-fast), color var(--motion-fast), border-color var(--motion-fast);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:flex}.rail-color-mode button:hover{background:var(--c-surface-2);color:var(--c-text-3)}.rail-color-mode button.active{background:var(--c-accent-soft);color:var(--c-accent);border-color:var(--c-accent-border)}.rail-version{color:var(--text-secondary,#9ca3af);text-align:center;letter-spacing:.02em;opacity:.7;padding:4px 0 2px;font-size:10px}.smtp-guide{padding:16px}.smtp-guide-intro{color:var(--text-secondary,#374151);margin-bottom:16px;font-size:13px}.smtp-guide-callout{background:var(--notice-bg,#eff6ff);border:1px solid var(--notice-border,#bfdbfe);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:12.5px;line-height:1.6}.smtp-guide-callout code{background:var(--code-bg,#e0e7ff);border-radius:4px;padding:1px 5px;font-size:11.5px}.smtp-guide-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=700px){.smtp-guide-grid{grid-template-columns:1fr}}.smtp-guide-card{border:1px solid var(--border,#e5e7eb);border-radius:8px;padding:12px 16px}.smtp-guide-card h3{margin-bottom:10px;font-size:13px;font-weight:600}.smtp-guide-table{border-collapse:collapse;width:100%;font-size:12px}.smtp-guide-table td{vertical-align:top;padding:4px 6px}.smtp-guide-table td:first-child{color:var(--text-secondary,#6b7280);white-space:nowrap;width:90px}.smtp-guide-table code{background:var(--code-bg,#f3f4f6);border-radius:4px;padding:1px 5px;font-size:11.5px}.smtp-guide-note{background:var(--notice-bg,#f0fdf4);border:1px solid var(--notice-border,#bbf7d0);border-radius:8px;padding:10px 14px;font-size:12.5px;line-height:1.6}.smtp-guide-note code,.smtp-guide-note pre{background:var(--code-bg,#e7f3ef);border-radius:4px;padding:1px 5px;font-size:11.5px}.chat-shell{min-width:0;height:100vh;animation:content-rise var(--motion-slow) both;transition:grid-template-columns var(--motion-medium);grid-template-columns:minmax(300px,360px) minmax(480px,1fr) minmax(300px,360px);display:grid}.chat-shell.agent-hidden{grid-template-columns:minmax(300px,360px) 1fr}.conversation-list-pane,.room-pane,.agent-lane{min-width:0;min-height:0;overflow:hidden}.conversation-list-pane{border-right:1px solid var(--c-border);background:var(--c-surface);grid-template-rows:auto auto auto auto 1fr;display:grid}.conversation-list-header,.room-header,.agent-lane header{border-bottom:1px solid var(--c-border-soft);background:var(--c-surface);justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.icon-button{border:1px solid var(--c-border);background:var(--c-surface);width:34px;height:34px;color:var(--c-text-2);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #10182814}.icon-button.is-spinning svg{animation:.76s linear infinite spin}.conversation-search{border:1px solid var(--c-border);background:var(--c-surface-2);border-radius:8px;align-items:center;gap:8px;margin:12px;padding:0 10px;display:flex}input,textarea,select{border:1px solid var(--c-border);background:var(--c-surface);width:100%;color:var(--c-text);border-radius:8px;padding:10px 11px}.conversation-search input{background:0 0;border:0;padding:10px 0}.view-chips{gap:6px;padding:0 12px 12px;display:flex;overflow-x:auto}.view-chips button{border:1px solid var(--c-border);background:var(--c-surface);min-width:max-content;color:var(--c-text-3);border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:12px;display:inline-flex}.view-chips button.active{color:var(--c-accent);border-color:var(--c-accent-border);background:var(--c-accent-soft)}.view-chips button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10182812}.draft-room{background:var(--c-surface-2);color:var(--c-text-2);border:1px dashed #9ab7c1;border-radius:8px;align-items:center;gap:9px;margin:0 12px 12px;padding:11px 12px;display:flex}.draft-room.active{border-style:solid;border-color:var(--c-accent);background:var(--c-accent-soft)}.draft-room:hover{transform:translateY(-1px);box-shadow:0 10px 24px #10182812}.conversation-list{border-top:1px solid var(--c-border-faint);overflow:auto}.conversation-row{border:0;border-bottom:1px solid var(--c-border-faint);background:var(--c-surface);text-align:left;opacity:0;width:100%;animation:list-row-in var(--motion-slow) both;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px;display:grid}.conversation-row.active{background:var(--c-accent-soft);box-shadow:inset 3px 0 0 var(--c-accent)}.conversation-row:hover{background:var(--c-surface-2);transform:translate(2px)}.avatar{background:var(--c-avatar-bg);width:38px;height:38px;color:var(--c-avatar-text);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.small-avatar{width:30px;height:30px;font-size:10px}.conversation-row-main{gap:4px;min-width:0;display:grid}.row-top{justify-content:space-between;gap:10px;font-size:13px;display:flex}.row-top time,.bubble-head time{color:var(--c-text-muted);white-space:nowrap;font-size:11px}.row-subject{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.row-preview{color:var(--c-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.row-badges{flex-wrap:wrap;gap:5px;display:flex}.risk-badge,.soft-badge{width:fit-content;color:var(--c-text-3);background:#eef2f6;border-radius:999px;align-items:center;padding:3px 7px;font-size:11px;font-weight:700;display:inline-flex}.risk-badge.clean{color:#067647;background:#ecfdf3}.risk-badge.suspicious{color:#b54708;background:#fff4e5}.risk-badge.spam,.risk-badge.quarantine{color:#b42318;background:#fef3f2}.room-pane{background:var(--c-surface-2);animation:content-rise var(--motion-slow) both;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative}.room-header h2{text-overflow:ellipsis;white-space:nowrap;max-width:760px;overflow:hidden}.participant-strip{color:var(--c-text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px;font-size:12px;display:flex}.room-details{position:relative}.room-details dl{z-index:5;border:1px solid var(--c-border);background:var(--c-surface);width:360px;animation:popover-in var(--motion-medium) both;border-radius:8px;gap:8px;margin:0;padding:12px;display:grid;position:absolute;top:34px;right:0;box-shadow:0 14px 40px #10182824}.room-details div{grid-template-columns:64px 1fr;gap:8px;display:grid}.room-details dt{color:var(--c-text-2);font-weight:800}.room-details dd{overflow-wrap:anywhere;color:var(--c-text-muted);margin:0}.message-stream{flex-direction:column;gap:14px;padding:22px;display:flex;overflow:auto}.room-empty{text-align:center;height:100%;animation:content-rise var(--motion-slow) both;align-content:center;place-items:center;gap:10px;padding:32px;display:grid}.room-empty svg{color:var(--c-accent);animation:2.4s ease-in-out infinite soft-pulse}.draft-room-note{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-3);border-radius:999px;align-self:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.message-bubble{opacity:0;max-width:min(760px,88%);animation:bubble-in var(--motion-slow) both;grid-template-columns:32px minmax(0,1fr);gap:10px;display:grid}.message-bubble.outbound{grid-template-columns:minmax(0,1fr) 32px;align-self:flex-end}.message-bubble.outbound .small-avatar{grid-area:1/2}.message-bubble.outbound .bubble-content{background:var(--c-accent-soft);border-color:var(--c-bubble-out-bd);grid-area:1/1}.bubble-content{border:1px solid var(--c-border);background:var(--c-surface);border-radius:14px;padding:8px 12px}.bubble-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.bubble-meta{flex-shrink:0;align-items:center;gap:6px;display:flex}.bubble-meta time{color:var(--text-muted,#94a3b8);font-size:11px}.delivery-toggle{cursor:pointer;color:var(--c-accent);background:0 0;border:none;padding:0 2px;font-size:11px;line-height:1}.bubble-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px;line-height:1.45}.delivery-receipts{opacity:0;transition:opacity var(--motion-fast), transform var(--motion-fast);flex-wrap:wrap;gap:6px;margin-top:10px;display:flex;transform:translateY(-2px)}.message-bubble:hover .delivery-receipts{opacity:1;transform:translateY(0)}.delivery-receipts span{border:1px solid var(--c-bubble-out-bd);color:var(--c-accent);background:#f0fdfa;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.attachment-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.attachment-row span{border:1px solid var(--c-border);border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:12px;display:inline-flex}.attachment-chip{border:1px solid var(--c-border);background:var(--c-surface-2);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:500;overflow:hidden}.attachment-size{color:var(--c-text-faint);font-size:11px}.attachment-actions{gap:4px;display:inline-flex}.attachment-actions button{border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;color:var(--c-accent);border-radius:5px;padding:2px 6px;font-size:11px;font-weight:500}.attachment-actions button:hover{border-color:var(--c-accent-border);background:#f0fdfa}.attachment-actions a{border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;color:var(--c-text-muted);border-radius:5px;padding:2px 6px;font-size:13px;line-height:1.4;text-decoration:none}.attachment-actions a:hover{border-color:var(--c-text-faint);background:#f1f5f9}.attachment-preview-dialog{flex-direction:column;width:min(90vw,900px);height:min(88vh,780px);display:flex}.attachment-preview-body{flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.preview-iframe{background:var(--c-surface);border:none;flex:1;width:100%}.preview-text{font-size:13px;font-family:var(--font-mono,monospace);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--c-surface-2);flex:1;margin:0;padding:16px 20px;line-height:1.6;overflow:auto}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--c-surface);border-radius:14px;flex-direction:column;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.modal-header{border-bottom:1px solid var(--c-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.modal-title{color:var(--c-text-2);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.modal-body{flex:1;padding:20px 18px;overflow:auto}.modal-close{border:1px solid var(--c-border);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.modal-close:hover{background:var(--c-surface-2)}.credential-modal{width:min(92vw,440px)}.credential-modal-body{flex-direction:column;gap:10px;display:flex}.credential-hint{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin:0;padding:8px 12px;font-size:13px}.credential-value-row{gap:8px;display:flex}.credential-value-input{font-family:var(--font-mono,monospace);border:1px solid var(--c-border);background:var(--c-surface-2);color:var(--c-text-2);border-radius:8px;flex:1;min-width:0;padding:8px 10px;font-size:13px}.credential-value-input:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 3px #0ea5e926}.credential-copy-btn{border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.credential-copy-btn:hover{border-color:var(--c-accent-border);color:var(--c-accent);background:#f0fdfa}.bubble-actions{opacity:0;transition:opacity var(--motion-fast);gap:4px;margin-top:6px;display:flex}.message-bubble:hover .bubble-actions{opacity:1;transform:translateY(0)}.bubble-actions button{border:1px solid var(--c-border);background:var(--c-surface);border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.bubble-actions button:hover{border-color:var(--c-accent-border);color:var(--c-accent)}.agent-draft-card{gap:6px}.agent-draft-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.agent-draft-header h3{margin:0}.agent-draft-textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--c-border);background:var(--c-surface-2);border-radius:8px;width:100%;min-height:90px;padding:8px 10px;font-family:inherit;font-size:12.5px;line-height:1.5}.agent-draft-textarea:focus{border-color:var(--c-accent-border);outline:none;box-shadow:0 0 0 3px #0ea5e91a}.icon-btn{border:1px solid var(--c-border);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.icon-btn:hover{border-color:var(--c-text-faint);background:#f1f5f9}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.composer-dock{border:1px solid var(--c-border);background:var(--c-surface);animation:composer-in var(--motion-slow) both;border-radius:8px;gap:8px;margin:0 16px 16px;padding:12px;display:grid;position:relative;box-shadow:0 14px 44px #1018281a}.composer-dock:focus-within{border-color:var(--c-accent-border);box-shadow:0 18px 52px #0f766e24}.composer-dock.is-sending:after,.conversation-list-pane.is-loading:after,.room-pane.is-loading:after,.agent-lane.is-loading:after{content:"";pointer-events:none;background:linear-gradient(100deg, transparent 20%, var(--c-shimmer) 45%, transparent 70%);animation:1.1s ease-in-out infinite shimmer;position:absolute;inset:0}.conversation-list-pane.is-loading,.room-pane.is-loading,.agent-lane.is-loading{position:relative}.recipient-line,.composer-toolbar,.agent-lane header,.toast{align-items:center;display:flex}.recipient-line{gap:10px}.recipient-line label{flex:1}label{color:var(--c-text-muted);gap:5px;font-size:12px;display:grid}.cc-popover{position:relative}.text-button{color:var(--c-accent);background:0 0;border:0;padding:8px;font-size:12px;font-weight:800}.cc-grid{border:1px solid var(--c-border);background:var(--c-surface);border-radius:8px;gap:8px;width:360px;padding:10px;display:grid;position:absolute;bottom:26px;right:0;box-shadow:0 14px 40px #10182824}.subject-line{padding:8px 10px}.composer-meta-toggle{border:1px solid var(--c-border);background:var(--c-surface-2);color:var(--c-text-3);text-align:left;border-radius:8px;grid-template-columns:minmax(120px,.7fr) minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;display:grid}.composer-meta-toggle span,.composer-meta-toggle strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer-meta-toggle strong{color:var(--c-text)}textarea{resize:vertical;min-height:86px}.composer-toolbar{color:var(--c-text-muted);justify-content:space-between;gap:12px;font-size:12px}.composer-toolbar div{align-items:center;gap:8px;display:flex}.attachment-chips{flex-wrap:wrap;gap:6px;padding:6px 12px 0;display:flex}.attachment-chip{background:var(--c-surface-3);border:1px solid var(--c-border);color:var(--c-text-2);border-radius:6px;align-items:center;gap:5px;max-width:260px;padding:3px 8px;font-size:12px;display:inline-flex}.chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.chip-size{color:var(--c-text-muted);white-space:nowrap}.chip-remove{cursor:pointer;color:var(--c-text-muted);background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:1px;line-height:1;display:inline-flex}.chip-remove:hover{background:var(--c-surface-2);color:var(--c-text-2)}.primary-button,.secondary-button,.settings-card button,.admin-console button,.agent-card button,.form-panel button,.table-panel button{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:600;line-height:1;transition:background .12s,color .12s,border-color .12s,box-shadow .12s,transform .12s,opacity .12s;display:inline-flex}.primary-button{background:var(--c-accent);color:#fff;border:0}.secondary-button,.settings-card button,.admin-console button,.agent-card button,.form-panel button,.table-panel button{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-2)}.primary-button:hover{background:var(--c-accent-dark);transform:translateY(-1px);box-shadow:0 10px 22px #0f766e38}.primary-button.is-sending svg{animation:.78s ease-in-out infinite send-pulse}.secondary-button:hover,.settings-card button:hover,.admin-console button:hover,.agent-card button:hover,.form-panel button:hover,.table-panel button:hover{border-color:var(--c-accent-border);color:var(--c-accent);transform:translateY(-1px);box-shadow:0 8px 20px #10182812}.primary-button:active,.secondary-button:active,.settings-card button:active,.admin-console button:active,.agent-card button:active,.form-panel button:active,.table-panel button:active{transition-duration:40ms;transform:scale(.97)}.primary-button:focus-visible,.secondary-button:focus-visible,.settings-card button:focus-visible,.admin-console button:focus-visible,.agent-card button:focus-visible,.form-panel button:focus-visible,.table-panel button:focus-visible{outline-offset:2px;outline:2px solid #0f766e}.primary-button:disabled,.secondary-button:disabled,.settings-card button:disabled,.admin-console button:disabled,.agent-card button:disabled,.form-panel button:disabled,.table-panel button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.is-loading{pointer-events:none;position:relative;color:#0000!important}.is-loading>*{visibility:hidden}.is-loading:after{content:"";border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.55s linear infinite btn-spin;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.secondary-button.is-loading:after,.table-panel button.is-loading:after,.danger-button.is-loading:after,.agent-card button.is-loading:after{border-color:#0f766e40;border-top-color:var(--c-accent)}@keyframes btn-spin{to{rotate:360deg}}.agent-lane{border-left:1px solid var(--c-border);background:var(--c-surface);flex-direction:column;gap:12px;padding-bottom:12px;display:flex;overflow:hidden auto}.agent-lane .agent-summary-card{flex:auto;min-height:80px;overflow-y:auto}.agent-lane .agent-draft-card{flex:2 auto;min-height:120px;overflow-y:auto}.agent-lane-header{z-index:1;background:var(--c-surface);justify-content:space-between;align-items:center;padding:10px 12px 0;display:flex;position:sticky;top:0}.agent-lane-title{color:var(--c-text-2);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.agent-lane header{z-index:1;position:sticky;top:0}.agent-lane header h2{align-items:center;gap:8px;display:flex}.agent-lane header span{color:var(--c-text-muted);font-size:12px}.agent-card{border:1px solid var(--c-border-soft);background:var(--c-surface-3);animation:content-rise var(--motion-slow) both;border-radius:8px;gap:9px;margin:0 12px;padding:13px;display:grid}.agent-card:hover{transition:transform var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast);border-color:#c8d7e3;transform:translateY(-1px);box-shadow:0 12px 28px #10182812}.agent-card pre{white-space:pre-wrap;color:var(--c-text-2);margin:0;font-family:inherit;font-size:13px;line-height:1.45}.agent-actions{gap:7px;display:grid}.agent-card-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.agent-section-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.agent-section-header h3{margin:0}.agent-picker-row{align-items:center;gap:6px;display:flex}.agent-picker-row select{flex:1;font-size:12.5px}.toggle-btn{border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text-muted);cursor:pointer;white-space:nowrap;transition:background var(--motion-fast), color var(--motion-fast);border-radius:20px;padding:2px 7px;font-size:10.5px}.toggle-btn.on{color:#0b6e4f;background:#e9f7f1;border-color:#a3d4bf}.toggle-btn:hover{border-color:var(--c-accent-border)}.agent-summary-text{color:var(--c-text-2);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.agent-draft-textarea{field-sizing:content;resize:vertical;min-height:60px;max-height:280px}.agent-prompt-section{border-top:1px solid var(--c-border-soft);gap:4px;margin-top:8px;padding-top:8px;display:grid}.agent-prompt-label{color:var(--c-text-muted);font-size:11.5px;font-weight:500}.system-page{background:var(--c-bg);min-height:100vh;animation:content-rise var(--motion-slow) both;padding:24px 32px;overflow:auto}.system-page-wide{flex-direction:column;gap:20px;width:100%;max-width:1200px;margin:0 auto;display:flex}.system-page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.system-page-header h1{align-items:center;gap:8px;display:flex}.system-page-inner,.admin-console,.settings-card,.form-panel,.table-panel{border:1px solid var(--c-border);background:var(--c-surface);border-radius:10px;padding:20px}.table-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.table-panel-header h2{margin:0}.page-tabs{border-bottom:2px solid var(--c-border-soft);gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.page-tabs button{color:var(--c-text-muted);cursor:pointer;transition:color var(--motion-fast), border-color var(--motion-fast);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;margin-bottom:-2px;padding:8px 16px;font-size:13px;font-weight:600}.page-tabs button:hover{color:var(--c-accent)}.page-tabs button.active,.page-tabs button[aria-selected=true]{color:var(--c-accent);border-bottom-color:var(--c-accent)}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#0f172a7a;justify-content:center;align-items:center;padding:24px;animation:.15s both modal-fade;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--c-surface);border-radius:14px;width:100%;max-width:520px;max-height:calc(100vh - 48px);animation:.2s cubic-bezier(.16,1,.3,1) both modal-rise;overflow-y:auto;box-shadow:0 24px 72px #0f172a3d,0 0 0 1px #0f172a0f}.modal-header{border-bottom:1px solid var(--c-border-faint);justify-content:space-between;align-items:center;padding:20px 24px 12px;display:flex}.modal-title{color:var(--c-text);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.modal-close{color:var(--c-text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;line-height:1;transition:background .12s,color .12s;display:flex}.modal-close:hover{color:#334155;background:#f1f5f9}.modal-body{padding:20px 24px 24px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:none}}.form-page{max-width:560px;padding:32px 40px}.form-page-header{flex-direction:column;gap:8px;margin-bottom:28px;display:flex}.form-page-header h1{color:var(--c-text);align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;display:flex}.back-button{color:var(--c-accent);cursor:pointer;letter-spacing:.01em;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.back-button:hover{color:var(--c-accent-dark);text-decoration:underline}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;padding-top:8px;display:flex}.form-meta{color:var(--c-text-muted);margin:0 0 4px;font-size:12px}.system-layout{grid-template-columns:minmax(360px,1fr) minmax(320px,420px);align-content:start;gap:16px;width:min(100%,1440px);margin:0 auto;display:grid}.system-layout>.table-panel,.system-layout>.form-panel{min-width:0;max-width:none}.system-layout-span{grid-column:1/-1}.form-panel form{gap:10px;margin-top:14px;display:grid}.table-panel{gap:14px;display:grid}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{border-bottom:1px solid var(--c-border-soft);text-align:left;vertical-align:middle;padding:10px 12px}.data-table th{color:var(--c-text-3);text-transform:uppercase;font-size:11px;font-weight:800}.data-table tr:hover td,.data-table tr.selected-row td{background:var(--c-surface-3)}.data-table input,.data-table select{min-width:130px;padding:8px 9px;font-size:12px}.data-table strong{color:var(--c-text-2);overflow-wrap:anywhere}.table-actions{flex-wrap:wrap;gap:7px;display:flex}.text-table-button{justify-content:flex-start;color:var(--c-accent)!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important;padding:0!important}.role-badge,.status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.role-badge.role-admin{color:#92400e;background:#fef3c7}.role-badge.role-user{background:var(--c-avatar-bg);color:#0369a1}.status-badge.status-active{color:#166534;background:#dcfce7}.status-badge.status-disabled{color:var(--c-text-muted);background:#f1f5f9}.status-badge.status-revoked{color:#b91c1c;background:#fef2f2}.row-revoked{opacity:.55}.signature-editor{resize:vertical;border:1px solid var(--c-border);background:var(--c-surface);width:100%;color:var(--c-text);border-radius:8px;padding:10px 12px;font-family:ui-monospace,SF Mono,monospace;font-size:13px}.signature-editor:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-focus);outline:none}.signature-toggle{color:var(--c-text-2);cursor:pointer;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;font-weight:500;display:flex}.signature-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--c-accent);cursor:pointer}.form-hint{color:var(--c-text-muted);margin:0 0 12px;font-size:13px}.danger-button{cursor:pointer;background:var(--c-surface);color:#dc2626;white-space:nowrap;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .12s,box-shadow .12s,transform .12s,opacity .12s;display:inline-flex}.danger-button:hover{background:#fef2f2;box-shadow:0 4px 12px #dc26261f}.danger-button:active{transition-duration:40ms;transform:scale(.97)}.danger-button:focus-visible{outline-offset:2px;outline:2px solid #dc2626}.danger-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.empty-panel-hint{color:var(--c-text-faint);margin-top:10px;font-size:13px}.credential-reveal{background:#f0fdf4;border:1px solid #86efac;border-radius:10px;gap:10px;margin-top:14px;padding:14px;display:grid}.reveal-title{color:#166534;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:700;display:flex}.reveal-field{align-items:center;gap:8px;font-size:12px;display:flex}.reveal-field span{width:64px;color:var(--c-text-3);flex-shrink:0}.reveal-field code{background:var(--c-surface);overflow-wrap:anywhere;color:var(--c-text);border:1px solid #d1fae5;border-radius:6px;flex:1;padding:4px 8px;font-family:monospace;font-size:12px}.reveal-field button{border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;color:var(--c-text-3);border-radius:6px;flex-shrink:0;padding:4px 7px}.reveal-field button:hover{color:#166534;border-color:#86efac}.reveal-note{color:#166534;margin:0;font-size:11px}.bubble-signature{border-top:1px dashed #00000017;margin-top:8px;padding-top:8px}.sig-toggle{color:var(--c-text-faint);cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:0;font-size:11px;display:inline-flex}.sig-toggle:hover{color:var(--c-text-muted)}.message-bubble.outbound .sig-toggle{color:#ffffff8c}.message-bubble.outbound .sig-toggle:hover{color:#ffffffd9}.sig-text{color:var(--c-text-muted);white-space:pre-wrap;background:0 0;border:none;margin:6px 0 0;font-family:inherit;font-size:12px;line-height:1.5}.message-bubble.outbound .sig-text{color:#ffffffbf}.theme-setting{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.theme-setting button{justify-content:flex-start}.theme-setting button.active{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent)}.settings-page{grid-template-columns:minmax(300px,380px) minmax(360px,760px);align-content:start;gap:16px;display:grid}.settings-form,.settings-card form,.admin-console form{gap:10px;margin-top:14px;display:grid}.inline-check{align-items:center;gap:10px;display:flex}.inline-check input{width:auto}.compact-list{gap:8px;margin-top:14px;font-size:12px;display:grid}.compact-list span{justify-content:space-between;align-items:center;gap:10px;display:flex}.compact-list input,.compact-list select{padding:7px 8px;font-size:12px}.compact-list strong,.compact-list em{color:var(--c-text-3);overflow-wrap:anywhere;font-style:normal}.smtp-list span,.admin-list span{border:1px solid var(--c-border-soft);background:var(--c-surface-3);border-radius:8px;grid-template-columns:minmax(140px,1fr) minmax(160px,1.3fr) auto auto auto;align-items:center;padding:8px;display:grid}.admin-list span{grid-template-columns:minmax(130px,1fr) minmax(180px,1.3fr) 92px 100px auto auto auto}.notice-text{color:#b54708}.toast{z-index:20;color:#815b11;max-width:min(560px,100vw - 36px);animation:toast-in var(--motion-slow) both;background:#fff8e8;border:1px solid #dca74a;border-radius:8px;gap:8px;padding:10px;font-size:12px;position:fixed;bottom:18px;right:18px;box-shadow:0 14px 44px #10182829}.toast button{background:0 0;border:1px solid #dca74a;border-radius:8px;margin-left:auto;padding:6px 8px}.error-text{color:#b42318;font-size:13px}.loading-screen{background:var(--c-bg);min-height:100vh;color:var(--c-text-3);align-content:center;place-items:center;gap:14px;display:grid}.loading-screen img{object-fit:contain;background:#0f172a;border-radius:18px;width:72px;height:72px;padding:10px;animation:1.4s ease-in-out infinite soft-pulse}.home-screen{grid-template-columns:1fr min(420px,40vw);align-items:start;display:grid}.home-hero{color:#fff;background:#060606;flex-direction:column;display:flex}.home-intro{flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,2.8vh,32px);min-height:100vh;padding:clamp(32px,5vw,56px) clamp(20px,4vw,52px);display:flex;overflow:hidden}.home-brand-mark{width:48px;height:48px}.home-brand-mark img{object-fit:contain;border-radius:12px;width:48px;height:48px}.home-headline{text-align:center;flex-direction:column;gap:14px;display:flex}.home-hero h1{letter-spacing:-.04em;color:#fff;margin:0;font-size:clamp(52px,7vw,96px);font-weight:700;line-height:1}.home-headline p{color:#ffffff61;letter-spacing:-.01em;margin:0;font-size:clamp(15px,1.6vw,18px);font-weight:400}.home-scroll-hint{color:#ffffff2e;margin-top:4px;font-size:20px;animation:2s ease-in-out infinite soft-pulse}.feature-moment{border-top:1px solid #ffffff12;flex-direction:column;align-items:center;gap:52px;padding:clamp(72px,11vh,120px) clamp(24px,5vw,64px);display:flex}.feature-moment-last{padding-bottom:clamp(80px,14vh,140px)}.feature-caption{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.feature-tag{letter-spacing:.1em;text-transform:uppercase;color:#e8842e;font-size:11px;font-weight:700}.feature-caption h2{letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(32px,4.4vw,62px);font-weight:700;line-height:1.06}.feature-caption p{color:#ffffff6b;max-width:400px;margin:0;font-size:clamp(13px,1.2vw,16px);line-height:1.6}.feature-screen{background:var(--c-surface);border-radius:16px;width:100%;max-width:580px;overflow:hidden;box-shadow:0 0 0 1px #ffffff12,0 40px 120px #000000b8}.fs-titlebar{background:#f0f0f0;border-bottom:1px solid #e4e4e4;align-items:center;gap:6px;height:32px;padding:0 14px;display:flex}.fs-titlebar span{background:#d1d5db;border-radius:50%;width:10px;height:10px}.fs-titlebar span:first-child{background:#fe5f56}.fs-titlebar span:nth-child(2){background:#febb2d}.fs-titlebar span:nth-child(3){background:#28c940}.fs-inbox-toolbar{background:var(--c-surface-2);border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;padding:10px 14px;display:flex}.fs-search{color:#bbb;background:#f0f0f0;border-radius:6px;flex:1;padding:5px 10px;font-size:12px}.fs-inbox-label{color:#374151;white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.fs-count{background:var(--c-accent);color:#fff;border-radius:99px;padding:1px 6px;font-size:10px;font-weight:700}.fs-thread-row{cursor:default;border-bottom:1px solid #f5f5f5;grid-template-columns:30px 1fr auto;align-items:start;gap:10px;padding:10px 14px;display:grid}.fs-thread-row.fs-unread{background:#fafffe}.fs-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:11px;font-weight:700;display:flex}.fs-av-read{color:#9ca3af;background:#e5e7eb}.fs-thread-body{min-width:0}.fs-row-top{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:2px;display:flex}.fs-row-top strong{color:#111;font-size:12px;font-weight:700}.fs-name-read{color:#6b7280;font-size:12px}.fs-time{color:#9ca3af;flex-shrink:0;font-size:10px}.fs-subject{color:#111;margin-bottom:2px;font-size:12px;font-weight:600}.fs-subject-read{color:#6b7280;margin-bottom:2px;font-size:12px}.fs-preview{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.fs-preview-read{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.fs-badge{background:var(--c-accent);color:#fff;border-radius:99px;align-self:center;padding:1px 6px;font-size:10px;font-weight:700}.fs-agent-wrap{flex-direction:column;gap:0;display:flex}.fs-agent-context-bar{background:var(--c-surface-2);border-bottom:1px solid #e9ecef;padding:12px 16px}.fs-agent-ctx-label{text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;margin-bottom:5px;font-size:10px;font-weight:700}.fs-agent-ctx-text{color:#374151;font-size:12px;line-height:1.5}.fs-agent-draft-area{border-bottom:1px solid #f0f0f0;padding:14px 16px}.fs-agent-draft-label{color:var(--c-accent);letter-spacing:.02em;margin-bottom:8px;font-size:11px;font-weight:700}.fs-agent-draft-body{color:#111;background:#f0fdf9;border:1px solid #ccfbf1;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.65}.fs-agent-tones{gap:6px;margin-top:10px;display:flex}.fs-tone{background:var(--c-surface);color:#6b7280;cursor:default;border:1px solid #d1d5db;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:600}.fs-tone.active{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}.fs-agent-footer{align-items:center;gap:10px;padding:12px 16px;display:flex}.fs-agent-insert{background:var(--c-accent);color:#fff;text-align:center;border-radius:8px;flex:1;padding:8px 14px;font-size:12px;font-weight:700}.fs-agent-regen{color:#9ca3af;font-size:12px}.fs-spam-wrap{flex-direction:column;gap:16px;padding:20px 16px 16px;display:flex}.fs-spam-shield{background:#f0fdf4;border:1px solid #d1fae5;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex}.fs-spam-icon{font-size:28px}.fs-spam-stat{flex-direction:column;display:flex}.fs-spam-stat strong{color:#065f46;letter-spacing:-.02em;font-size:22px;font-weight:800}.fs-spam-stat span{color:#6b7280;font-size:12px}.fs-spam-inbox-clean{border:1px solid #f0f0f0;border-radius:10px;flex-direction:column;gap:0;display:flex;overflow:hidden}.fs-spam-clean-label{text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;background:var(--c-surface-2);border-bottom:1px solid #f0f0f0;padding:8px 12px;font-size:10px;font-weight:700}.fs-spam-row{border-bottom:1px solid #f5f5f5;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:9px 12px;display:grid}.fs-spam-ok{background:var(--c-surface)}.fs-spam-blocked{background:var(--c-surface-2);opacity:.55}.fs-spam-divider{text-align:center;color:#d1d5db;background:var(--c-surface-2);padding:6px 0;font-size:10px}.fs-blurred{filter:blur(3px);pointer-events:none}.fs-spam-tag{letter-spacing:.06em;color:#dc2626;background:#fee2e2;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:800}.fs-av-spam{color:#dc2626;background:#fee2e2}.home-mockup{background:var(--c-surface);border-radius:18px;flex-shrink:0;grid-template-columns:170px 1fr 130px;width:100%;max-width:680px;display:grid;overflow:hidden;box-shadow:0 0 0 1px #ffffff12,0 48px 140px #000000b3}.mock-thread-list{border-right:1px solid var(--c-border-soft);background:var(--c-surface);overflow:hidden}.mock-list-header{text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-3);border-bottom:1px solid var(--c-border-soft);justify-content:space-between;align-items:center;padding:10px 12px;font-size:10px;font-weight:800;display:flex}.mock-badge{background:var(--c-accent);color:#fff;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.mock-thread-row{border-bottom:1px solid var(--c-border-faint);grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:9px 12px;display:grid}.mock-thread-row.mock-active{background:#f0faf9;border-left:3px solid #0f766e;padding-left:9px}.mock-av{background:var(--c-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex}.mock-av.mock-av-muted{color:var(--c-text-muted);background:#e2e8f0}.mock-thread-text{min-width:0}.mock-from{color:var(--c-text);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.mock-sub{color:var(--c-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.mock-time{color:var(--c-text-faint);white-space:nowrap;font-size:10px}.mock-pane-header{border-bottom:1px solid var(--c-border-soft);background:var(--c-surface);flex-direction:column;gap:1px;padding:8px 12px;display:flex}.mock-pane-header span:first-child{color:var(--c-text);font-size:11px;font-weight:700}.mock-pane-sub{color:var(--c-text-muted);font-size:10px}.mock-chat-pane{border-right:1px solid var(--c-border-soft);background:#f8fbfb;flex-direction:column;gap:7px;padding:10px;display:flex}.mock-b{border-radius:12px;max-width:90%;padding:7px 10px;font-size:10px;line-height:1.4}.mock-b.recv{background:var(--c-surface);color:var(--c-text-2);border:1px solid var(--c-border-soft);align-self:flex-start}.mock-b.sent{background:var(--c-accent);color:#fff;flex-direction:column;align-self:flex-end;gap:4px;display:flex}.mock-sig-collapsed{opacity:.65;cursor:pointer;margin-top:2px;font-size:9px;text-decoration:underline;display:block}.mock-reply-bar{border:1px solid var(--c-border);color:var(--c-text-faint);background:var(--c-surface);border-radius:8px;align-items:center;gap:6px;margin-top:auto;padding:5px 8px;font-size:10px;display:flex}.mock-reply-hint{color:#92400e;background:#fef3c7;border-radius:99px;padding:1px 6px;font-size:9px;font-weight:700}.mock-agent-panel{background:var(--c-surface-2);flex-direction:column;gap:0;font-size:10px;display:flex;overflow:hidden}.mock-agent-header{text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-3);border-bottom:1px solid var(--c-border-soft);background:var(--c-surface);padding:8px 10px;font-size:9px;font-weight:800}.mock-agent-section{border-bottom:1px solid var(--c-border-faint);padding:8px 10px}.mock-agent-label{text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-faint);margin-bottom:3px;font-size:9px;font-weight:700}.mock-agent-text{color:var(--c-text-2);font-size:10px;line-height:1.4}.mock-agent-draft{color:var(--c-accent);font-size:10px;font-style:italic;line-height:1.4}.mock-agent-action{background:var(--c-accent);color:#fff;text-align:center;border-radius:6px;margin:8px 10px;padding:5px 8px;font-size:9px;font-weight:700}.home-proofs,.home-proof,.proof-icon{display:none}.auth-stack{background:var(--c-surface-2);border-left:1px solid #0000000f;justify-content:center;align-items:center;height:100vh;padding:clamp(32px,5vw,64px);display:flex;position:sticky;top:0;overflow-y:auto}.auth-panel{width:100%;max-width:320px;animation:content-rise var(--motion-slow) both}.auth-panel-logo{justify-content:center;margin-bottom:32px;display:flex}.auth-panel-logo img{object-fit:contain;background:#0f172a;border-radius:14px;width:52px;height:52px;padding:8px}.auth-panel h2{color:var(--c-text);letter-spacing:-.02em;margin:0 0 4px;font-size:22px;font-weight:700}.auth-subtitle{color:var(--c-text-faint);margin:0 0 24px;font-size:14px}.auth-panel form{gap:10px;display:grid}.auth-panel.secondary button{background:var(--c-surface);border:1px solid #d8dee8;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.one-time-text{color:#815b11;overflow-wrap:anywhere;margin-top:12px}@media (width<=1180px){.chat-shell{grid-template-rows:minmax(0,1fr) minmax(220px,30vh);grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.agent-lane{border-left:0;border-top:1px solid var(--c-border);grid-area:2/1/auto/-1;grid-template-rows:1fr;grid-template-columns:180px repeat(4,minmax(180px,1fr));align-items:stretch;gap:10px;padding:10px;display:grid}.agent-lane header{border:1px solid var(--c-border-soft);border-radius:8px;align-content:start;padding:12px;display:grid;position:static}.agent-card{margin:0;overflow:auto}.system-layout{grid-template-columns:1fr}.system-layout-span{grid-column:auto}}@media (width<=760px){.chat-app-shell{grid-template-rows:1fr auto;grid-template-columns:1fr}.app-rail{border-right:0;border-top:1px solid var(--c-border);grid-row:2;grid-template-rows:auto;grid-template-columns:1fr;padding:8px}.rail-brand{display:none}.rail-nav{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:4px}.rail-logout{display:none}.rail-nav button span{font-size:10px}.chat-shell{grid-template-rows:minmax(220px,32vh) minmax(0,1fr) minmax(190px,24vh);grid-template-columns:1fr;height:calc(100vh - 70px)}.conversation-list-pane{border-right:0;border-bottom:1px solid var(--c-border)}.room-pane{min-height:0}.agent-lane{grid-area:3/1;grid-template-columns:repeat(4,minmax(180px,1fr));overflow-x:auto}.agent-lane header{display:none}.message-stream{padding:14px}.message-bubble{max-width:100%}.recipient-line,.composer-toolbar{flex-direction:column;align-items:stretch}.composer-toolbar div{width:100%}.composer-toolbar button{flex:1}.cc-grid,.room-details dl{width:calc(100vw - 32px);right:-8px}.settings-page{grid-template-columns:1fr}.system-page{padding:12px}.system-page-header{flex-direction:column;align-items:stretch}.data-table{min-width:720px}.theme-setting,.home-screen{grid-template-columns:1fr}.home-hero{min-height:auto;padding:36px 24px}.home-mockup{grid-template-columns:160px 1fr}.auth-stack{min-height:auto;padding:32px 24px}.smtp-list span,.admin-list span{grid-template-columns:1fr;align-items:stretch}.agent-card-actions,.composer-meta-toggle{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){:root:not([data-color-mode=light]):not([data-theme]) .composer-dock{box-shadow:0 14px 44px #00000073}:root:not([data-color-mode=light]):not([data-theme]) .icon-button:hover{box-shadow:none;transform:translateY(-1px)}:root:not([data-color-mode=light]):not([data-theme]) .bubble-content{border-color:var(--c-border)}:root:not([data-color-mode=light]):not([data-theme]) .modal-dialog{box-shadow:0 24px 72px #0009,0 0 0 1px #ffffff0f}:root:not([data-color-mode=light]):not([data-theme]) .primary-button:hover{box-shadow:0 10px 22px #14b8a647}:root:not([data-color-mode=light]):not([data-theme]) .secondary-button:hover,:root:not([data-color-mode=light]):not([data-theme]) .agent-card button:hover,:root:not([data-color-mode=light]):not([data-theme]) .form-panel button:hover,:root:not([data-color-mode=light]):not([data-theme]) .table-panel button:hover{box-shadow:none}:root:not([data-color-mode=light]):not([data-theme]) input,:root:not([data-color-mode=light]):not([data-theme]) textarea,:root:not([data-color-mode=light]):not([data-theme]) select{background:var(--c-surface-2);color:var(--c-text);border-color:var(--c-border)}:root:not([data-color-mode=light]):not([data-theme]) ::placeholder{color:var(--c-text-faint)}:root:not([data-color-mode=light]):not([data-theme]) .conversation-row:hover{box-shadow:none}:root:not([data-color-mode=light]):not([data-theme]) .agent-card:hover{border-color:var(--c-accent-border);box-shadow:0 8px 20px #0000004d}:root:not([data-color-mode=light]):not([data-theme]) h3{color:var(--c-text-2)}:root:not([data-color-mode=light]):not([data-theme]) .modal-overlay{background:#000000a6}:root:not([data-color-mode=light]):not([data-theme]) .room-details dl{box-shadow:0 14px 40px #00000080}:root:not([data-color-mode=light]):not([data-theme]) .cc-grid{box-shadow:0 14px 40px #0006}:root:not([data-color-mode=light]):not([data-theme]) .toggle-btn.on{color:#2dd4bf;background:#14b8a626;border-color:#14b8a64d}:root:not([data-color-mode=light]):not([data-theme]) .risk-badge,:root:not([data-color-mode=light]):not([data-theme]) .soft-badge{background:var(--c-surface-3)}:root:not([data-color-mode=light]):not([data-theme]) .risk-badge.clean{color:#4ade80;background:#06764733}:root:not([data-color-mode=light]):not([data-theme]) .risk-badge.suspicious{color:#fb923c;background:#b5470833}:root:not([data-color-mode=light]):not([data-theme]) .risk-badge.spam,:root:not([data-color-mode=light]):not([data-theme]) .risk-badge.quarantine{color:#f87171;background:#b4231833}:root:not([data-color-mode=light]):not([data-theme]) .icon-btn:hover{background:var(--c-surface-2);border-color:var(--c-border)}:root:not([data-color-mode=light]):not([data-theme]) .danger-button:hover{box-shadow:none;background:#dc262626}:root:not([data-color-mode=light]):not([data-theme]) .attachment-actions button:hover,:root:not([data-color-mode=light]):not([data-theme]) .credential-copy-btn:hover,:root:not([data-color-mode=light]):not([data-theme]) .delivery-receipts span{background:var(--c-surface-2)}:root:not([data-color-mode=light]):not([data-theme]) .view-chips button:hover,:root:not([data-color-mode=light]):not([data-theme]) .draft-room:hover{box-shadow:none}:root:not([data-color-mode=light]):not([data-theme]) .draft-room{border-color:#94a3b82e}:root:not([data-color-mode=light]):not([data-theme]) .auth-panel.secondary button{border-color:var(--c-border)}:root:not([data-color-mode=light]):not([data-theme]) .role-badge.role-admin{color:#fbbf24;background:#92400e33}:root:not([data-color-mode=light]):not([data-theme]) .role-badge.role-user{color:#7dd3fc}:root:not([data-color-mode=light]):not([data-theme]) .status-badge.status-active{color:#4ade80;background:#16653433}:root:not([data-color-mode=light]):not([data-theme]) .status-badge.status-revoked{color:#f87171;background:#b91c1c33}:root:not([data-color-mode=light]):not([data-theme]) .danger-button{border-color:#fca5a540}:root:not([data-color-mode=light]):not([data-theme]) .credential-reveal{background:#065f461f;border-color:#86efac26}:root:not([data-color-mode=light]):not([data-theme]) .reveal-title{color:#4ade80}:root:not([data-color-mode=light]):not([data-theme]) .reveal-field code{border-color:#86efac33}:root:not([data-color-mode=light]):not([data-theme]) .reveal-field button:hover{color:#4ade80;border-color:#86efac4d}:root:not([data-color-mode=light]):not([data-theme]) .reveal-note{color:#4ade80}:root:not([data-color-mode=light]):not([data-theme]) .credential-hint{color:#fbbf24;background:#92400e26;border-color:#fde68a33}:root:not([data-color-mode=light]):not([data-theme]) .toast{color:var(--c-text-2);background:#1c1406cc;border-color:#dca74a4d}:root:not([data-color-mode=light]):not([data-theme]) .toast button{border-color:#dca74a4d}:root:not([data-color-mode=light]):not([data-theme]) .notice-text{color:#fbbf24}}:root[data-color-mode=dark]:not([data-theme]) .composer-dock{box-shadow:0 14px 44px #00000073}:root[data-color-mode=dark]:not([data-theme]) .icon-button:hover{box-shadow:none;transform:translateY(-1px)}:root[data-color-mode=dark]:not([data-theme]) .bubble-content{border-color:var(--c-border)}:root[data-color-mode=dark]:not([data-theme]) .modal-dialog{box-shadow:0 24px 72px #0009,0 0 0 1px #ffffff0f}:root[data-color-mode=dark]:not([data-theme]) .primary-button:hover{box-shadow:0 10px 22px #14b8a647}:root[data-color-mode=dark]:not([data-theme]) .secondary-button:hover,:root[data-color-mode=dark]:not([data-theme]) .agent-card button:hover,:root[data-color-mode=dark]:not([data-theme]) .form-panel button:hover,:root[data-color-mode=dark]:not([data-theme]) .table-panel button:hover{box-shadow:none}:root[data-color-mode=dark]:not([data-theme]) input,:root[data-color-mode=dark]:not([data-theme]) textarea,:root[data-color-mode=dark]:not([data-theme]) select{background:var(--c-surface-2);color:var(--c-text);border-color:var(--c-border)}:root[data-color-mode=dark]:not([data-theme]) ::placeholder{color:var(--c-text-faint)}:root[data-color-mode=dark]:not([data-theme]) .conversation-row:hover{box-shadow:none}:root[data-color-mode=dark]:not([data-theme]) .agent-card:hover{border-color:var(--c-accent-border);box-shadow:0 8px 20px #0000004d}:root[data-color-mode=dark]:not([data-theme]) h3{color:var(--c-text-2)}:root[data-color-mode=dark]:not([data-theme]) .modal-overlay{background:#000000a6}:root[data-color-mode=dark]:not([data-theme]) .room-details dl{box-shadow:0 14px 40px #00000080}:root[data-color-mode=dark]:not([data-theme]) .cc-grid{box-shadow:0 14px 40px #0006}:root[data-color-mode=dark]:not([data-theme]) .toggle-btn.on{color:#2dd4bf;background:#14b8a626;border-color:#14b8a64d}:root[data-color-mode=dark]:not([data-theme]) .risk-badge,:root[data-color-mode=dark]:not([data-theme]) .soft-badge{background:var(--c-surface-3)}:root[data-color-mode=dark]:not([data-theme]) .risk-badge.clean{color:#4ade80;background:#06764733}:root[data-color-mode=dark]:not([data-theme]) .risk-badge.suspicious{color:#fb923c;background:#b5470833}:root[data-color-mode=dark]:not([data-theme]) .risk-badge.spam,:root[data-color-mode=dark]:not([data-theme]) .risk-badge.quarantine{color:#f87171;background:#b4231833}:root[data-color-mode=dark]:not([data-theme]) .icon-btn:hover{background:var(--c-surface-2);border-color:var(--c-border)}:root[data-color-mode=dark]:not([data-theme]) .danger-button:hover{box-shadow:none;background:#dc262626}:root[data-color-mode=dark]:not([data-theme]) .attachment-actions button:hover,:root[data-color-mode=dark]:not([data-theme]) .credential-copy-btn:hover,:root[data-color-mode=dark]:not([data-theme]) .delivery-receipts span{background:var(--c-surface-2)}:root[data-color-mode=dark]:not([data-theme]) .view-chips button:hover,:root[data-color-mode=dark]:not([data-theme]) .draft-room:hover{box-shadow:none}:root[data-color-mode=dark]:not([data-theme]) .draft-room{border-color:#94a3b82e}:root[data-color-mode=dark]:not([data-theme]) .auth-panel.secondary button{border-color:var(--c-border)}:root[data-color-mode=dark]:not([data-theme]) .role-badge.role-admin{color:#fbbf24;background:#92400e33}:root[data-color-mode=dark]:not([data-theme]) .role-badge.role-user{color:#7dd3fc}:root[data-color-mode=dark]:not([data-theme]) .status-badge.status-active{color:#4ade80;background:#16653433}:root[data-color-mode=dark]:not([data-theme]) .status-badge.status-revoked{color:#f87171;background:#b91c1c33}:root[data-color-mode=dark]:not([data-theme]) .danger-button{border-color:#fca5a540}:root[data-color-mode=dark]:not([data-theme]) .credential-reveal{background:#065f461f;border-color:#86efac26}:root[data-color-mode=dark]:not([data-theme]) .reveal-title{color:#4ade80}:root[data-color-mode=dark]:not([data-theme]) .reveal-field code{border-color:#86efac33}:root[data-color-mode=dark]:not([data-theme]) .reveal-field button:hover{color:#4ade80;border-color:#86efac4d}:root[data-color-mode=dark]:not([data-theme]) .reveal-note{color:#4ade80}:root[data-color-mode=dark]:not([data-theme]) .credential-hint{color:#fbbf24;background:#92400e26;border-color:#fde68a33}:root[data-color-mode=dark]:not([data-theme]) .toast{color:var(--c-text-2);background:#1c1406cc;border-color:#dca74a4d}:root[data-color-mode=dark]:not([data-theme]) .toast button{border-color:#dca74a4d}:root[data-color-mode=dark]:not([data-theme]) .notice-text{color:#fbbf24}@keyframes surface-in{0%{opacity:0}to{opacity:1}}@keyframes content-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes list-row-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes composer-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes soft-pulse{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes send-pulse{0%,to{transform:translate(0)}50%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.theme-switcher{z-index:50;color:#fff;-webkit-backdrop-filter:blur(10px);background:#141821d1;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;font-weight:700;display:inline-flex;position:fixed;top:16px;right:16px;box-shadow:0 12px 30px #00000040}.theme-switcher-label{opacity:.65;letter-spacing:0;text-transform:uppercase;padding:0 6px;font-size:10px}.theme-switcher button{color:#ffffffc7;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.theme-switcher button:hover{color:#fff;background:#ffffff14}.theme-switcher button.active{background:var(--c-surface);color:#111}.theme-dot{background:var(--c-accent);border-radius:999px;width:10px;height:10px;box-shadow:inset 0 0 0 1px #ffffff6b}.theme-dot.linear{background:#7c5cff}.theme-dot.classic{background:#2563eb}:root[data-theme=linear]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#0b0d10;--bg-1:#0f1217;--bg-2:#14181f;--bg-3:#1a1f27;--line:#1f2530;--text-1:#e6e8ec;--text-2:#9aa3b2;--text-3:#6a7385;--accent:#7c5cff;--accent-soft:#7c5cff24;--accent-line:#7c5cff5c;background:var(--bg-0);color:var(--text-1);font-family:Inter Tight,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}:root[data-theme=linear] body{background:var(--bg-0)}:root[data-theme=linear] h1{letter-spacing:0;color:var(--text-1);font-size:16px}:root[data-theme=linear] h2{letter-spacing:0;color:var(--text-1);font-size:14px}:root[data-theme=linear] h3{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:700}:root[data-theme=linear] p{color:var(--text-2);font-size:13px}:root[data-theme=linear] .chat-app-shell{background:var(--bg-0);grid-template-columns:56px minmax(0,1fr)}:root[data-theme=linear] .app-rail{background:var(--bg-0);border-right:1px solid var(--line);padding:10px 6px}:root[data-theme=linear] .rail-brand span{background:var(--accent);border-radius:10px}:root[data-theme=linear] .rail-brand img{border-radius:10px}:root[data-theme=linear] .rail-nav button,:root[data-theme=linear] .rail-logout{color:var(--text-3);border:0;border-radius:8px;padding:8px 4px}:root[data-theme=linear] .rail-nav button:hover,:root[data-theme=linear] .rail-logout:hover{background:var(--bg-2);color:var(--text-1);box-shadow:none;border-color:#0000;transform:none}:root[data-theme=linear] .rail-nav button.active{background:var(--accent-soft);color:var(--accent);border-color:#0000}:root[data-theme=linear] .rail-nav button span,:root[data-theme=linear] .rail-logout span{opacity:.7;font-size:10px}:root[data-theme=linear] .rail-color-mode{border-color:var(--line)}:root[data-theme=linear] .rail-color-mode button{color:var(--text-3)}:root[data-theme=linear] .rail-color-mode button:hover{background:var(--bg-2);color:var(--text-1)}:root[data-theme=linear] .rail-color-mode button.active{background:var(--accent-soft);color:var(--accent);border-color:#0000}:root[data-theme=linear] .chat-shell{background:var(--bg-0);grid-template-columns:320px minmax(440px,1fr) 48px}:root[data-theme=linear] .chat-shell:focus-within{transition:grid-template-columns var(--motion-medium);grid-template-columns:320px minmax(440px,1fr) 360px}:root[data-theme=linear] .chat-shell.agent-hidden,:root[data-theme=linear] .chat-shell.agent-hidden:focus-within{grid-template-columns:320px 1fr}:root[data-theme=linear] .conversation-list-pane,:root[data-theme=linear] .room-pane,:root[data-theme=linear] .agent-lane{background:var(--bg-1)}:root[data-theme=linear] .conversation-list-pane{border-right:1px solid var(--line)}:root[data-theme=linear] .agent-lane{border-left:1px solid var(--line)}:root[data-theme=linear] .conversation-list-header,:root[data-theme=linear] .room-header,:root[data-theme=linear] .agent-lane header{background:var(--bg-1);border-bottom:1px solid var(--line);padding:14px 16px}:root[data-theme=linear] .icon-button{border:1px solid var(--line);color:var(--text-2);background:0 0;border-radius:6px;width:30px;height:30px}:root[data-theme=linear] .icon-button:hover{background:var(--bg-3);color:var(--text-1);border-color:var(--line);box-shadow:none;transform:none}:root[data-theme=linear] .conversation-search{background:var(--bg-2);border:1px solid #0000;border-radius:8px;margin:10px 12px;padding:0 10px}:root[data-theme=linear] .conversation-search:focus-within{border-color:var(--accent-line)}:root[data-theme=linear] input,:root[data-theme=linear] textarea,:root[data-theme=linear] select{background:var(--bg-2);border:1px solid var(--line);color:var(--text-1);border-radius:6px}:root[data-theme=linear] input:focus,:root[data-theme=linear] textarea:focus,:root[data-theme=linear] select:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}:root[data-theme=linear] .conversation-search input{color:var(--text-1);background:0 0;border:0}:root[data-theme=linear] ::placeholder{color:var(--text-3)}:root[data-theme=linear] .view-chips{padding:0 12px 10px}:root[data-theme=linear] .view-chips button{border:1px solid var(--line);color:var(--text-2);background:0 0;border-radius:6px;padding:5px 9px;font-size:11px}:root[data-theme=linear] .view-chips button:hover{background:var(--bg-3);box-shadow:none;transform:none}:root[data-theme=linear] .view-chips button.active{background:var(--accent-soft);color:var(--accent);border-color:#0000}:root[data-theme=linear] .draft-room{border:1px dashed var(--line);color:var(--text-2);background:0 0;border-radius:6px;margin:0 12px 10px;padding:9px 10px}:root[data-theme=linear] .draft-room.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line);border-style:solid}:root[data-theme=linear] .draft-room:hover{background:var(--bg-2);box-shadow:none;transform:none}:root[data-theme=linear] .conversation-list{border-top:1px solid var(--line)}:root[data-theme=linear] .conversation-row{background:0 0;border-bottom:0;grid-template-columns:minmax(0,1fr);gap:2px;padding:9px 14px;position:relative}:root[data-theme=linear] .conversation-row .avatar{display:none}:root[data-theme=linear] .conversation-row:hover{background:var(--bg-2);transform:none}:root[data-theme=linear] .conversation-row.active{background:var(--bg-2);box-shadow:inset 2px 0 0 var(--accent)}:root[data-theme=linear] .row-top{color:var(--text-1);font-size:13px}:root[data-theme=linear] .row-top time{color:var(--text-3);font-size:11px}:root[data-theme=linear] .row-subject{color:var(--text-1);font-size:13px;font-weight:600}:root[data-theme=linear] .row-preview{color:var(--text-3);font-size:12px}:root[data-theme=linear] .row-badges{display:none}:root[data-theme=linear] .risk-badge.suspicious,:root[data-theme=linear] .risk-badge.spam,:root[data-theme=linear] .risk-badge.quarantine{color:#ff8a6b;background:0 0;padding:0;font-size:10px}:root[data-theme=linear] .room-pane{background:var(--bg-1)}:root[data-theme=linear] .room-header h2{font-weight:600}:root[data-theme=linear] .participant-strip{color:var(--text-3);font-size:11px}:root[data-theme=linear] .participant-strip .avatar{display:none}:root[data-theme=linear] .message-stream{gap:6px;padding:18px 28px 12px}:root[data-theme=linear] .message-bubble{max-width:min(720px,100%);padding:4px 0;display:block}:root[data-theme=linear] .message-bubble .small-avatar{display:none}:root[data-theme=linear] .bubble-content{color:var(--text-1);background:0 0;border:0;padding:0;font-size:14px;line-height:1.55}:root[data-theme=linear] .bubble-head{color:var(--text-3);gap:8px;margin-bottom:4px;font-size:11px}:root[data-theme=linear] .bubble-head time{color:var(--text-3)}:root[data-theme=linear] .bubble-body{color:var(--text-1)}:root[data-theme=linear] .message-bubble.outbound{align-self:flex-end}:root[data-theme=linear] .message-bubble.outbound .bubble-content{color:var(--accent);background:0 0;border:0}:root[data-theme=linear] .message-bubble.outbound .bubble-head{justify-content:flex-end}:root[data-theme=linear] .delivery-receipts span{border:1px solid var(--line);color:var(--text-3);background:0 0}:root[data-theme=linear] .attachment-row span,:root[data-theme=linear] .bubble-actions button{background:var(--bg-2);border-color:var(--line);color:var(--text-2)}:root[data-theme=linear] .bubble-actions button:hover{color:var(--accent);border-color:var(--accent-line)}:root[data-theme=linear] .composer-dock{background:var(--bg-2);border:1px solid var(--line);box-shadow:none;border-radius:10px;margin:0 22px 18px;padding:10px 12px}:root[data-theme=linear] .composer-dock:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}:root[data-theme=linear] .composer-meta-toggle{border:1px solid var(--line);color:var(--text-3);background:0 0;border-radius:6px}:root[data-theme=linear] .composer-meta-toggle strong{color:var(--text-1)}:root[data-theme=linear] .composer-toolbar{color:var(--text-3)}:root[data-theme=linear] .primary-button{background:var(--accent);border-radius:6px}:root[data-theme=linear] .primary-button:hover{background:#6a4dea;box-shadow:0 8px 20px #7c5cff59}:root[data-theme=linear] .secondary-button,:root[data-theme=linear] .settings-card button,:root[data-theme=linear] .admin-console button,:root[data-theme=linear] .agent-card button,:root[data-theme=linear] .form-panel button,:root[data-theme=linear] .table-panel button{border:1px solid var(--line);color:var(--text-2);background:0 0;border-radius:6px}:root[data-theme=linear] .secondary-button:hover{color:var(--accent);border-color:var(--accent-line)}:root[data-theme=linear] .text-button{color:var(--accent)}:root[data-theme=linear] .agent-lane{padding:0}:root[data-theme=linear] .agent-lane header{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 8px}:root[data-theme=linear] .agent-lane header h2,:root[data-theme=linear] .agent-lane header span{writing-mode:vertical-rl;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin:4px 0;font-size:10px;transform:rotate(180deg)}:root[data-theme=linear] .agent-lane header h2 svg,:root[data-theme=linear] .agent-card{display:none}:root[data-theme=linear] .agent-lane:hover,:root[data-theme=linear] .agent-lane:focus-within{width:360px}:root[data-theme=linear] .agent-lane:hover .agent-card,:root[data-theme=linear] .agent-lane:focus-within .agent-card{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;margin:0 12px;padding:12px;display:grid}:root[data-theme=linear] .agent-lane:hover header h2,:root[data-theme=linear] .agent-lane:focus-within header h2,:root[data-theme=linear] .agent-lane:hover header span,:root[data-theme=linear] .agent-lane:focus-within header span{writing-mode:horizontal-tb;transform:none}:root[data-theme=linear] .agent-lane:hover header,:root[data-theme=linear] .agent-lane:focus-within header{flex-direction:row;align-items:center;padding:14px 16px}:root[data-theme=linear] .agent-lane:hover header h2 svg,:root[data-theme=linear] .agent-lane:focus-within header h2 svg{display:inline}:root[data-theme=linear] .agent-card pre{color:var(--text-1)}:root[data-theme=linear] .system-page{background:var(--bg-0)}:root[data-theme=linear] .system-page-inner,:root[data-theme=linear] .admin-console,:root[data-theme=linear] .settings-card,:root[data-theme=linear] .form-panel,:root[data-theme=linear] .table-panel{background:var(--bg-1);border-color:var(--line)}:root[data-theme=linear] .smtp-list span,:root[data-theme=linear] .admin-list span{background:var(--bg-2);border-color:var(--line)}:root[data-theme=linear] .data-table th,:root[data-theme=linear] .data-table td{border-color:var(--line);color:var(--text-2)}:root[data-theme=linear] .data-table tr:hover td,:root[data-theme=linear] .data-table tr.selected-row td,:root[data-theme=linear] .theme-setting button.active{background:var(--accent-soft);color:var(--accent)}:root[data-theme=linear] .toast{background:var(--bg-3);border-color:var(--accent-line);color:var(--text-1)}:root[data-theme=linear] .home-screen{background:var(--bg-0)}:root[data-theme=linear] .home-hero{color:var(--text-1);background:linear-gradient(135deg,#1a1230 0%,#0b0d10 60%)}:root[data-theme=linear] .auth-panel{background:var(--bg-1);border-color:var(--line);color:var(--text-1)}:root[data-theme=linear] .conversation-row,:root[data-theme=linear] .message-bubble{opacity:1;animation:none}:root[data-theme=linear] .agent-card{animation:none}:root[data-theme=classic]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-0:#f8fafc;--surface:#fff;--surface-soft:#f1f5f9;--line:#e2e8f0;--shadow-1:0 1px 3px #0000000f, 0 4px 12px #0000000f;--shadow-2:0 8px 30px #00000024;--text-1:#0f172a;--text-2:#475569;--text-3:#94a3b8;--accent:#2563eb;--accent-soft:#eff6ff;--accent-text:#1d4ed8;--inbound:#f8fafc;--outbound:#2563eb;--outbound-text:#fff;background:var(--bg-0);color:var(--text-1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,ui-sans-serif,system-ui,sans-serif}:root[data-theme=classic] .chat-app-shell{grid-template-columns:190px minmax(0,1fr)}:root[data-theme=classic] .app-rail{background:var(--c-surface);border-right:1px solid var(--line);padding:14px 10px}:root[data-theme=classic] .rail-brand{justify-content:flex-start;gap:10px;padding-left:6px}:root[data-theme=classic] .rail-brand img{border-radius:6px;width:30px;height:30px}:root[data-theme=classic] .rail-nav button,:root[data-theme=classic] .rail-logout{color:var(--text-2);border-color:#0000;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;display:flex}:root[data-theme=classic] .rail-nav button span,:root[data-theme=classic] .rail-logout span{font-size:13px}:root[data-theme=classic] .rail-nav button:hover,:root[data-theme=classic] .rail-logout:hover{background:var(--surface-soft);color:var(--text-1);box-shadow:none;border-color:#0000;transform:none}:root[data-theme=classic] .rail-nav button.active{color:var(--accent);background:var(--accent-soft);border-color:#0000}:root[data-theme=classic] .rail-nav button:first-child svg{color:#2563eb}:root[data-theme=classic] .rail-nav button:nth-child(2) svg{color:#7c3aed}:root[data-theme=classic] .rail-nav button:nth-child(3) svg{color:#059669}:root[data-theme=classic] .rail-nav button:nth-child(4) svg{color:#d97706}:root[data-theme=classic] .rail-nav button.active svg{color:var(--accent)}:root[data-theme=classic] .bubble-content{background:var(--c-surface);border:1px solid var(--line);border-radius:8px;padding:14px 16px}:root[data-theme=classic] .message-bubble{max-width:100%}:root[data-theme=classic] .message-bubble.outbound{align-self:auto}:root[data-theme=classic] .message-bubble.outbound .bubble-content{background:var(--accent-soft);color:var(--text-1);border-color:#bfdbfe}:root[data-theme=classic] .bubble-body{font-size:14px;line-height:1.6}:root[data-theme=classic] .bubble-head{color:var(--text-3);gap:8px;margin-bottom:4px;font-size:12px}:root[data-theme=classic] input,:root[data-theme=classic] textarea,:root[data-theme=classic] select{background:var(--c-surface);border:1px solid var(--line);border-radius:6px}:root[data-theme=classic] input:focus,:root[data-theme=classic] textarea:focus,:root[data-theme=classic] select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}:root[data-theme=classic] .primary-button{background:var(--accent)}:root[data-theme=classic] .primary-button:hover{background:var(--accent-text)}:root[data-theme=classic] .conversation-row.active{background:var(--accent-soft);box-shadow:none}:root[data-theme=classic] .conversation-row:hover{background:var(--surface-soft)}:root[data-theme=classic] .theme-setting button.active{background:var(--accent-soft);color:var(--accent)}:root[data-theme=classic] .toast{border-radius:8px}:root[data-theme=classic] .home-hero{background:linear-gradient(135deg,#1e40af 0%,#2563eb 100%);border-radius:20px}:root[data-theme=classic] .auth-panel{border-radius:12px}@media (width<=1180px){:root[data-theme=classic] .chat-app-shell{grid-template-columns:190px minmax(0,1fr)}:root[data-theme=classic] .chat-shell{grid-template-rows:minmax(0,1fr) minmax(220px,30vh);grid-template-columns:minmax(280px,340px) minmax(0,1fr)}:root[data-theme=classic] .agent-lane{grid-area:2/1/auto/-1;grid-template-rows:1fr;grid-template-columns:180px repeat(4,minmax(180px,1fr));align-items:stretch;gap:10px;padding:10px;display:grid}:root[data-theme=classic] .agent-lane header{border-radius:8px;align-content:start;display:grid;position:static}:root[data-theme=classic] .agent-card{margin:0;overflow:auto}}@media (width<=760px){:root[data-theme=classic] .chat-app-shell{grid-template-rows:1fr auto;grid-template-columns:1fr}:root[data-theme=classic] .app-rail{border-right:0;border-top:1px solid var(--line);grid-row:2;grid-template-rows:auto;grid-template-columns:1fr}:root[data-theme=classic] .chat-shell{grid-template-rows:minmax(220px,32vh) minmax(0,1fr) minmax(190px,24vh);grid-template-columns:1fr;height:calc(100vh - 70px)}:root[data-theme=classic] .agent-lane{grid-area:3/1;grid-template-columns:repeat(4,minmax(180px,1fr));overflow-x:auto}:root[data-theme=classic] .agent-lane header{display:none}}.load-more-button{border:1px dashed var(--line);width:calc(100% - 24px);color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;margin:6px 12px 12px;padding:8px 12px;font-size:12px;transition:background .15s;display:block}.load-more-button:hover:not(:disabled){background:var(--hover);color:var(--text)}.load-more-button:disabled{opacity:.5;cursor:default}.provider-card{border-bottom:1px solid var(--line);padding:14px 20px}.provider-card:last-of-type{border-bottom:none}.provider-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.provider-card-header>div:first-child{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.provider-url{color:var(--text-2);font-family:monospace;font-size:12px}.provider-models{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.model-chip{background:var(--accent-soft);color:var(--text);border-radius:20px;align-items:center;gap:5px;padding:2px 8px 2px 10px;font-size:12px;display:inline-flex}.model-chip code{color:var(--text-2);background:0 0;padding:0;font-size:11px}.model-chip button{cursor:pointer;color:var(--text-2);background:0 0;border:none;align-items:center;padding:0;line-height:1;display:inline-flex}.model-chip button:hover{color:var(--accent)}.ai-agent-section{padding:16px 20px 0}.ai-agent-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);margin-bottom:10px;font-size:11px;font-weight:700}.ai-agent-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding-bottom:16px;display:grid}.ai-agent-card{border:1px solid var(--line);background:var(--bg,#fff);transition:border-color var(--motion-fast);border-radius:8px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.ai-agent-card:hover{border-color:var(--c-accent-border)}.ai-agent-card.is-default{border-color:var(--c-accent);background:#f0fdf9}.ai-agent-card-name{font-size:14px;font-weight:600}.ai-agent-card-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.ai-agent-card-trigger{color:var(--text-2);background:var(--accent-soft);border-radius:4px;padding:3px 8px;font-size:11px}.routing-scene-table{border-collapse:collapse;width:100%}.routing-scene-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);border-bottom:2px solid var(--line);padding:6px 12px;font-size:11px;font-weight:700}.routing-scene-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 12px}.routing-scene-table tr:last-child td{border-bottom:none}.routing-scene-label{white-space:nowrap;font-size:13px;font-weight:500}.routing-scene-sub{color:var(--text-2);margin-top:2px;font-size:11px;font-weight:400;display:block}.contacts-search-row{background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text-faint);border-radius:6px;align-items:center;gap:6px;padding:4px 9px;display:flex}.contacts-search-input{color:var(--c-text-2);background:0 0;border:none;outline:none;width:180px;font-size:13px}.contacts-cat-filter{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-2);border-radius:6px;padding:4px 7px;font-size:12px}.login-screen{grid-template-columns:1fr min(460px,46vw);min-height:100vh;display:grid}.login-left{color:#fff;background:#060606;justify-content:center;align-items:center;min-height:100vh;padding:clamp(48px,6vw,88px) clamp(32px,5vw,72px);display:flex}.login-left-inner{flex-direction:column;gap:clamp(28px,4vh,48px);width:100%;max-width:520px;display:flex}.login-brand{align-items:center;gap:14px;display:flex}.login-brand img{object-fit:contain;background:#ffffff0f;border-radius:11px;width:44px;height:44px;padding:4px}.login-brand-name{color:#fff;letter-spacing:-.02em;font-size:18px;font-weight:700}.login-brand-by{color:#ffffff52;letter-spacing:.04em;margin-top:1px;font-size:11px}.login-headline h1{letter-spacing:-.03em;color:#fff;margin:0 0 12px;font-size:clamp(30px,3.6vw,48px);font-weight:700;line-height:1.08}.login-headline p{color:#fff6;max-width:400px;margin:0;font-size:clamp(13px,1.15vw,15px);line-height:1.65}.login-features{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.login-features li{align-items:center;gap:14px;display:flex}.lf-icon{background:#ffffff0f;border:1px solid #ffffff12;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex}.login-features li div{flex-direction:column;gap:1px;display:flex}.login-features li strong{color:#e2e8f0;font-size:13px;font-weight:600}.login-features li span{color:#ffffff52;font-size:11.5px}.login-left-footer{color:#fff3;border-top:1px solid #ffffff12;flex-wrap:wrap;align-items:center;gap:8px;padding-top:18px;font-size:11.5px;display:flex}.login-left-footer a{color:#ffffff5c;transition:color var(--motion-fast);text-decoration:none}.login-left-footer a:hover{color:#ffffffb3}.lf-sep{opacity:.25}.login-right{background:var(--c-surface-2);border-left:1px solid #0000000f;justify-content:center;align-items:center;min-height:100vh;padding:clamp(40px,5vw,72px) clamp(28px,4vw,56px);display:flex}.login-panel{width:100%;max-width:320px;animation:content-rise var(--motion-slow) both}.login-panel-logo{justify-content:center;margin-bottom:28px;display:flex}.login-panel-logo img{object-fit:contain;background:#0f172a;border-radius:14px;width:52px;height:52px;padding:8px}.login-panel h2{color:var(--c-text);letter-spacing:-.02em;margin:0 0 4px;font-size:22px;font-weight:700}.login-panel form{gap:10px;display:grid}.login-panel-footer{color:var(--c-text-faint);border-top:1px solid #e9eef5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:28px;padding-top:20px;font-size:11.5px;display:flex}.login-panel-footer strong{color:var(--c-text-muted)}.login-panel-footer a{color:var(--c-accent);font-size:12px;font-weight:500;text-decoration:none}.login-panel-footer a:hover{text-decoration:underline}@media (width<=700px){.login-screen{grid-template-columns:1fr}.login-left{min-height:auto;padding:40px 24px}.login-right{min-height:auto;padding:36px 24px}}.outreach-shell{background:var(--c-bg);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.outreach-header{border-bottom:1px solid var(--c-border);background:var(--c-surface);flex-shrink:0;align-items:center;gap:16px;padding:12px 20px;display:flex}.outreach-title{align-items:center;gap:8px;display:flex}.outreach-title h2{margin:0;font-size:16px;font-weight:700}.reach-link-button{color:var(--c-accent);border:1px solid var(--c-accent);border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;line-height:1.4;text-decoration:none;transition:background .12s;display:inline-flex}.reach-link-button:hover{background:var(--c-accent-soft)}.outreach-tabs{gap:4px;display:flex}.outreach-tabs button{cursor:pointer;color:var(--c-text-3);background:0 0;border:none;border-radius:20px;padding:5px 14px;font-size:13px;font-weight:500;transition:background .12s,color .12s}.outreach-tabs button.active{background:var(--c-accent-soft);color:var(--c-accent)}.outreach-tabs button:hover:not(.active){background:var(--c-surface-2)}.outreach-body{flex:1;min-height:0;padding:20px;overflow-y:auto}.outreach-section{max-width:960px;margin:0 auto}.outreach-toolbar{align-items:center;gap:10px;margin-bottom:16px;display:flex}.outreach-search{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;flex:1;align-items:center;gap:6px;max-width:320px;padding:5px 10px;display:flex}.outreach-search input{color:var(--c-text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.platform-chips{gap:4px;display:flex}.platform-chips button{border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;color:var(--c-text-3);text-transform:capitalize;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.platform-chips button.active{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.outreach-table-wrap{overflow-x:auto}.outreach-table{border-collapse:collapse;width:100%;font-size:13px}.outreach-table th{text-align:left;border-bottom:1px solid var(--c-border);text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-3);white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:700}.outreach-table td{border-bottom:1px solid var(--c-border-faint);vertical-align:middle;padding:9px 10px}.outreach-table tr:hover td{background:var(--c-surface-2)}.outreach-table tr:last-child td{border-bottom:0}.outreach-flash{background:var(--c-accent-soft);color:var(--c-accent);border:1px solid var(--c-accent-border);cursor:pointer;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.outreach-flash.created-token{color:#92400e;background:#fffbeb;border-color:#fde68a}.enrich-log{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;max-height:140px;margin-bottom:14px;padding:10px 14px;font-family:monospace;font-size:12px;overflow-y:auto}.enrich-log p{margin:2px 0}.outreach-modal-backdrop{z-index:1000;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.outreach-modal{background:var(--c-surface);border-radius:12px;flex-direction:column;gap:12px;width:90%;min-width:380px;max-width:520px;padding:24px;display:flex;box-shadow:0 20px 60px #00000038}.outreach-modal h3{margin:0 0 4px;font-size:16px}.outreach-modal label,.outreach-editor label{color:var(--c-text-2);flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.outreach-modal input,.outreach-modal select,.outreach-editor input,.outreach-editor select,.outreach-editor textarea,.settings-section input,.settings-section select{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:7px;outline:none;padding:7px 10px;font-family:inherit;font-size:13px}.outreach-modal input:focus,.outreach-modal select:focus,.outreach-editor input:focus,.outreach-editor select:focus,.outreach-editor textarea:focus,.settings-section input:focus,.settings-section select:focus{border-color:var(--c-accent);box-shadow:0 0 0 2px var(--c-focus)}.outreach-editor{background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;flex-direction:column;gap:12px;margin-bottom:16px;padding:18px;display:flex}.outreach-editor h4{margin:0 0 4px;font-size:14px}.outreach-editor textarea{box-sizing:border-box;resize:vertical;width:100%}.var-chip{background:var(--c-accent-soft);color:var(--c-accent);cursor:pointer;border-radius:4px;margin:2px 3px;padding:1px 6px;font-family:monospace;font-size:11px;font-weight:600;display:inline-block}.var-chip:hover{background:var(--c-accent);color:#fff}.settings-section{background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;padding:16px}.settings-section h4{margin:0 0 10px;font-size:14px}.account-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;margin-bottom:16px;padding:20px}.account-card:last-child{margin-bottom:0}.account-card-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.account-card-header h4{flex:1;margin:0;font-size:15px}.account-status-row{align-items:center;gap:8px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.dot-green{background:#22c55e}.dot-gray{background:var(--c-muted)}.account-sessions-badge{background:var(--c-accent-soft);color:var(--c-accent);border-radius:12px;padding:2px 8px;font-size:12px;font-weight:500}.inline-link{font-size:inherit;color:var(--c-accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline}.inline-link:hover{opacity:.75}.insights-body{flex-direction:column;gap:20px;display:flex}.insights-stats{flex-wrap:wrap;gap:12px;display:flex}.stat-card{background:var(--c-surface);border:1px solid var(--c-border);text-align:center;border-radius:10px;flex-direction:column;gap:4px;min-width:100px;padding:16px 24px;display:flex}.stat-card strong{color:var(--c-accent);font-size:28px;font-weight:800}.stat-card span{color:var(--c-text-3);font-size:12px}.insights-sentiment{background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;padding:16px}.insights-sentiment h4{margin:0 0 12px;font-size:13px;font-weight:700}.sentiment-bar-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.sentiment-label{text-transform:capitalize;width:120px;color:var(--c-text-2);flex-shrink:0;font-size:12px}.sentiment-bar-track{background:var(--c-border);border-radius:4px;flex:1;height:8px;overflow:hidden}.sentiment-bar-fill{border-radius:4px;height:100%;transition:width .4s}.sentiment-count{color:var(--c-text-3);flex-shrink:0;min-width:60px;font-size:12px}.insights-signals,.insights-recommendations{background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;padding:16px}.insights-signals h4,.insights-recommendations h4{margin:0 0 10px;font-size:13px;font-weight:700}.insights-signals ul,.insights-recommendations ul{margin:0;padding:0 0 0 18px}.insights-signals li,.insights-recommendations li{color:var(--c-text-2);margin-bottom:4px;font-size:13px}