:root {
  color-scheme: dark;
  --bg: #0e1621;
  --surface: #17212b;
  --surface-2: #202b36;
  --surface-3: #253442;
  --line: rgba(255,255,255,.075);
  --text: #f2f5f7;
  --muted: #8ea2b3;
  --faint: #607487;
  --accent: #3390ec;
  --accent-hover: #48a2f8;
  --accent-soft: rgba(51,144,236,.15);
  --green: #4fae4e;
  --danger: #ff6675;
  --incoming: #182533;
  --outgoing: #2b5278;
  --shadow: 0 18px 56px rgba(0,0,0,.28);
  --radius: 14px;
  --font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[data-theme="day"] {
  color-scheme: light;
  --bg: #dfe7ee; --surface: #fff; --surface-2: #f4f7f9; --surface-3: #e9eff4;
  --line: rgba(26,44,61,.1); --text: #152533; --muted: #6a7c8d; --faint: #91a0ae;
  --incoming: #fff; --outgoing: #d9fdd3; --shadow: 0 18px 56px rgba(21,37,51,.16);
}
html[data-theme="tinted"] {
  color-scheme: dark;
  --bg: #161225; --surface: #211a34; --surface-2: #2a2141; --surface-3: #342950;
  --line: rgba(220,210,255,.1); --text: #f7f2ff; --muted: #b0a5c4; --faint: #776b8f;
  --accent: #9b7bf3; --accent-hover: #ad91ff; --accent-soft: rgba(155,123,243,.17);
  --incoming: #2a2141; --outgoing: #594485;
}
html[data-theme="midnight"] {
  color-scheme: dark;
  --bg: #05080d; --surface: #0b1119; --surface-2: #101923; --surface-3: #152231;
  --line: rgba(120,184,255,.09); --text: #edf6ff; --muted: #7e96ac; --faint: #44576a;
  --accent: #57a8ff; --accent-hover: #71b6ff; --accent-soft: rgba(87,168,255,.13);
  --incoming: #101923; --outgoing: #173c5f;
}

.tone-red { --tone-color:#ef4444; }
.tone-orange { --tone-color:#f97316; }
.tone-yellow { --tone-color:#eab308; }
.tone-green { --tone-color:#22c55e; }
.tone-blue { --tone-color:#3b82f6; }
.tone-purple { --tone-color:#a855f7; }

* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
body { background: var(--bg); color: var(--text); font-family: var(--font); font-size: 14px; }
button, input, select, textarea { color: inherit; font: inherit; }
button { cursor: pointer; }
.hidden { display: none !important; }
.desktop-hide, .tablet-show { display: none !important; }

.login-screen { min-height: 100%; display: grid; grid-template-columns: 1.1fr .9fr; background: var(--surface); }
.login-art { position: relative; display: grid; place-items: center; overflow: hidden; background:
  radial-gradient(circle at 20% 30%, rgba(51,144,236,.32), transparent 32%),
  radial-gradient(circle at 78% 75%, rgba(139,92,246,.27), transparent 34%), #0c1723; }
.login-art::before { content:""; position:absolute; inset:0; opacity:.25; background-image: radial-gradient(#fff 1px,transparent 1px); background-size:28px 28px; }
.login-mark { position:relative; width:128px; height:128px; border-radius:38px; display:grid; place-items:center; font-size:64px; font-weight:800; color:white; background:linear-gradient(145deg,#59afff,#2378cf); box-shadow:0 30px 90px rgba(51,144,236,.42); transform:rotate(-5deg); }
.signal { position:absolute; border:1px solid rgba(117,185,255,.26); border-radius:50%; }
.signal-one { width:360px;height:360px; }.signal-two { width:580px;height:580px; }
.login-card { width:min(440px,calc(100vw - 48px)); place-self:center; }
.login-card .field + .field { margin-top:0; }
.register-card .field { margin:14px 0; }
.register-card h1 { margin-top:30px; }
.register-card > p { font-size:14px; }
.login-register { position:absolute;right:30px;bottom:24px;border:0;background:transparent;color:var(--accent);font-weight:650; }
.brand-lockup { display:flex; align-items:center; gap:10px; font-size:19px; font-weight:760; letter-spacing:-.02em; }
.brand-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; color:white; background:linear-gradient(145deg,#54adff,#2580d7); box-shadow:0 7px 20px rgba(51,144,236,.28); }
.login-card h1 { margin:48px 0 14px; font-size:clamp(32px,4vw,52px); line-height:1.04; letter-spacing:-.045em; }
.login-card > p { color:var(--muted); font-size:16px; line-height:1.6; }
.field { display:grid; gap:8px; margin:30px 0 16px; color:var(--muted); font-size:12px; font-weight:650; }
.field input,.field select,.field textarea,.form-grid input,.form-grid select,.form-grid textarea { width:100%; border:1px solid var(--line); border-radius:11px; padding:12px 13px; outline:none; background:var(--surface-2); color:var(--text); transition:.15s; }
.field input:focus,.field select:focus,.field textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
.button { border:1px solid var(--line); border-radius:10px; padding:10px 15px; background:var(--surface-3); font-weight:650; }
.button:hover { filter:brightness(1.08); }.button.primary { border-color:transparent; background:var(--accent); color:white; }.button.danger { color:var(--danger); }.button.wide { width:100%; padding:13px; }
.form-error { min-height:20px; color:var(--danger) !important; font-size:13px !important; }

.app-shell { height:100%; display:grid; grid-template-columns:250px 350px minmax(390px,1fr); background:var(--bg); }
.app-shell.copilot-open { grid-template-columns:250px 330px minmax(430px,1fr) 390px; }
.nav-sidebar,.chat-column,.main-panel { min-width:0; height:100%; }
.nav-sidebar { display:flex; flex-direction:column; padding:0 10px; background:var(--surface); border-right:1px solid var(--line); overflow-y:auto; scrollbar-width:thin; }
.brand-row { height:66px; display:flex; align-items:center; justify-content:space-between; padding:0 10px; flex:0 0 auto; }
.automation-card { width:100%; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; border:1px solid var(--line); border-radius:13px; padding:12px; text-align:left; background:linear-gradient(135deg,var(--surface-2),var(--surface-3)); }
.automation-card small,.nav-footer span { display:block; color:var(--muted); margin-top:3px; font-size:11px; }
.automation-orb { width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(142,162,179,.16); }.automation-orb span { width:9px;height:9px;border-radius:50%;background:var(--muted); }
.automation-card.running .automation-orb { background:rgba(79,174,78,.17); }.automation-card.running .automation-orb span { background:#67d466; box-shadow:0 0 12px #67d466; }
.switch { width:34px;height:20px;padding:3px;border-radius:99px;background:var(--faint);transition:.2s; }.switch i { display:block;width:14px;height:14px;border-radius:50%;background:white;transition:.2s; }
.automation-card.running .switch { background:var(--green); }.automation-card.running .switch i { transform:translateX(14px); }
.primary-nav { margin-top:13px; }
.nav-item { width:100%; height:41px; display:grid; grid-template-columns:28px 1fr auto; align-items:center; border:0; border-radius:9px; padding:0 10px; background:transparent; color:var(--muted); text-align:left; }
.nav-item:hover { background:var(--surface-2); color:var(--text); }.nav-item.active { background:var(--accent-soft); color:var(--accent); }
.nav-item em { min-width:22px; padding:2px 6px; border-radius:99px; background:var(--surface-3); color:var(--muted); text-align:center; font-size:10px; font-style:normal; }.nav-item.active em { background:var(--accent); color:#fff; }
.nav-icon { text-align:center; font-size:16px; }.section-heading { display:flex;align-items:center;justify-content:space-between;padding:17px 10px 6px;color:var(--faint);font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:750; }
.section-heading button { border:0;background:transparent;color:var(--muted);font-size:18px;padding:0 4px; }.mini-nav button { width:100%;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;padding:8px 10px;background:transparent;color:var(--muted);text-align:left; }.mini-nav button:hover,.mini-nav button.active { background:var(--surface-2);color:var(--text); }.folder-dot { width:9px;height:9px;border-radius:3px; }.folder-icon { width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;background:var(--surface-3);color:currentColor;font-style:normal;font-size:13px;line-height:1; }.folder-icon.large { width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:22px; }.folder-icon.label-folder-icon { width:14px;height:14px;border-radius:4px;background:transparent;font-size:10px; }.folder-icon.check-folder-icon { width:19px;height:19px;font-size:11px; }.folder-icon.settings-folder-icon { width:34px;height:34px;font-size:18px; }.mini-nav em { margin-left:auto;font-size:10px;font-style:normal;color:var(--faint); }
.tag-cloud { display:flex; flex-wrap:wrap; gap:6px; padding:4px 9px; }.tag-chip-wrap { display:flex;align-items:center;border:1px solid var(--line);border-radius:99px;background:var(--surface-2);overflow:hidden; }.tag-chip { display:flex;align-items:center;gap:5px;border:0;background:transparent;border-radius:99px 0 0 99px;padding:5px 5px 5px 8px;color:var(--muted);font-size:11px; }.tag-chip i { width:6px;height:6px;border-radius:50%; }.tag-chip-delete { width:22px;align-self:stretch;border:0;background:transparent;color:var(--faint);font-size:14px; }.tag-chip-delete:hover { background:rgba(255,102,117,.12);color:var(--danger); }
.nav-empty { display:block;padding:5px 10px;color:var(--faint);font-size:10px;line-height:1.4; }
.utility-nav { margin-top:auto;padding-top:16px;border-top:1px solid var(--line); }.nav-footer { display:flex;align-items:center;justify-content:space-between;padding:12px 10px 15px; }.nav-footer button { border:0;background:none;color:var(--muted);font-size:11px; }

.chat-column { position:relative; display:flex; flex-direction:column; background:var(--surface); border-right:1px solid var(--line); }
.list-header,.chat-header { height:66px; flex:0 0 auto; display:flex;align-items:center;gap:11px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--surface); }
.list-header > div { flex:1; }.list-header h2,.chat-header b { margin:0; font-size:16px; }.list-header small { color:var(--muted);font-size:11px; }
.icon-button { width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:20px;line-height:1; }.icon-button:hover { color:var(--text);background:var(--surface-2); }
.search-box { height:38px;flex:0 0 auto;display:flex;align-items:center;gap:8px;margin:9px 10px;border-radius:9px;padding:0 11px;background:var(--surface-2);color:var(--muted); }.search-box input { min-width:0;flex:1;border:0;outline:0;background:transparent; }.search-box kbd { border:1px solid var(--line);border-radius:4px;padding:1px 4px;color:var(--faint);font:10px var(--font); }
.chat-list { flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin; }.chat-row { width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;border:0;padding:9px 11px;background:transparent;text-align:left;transition:background .15s,box-shadow .15s; }.chat-row:hover { background:var(--surface-2); }.chat-row.active { background:var(--accent-soft); }.chat-row.tinted { background:color-mix(in srgb,var(--tone-color) 13%,transparent);box-shadow:inset 3px 0 var(--tone-color); }.chat-row.tinted:hover { background:color-mix(in srgb,var(--tone-color) 20%,var(--surface)); }.chat-row.tinted.active { background:color-mix(in srgb,var(--tone-color) 27%,var(--surface)); }.avatar { position:relative;width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border:0;border-radius:50%;background:linear-gradient(145deg,#55adff,#2781d8);color:white;font-size:16px;font-weight:750;text-transform:uppercase; }.avatar.ai-on::after { content:"✦";position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;display:grid;place-items:center;border:2px solid var(--surface);border-radius:50%;background:#8b5cf6;font-size:10px; }
.chat-row-main { min-width:0; }.chat-row-top,.chat-row-bottom { display:flex;align-items:center;gap:7px;min-width:0; }.chat-row-top b { flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px; }.chat-row time { color:var(--faint);font-size:10px; }.chat-row-bottom { margin-top:6px;color:var(--muted); }.chat-row-bottom p { flex:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px; }.unread-badge { min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:99px;background:var(--accent);color:#fff;font-size:10px; }.pin { font-size:11px;color:var(--muted); }.direction-check { color:var(--accent); }
.list-empty { display:grid;place-items:center;text-align:center;padding:70px 25px;color:var(--muted); }.list-empty span { font-size:34px;opacity:.6; }.list-empty p { line-height:1.5; }

.main-panel { position:relative; background:var(--bg); }.empty-chat { height:100%;display:grid;place-content:center;justify-items:center;text-align:center;padding:30px; }.empty-chat h2 { margin:23px 0 7px;font-size:22px; }.empty-chat > p { margin:0;color:var(--muted); }.empty-orbit { width:110px;height:110px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);box-shadow:0 0 0 22px rgba(51,144,236,.035),0 0 0 44px rgba(51,144,236,.02); }.empty-orbit span { font-size:40px;color:var(--accent); }.limit-note { max-width:480px;display:grid;gap:5px;margin-top:56px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);font-size:12px;line-height:1.45; }.limit-note b { color:var(--text); }
.chat-view { height:100%;display:flex;flex-direction:column; }.chat-header { z-index:3;box-shadow:0 1px 5px rgba(0,0,0,.08); }.chat-header .avatar { width:42px;height:42px;font-size:14px; }.chat-identity { flex:1;min-width:0;border:0;background:transparent;text-align:left; }.chat-identity b,.chat-identity small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.chat-identity small { margin-top:3px;color:var(--muted);font-size:11px; }.chat-head-actions { display:flex;align-items:center;gap:3px; }.ai-pill { display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;background:var(--accent-soft);color:var(--accent); }.ai-pill select { max-width:92px;border:0;outline:0;background:transparent;color:inherit;font-size:11px;font-weight:700; }
.copilot-head-button { height:34px;display:flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:99px;padding:0 11px;background:var(--surface-2);color:var(--muted);font-size:11px; }.copilot-head-button span { color:var(--accent); }.copilot-head-button.configured { border-color:color-mix(in srgb,var(--accent) 30%,var(--line)); }.copilot-head-button.active { background:var(--accent-soft);color:var(--accent); }.copilot-head-button b { font-size:11px; }
.message-search { position:absolute;z-index:4;top:66px;left:0;right:0;height:48px;display:flex;gap:8px;padding:7px 12px;background:var(--surface);box-shadow:var(--shadow); }.message-search input { flex:1;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:var(--surface-2);outline:0; }.message-search button { border:0;background:transparent;color:var(--muted);font-size:20px; }
.messages { flex:1;min-height:0;overflow-y:auto;padding:20px max(18px,calc((100% - 780px)/2));scrollbar-width:thin;background-color:var(--bg); }
.wallpaper-telegram-doodles { background-image:linear-gradient(rgba(8,20,31,.76),rgba(8,20,31,.76)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%238ba2b5' stroke-opacity='.13' stroke-width='1.4'%3E%3Cpath d='M15 18l10 6-7 9M76 11c8 3 10 11 5 17M96 58l11 4-8 9M26 80c9-5 16 0 16 8M62 61l7-8 7 8-7 8zM13 110l8-9 8 9M92 101c4-8 12-8 16-1'/%3E%3C/g%3E%3C/svg%3E"); }
html[data-theme="day"] .wallpaper-telegram-doodles { background-image:linear-gradient(rgba(223,231,238,.86),rgba(223,231,238,.86)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='none' stroke='%236b8193' stroke-opacity='.16'%3E%3Cpath d='M15 18l10 6-7 9M76 11c8 3 10 11 5 17M96 58l11 4-8 9M26 80c9-5 16 0 16 8M62 61l7-8 7 8-7 8z'/%3E%3C/g%3E%3C/svg%3E"); }
.wallpaper-aurora { background:radial-gradient(circle at 15% 15%,rgba(51,144,236,.28),transparent 38%),radial-gradient(circle at 85% 80%,rgba(139,92,246,.25),transparent 36%),var(--bg); }.wallpaper-waves { background:repeating-radial-gradient(ellipse at 0 0,transparent 0 32px,rgba(51,144,236,.07) 33px 34px),var(--bg); }.wallpaper-paper { background-color:var(--bg);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px; }.wallpaper-plain { background:var(--bg); }
.day-divider { width:max-content;margin:13px auto;padding:5px 10px;border-radius:99px;background:rgba(12,24,34,.68);backdrop-filter:blur(8px);color:#c7d3dd;font-size:10px;font-weight:700;box-shadow:0 1px 2px #0002; }
.message-line { position:relative;display:flex;margin:3px 0; }.message-line.outbound_human,.message-line.outbound_ai { justify-content:flex-end; }.message-bubble { position:relative;max-width:min(74%,620px);min-width:88px;padding:8px 10px 6px;border-radius:14px 14px 14px 4px;background:var(--incoming);box-shadow:0 1px 2px rgba(0,0,0,.18); }.outbound_human .message-bubble,.outbound_ai .message-bubble { border-radius:14px 14px 4px 14px;background:var(--outgoing); }.outbound_ai .message-bubble { outline:1px solid rgba(164,128,255,.3); }.message-bubble.deleted { opacity:.55;font-style:italic; }.reply-snippet { display:grid;grid-template-columns:3px 1fr;gap:7px;margin-bottom:6px;padding:3px 5px;border-radius:5px;background:rgba(0,0,0,.08); }.reply-snippet i { border-radius:99px;background:var(--accent); }.reply-snippet span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px; }.message-text { white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.42; }.message-meta { float:right;margin:5px 0 -2px 12px;color:rgba(210,224,234,.66);font-size:9px;white-space:nowrap; }.attachment-card { min-width:220px;display:flex;align-items:center;gap:10px;margin-bottom:7px;padding:9px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.08);color:inherit;text-decoration:none; }.attachment-icon { width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:white;font-size:18px; }.attachment-card div { min-width:0; }.attachment-card b,.attachment-card small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.attachment-card small { margin-top:3px;color:var(--muted);font-size:10px; }
.message-actions { position:absolute;z-index:2;top:50%;right:calc(100% + 6px);display:none;align-items:center;border:1px solid var(--line);border-radius:99px;padding:2px;background:var(--surface);box-shadow:0 5px 20px #0003;transform:translateY(-50%); }.inbound .message-actions { right:auto;left:calc(100% + 6px); }.message-line:hover .message-actions { display:flex; }.message-actions button { width:27px;height:27px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:12px; }.message-actions button:hover { background:var(--surface-2);color:var(--text); }
.photo-preview,.video-preview { display:block;max-width:min(420px,100%);max-height:430px;margin-bottom:6px;border-radius:10px;object-fit:cover;background:#0003; }.audio-preview { display:block;max-width:100%;height:38px;margin:2px 0 7px; }
.draft-rack { max-height:210px;overflow:auto;padding:9px 14px;border-top:1px solid var(--line);background:var(--surface); }.draft-card { display:grid;grid-template-columns:1fr auto;gap:9px;padding:10px 12px;border:1px solid rgba(139,92,246,.3);border-radius:11px;background:rgba(139,92,246,.08); }.draft-card textarea { min-height:55px;resize:vertical;border:0;outline:0;background:transparent; }.draft-actions { display:flex;gap:5px;align-items:flex-end; }.draft-actions button { border:0;border-radius:7px;padding:7px;background:var(--surface-3);font-size:11px; }.draft-actions .approve { background:var(--accent);color:white; }
.reply-bar,.attachment-bar { flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:7px 14px;border-top:1px solid var(--line);background:var(--surface); }.reply-bar > div,.attachment-bar > div { flex:1;min-width:0; }.reply-bar b,.reply-bar small,.attachment-bar b,.attachment-bar small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.reply-bar b { color:var(--accent);font-size:11px; }.reply-bar small,.attachment-bar small { color:var(--muted);font-size:11px;margin-top:2px; }.reply-accent { width:3px;height:33px;border-radius:99px;background:var(--accent); }.reply-bar button,.attachment-bar button { border:0;background:transparent;color:var(--muted);font-size:19px; }
.composer { position:relative;z-index:20;min-height:62px;display:flex;align-items:flex-end;gap:5px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);overflow:visible; }.composer textarea { flex:1;max-height:140px;resize:none;border:0;outline:0;padding:9px 7px;background:transparent;line-height:1.4; }.send-button { width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border:0;border-radius:50%;background:var(--accent);color:white;font-size:17px;box-shadow:0 5px 18px rgba(51,144,236,.25); }.send-button:disabled { opacity:.45; }.emoji-wrap { position:relative;z-index:21; }.emoji-picker { position:absolute;z-index:50;right:0;bottom:calc(100% + 8px);width:260px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:9px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow); }.emoji-picker button { border:0;border-radius:6px;padding:5px;background:transparent;font-size:19px; }.emoji-picker button:hover { background:var(--surface-2); }

.details-drawer { position:absolute;z-index:12;right:0;top:0;width:330px;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--line);box-shadow:-15px 0 45px rgba(0,0,0,.18); }.details-drawer > header { height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line); }.details-drawer h2 { margin:2px 0 0;font-size:17px; }.details-drawer header small { color:var(--muted); }.details-content { padding:16px;overflow-y:auto; }.profile-card { display:grid;justify-items:center;text-align:center;padding:8px 0 21px; }.profile-card .avatar { width:72px;height:72px;font-size:23px; }.profile-card h3 { margin:12px 0 3px;font-size:18px; }.profile-card p { margin:0;color:var(--muted);font-size:12px; }.detail-section { padding:15px 0;border-top:1px solid var(--line); }.detail-section h4 { margin:0 0 11px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em; }.detail-row { display:flex;align-items:center;gap:9px;margin:8px 0; }.detail-row label { flex:1;color:var(--muted);font-size:12px; }.detail-row select,.detail-section textarea { min-width:0;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--surface-2);outline:0; }.detail-section textarea { width:100%;min-height:74px;resize:vertical; }.check-grid { display:grid;grid-template-columns:1fr 1fr;gap:7px; }.check-chip { display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:7px;color:var(--muted);font-size:11px; }.color-input { width:36px;height:30px;border:0;padding:0;background:transparent; }.detail-buttons { display:grid;grid-template-columns:1fr 1fr;gap:7px; }.detail-buttons .button { padding:8px;font-size:11px; }
.detail-help { margin:8px 0 11px;color:var(--muted);font-size:10px;line-height:1.5; }.copilot-open-button { width:100%; }
.copilot-drawer { position:relative;z-index:30;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border-left:1px solid var(--line);box-shadow:-9px 0 30px rgba(0,0,0,.12); }.copilot-header { height:66px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line); }.copilot-header h2 { margin:2px 0 0;font-size:16px; }.copilot-header small { color:var(--accent);font-size:10px; }.copilot-content { min-height:0;overflow-y:auto;padding:14px;scrollbar-gutter:stable; }.copilot-loading,.copilot-onboarding,.copilot-empty-state { min-height:300px;display:grid;place-content:center;justify-items:center;gap:9px;text-align:center;padding:24px; }.copilot-loading > span,.copilot-orbit { width:58px;height:58px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:25px;box-shadow:0 0 0 12px color-mix(in srgb,var(--accent) 5%,transparent); }.copilot-loading b,.copilot-onboarding h3,.copilot-empty-state b { margin-top:10px; }.copilot-loading small,.copilot-onboarding p,.copilot-onboarding > small,.copilot-empty-state p { max-width:310px;margin:0;color:var(--muted);font-size:11px;line-height:1.55; }.copilot-onboarding label { width:100%;display:grid;gap:6px;margin:12px 0;text-align:left;color:var(--muted);font-size:11px; }.copilot-onboarding select,.copilot-toolbar select { min-width:0;border:1px solid var(--line);border-radius:8px;padding:9px;background:var(--surface-2);color:var(--text); }
.copilot-toolbar { display:grid;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line); }.copilot-brain-mark { display:flex;align-items:center;gap:10px;min-width:0; }.copilot-brain-mark > span { width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:18px; }.copilot-brain-mark div { min-width:0; }.copilot-brain-mark b,.copilot-brain-mark small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.copilot-brain-mark small { margin-top:3px;color:var(--muted);font-size:10px; }.copilot-status-row { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 0; }.copilot-status { padding:5px 8px;border-radius:99px;font-size:9px;font-weight:750; }.copilot-status.current { background:rgba(34,197,94,.12);color:#55cf7a; }.copilot-status.stale { background:rgba(245,158,11,.13);color:#f2b64d; }
.copilot-overview,.copilot-section,.copilot-qa { margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2); }.copilot-overview { padding:13px; }.copilot-overview > header,.copilot-qa > header { display:flex;align-items:start;justify-content:space-between;gap:9px; }.copilot-overview h3,.copilot-qa h3 { margin:2px 0 0;font-size:14px; }.copilot-overview small,.copilot-overview time,.copilot-qa header small { color:var(--muted);font-size:9px; }.copilot-summary { margin:13px 0;white-space:pre-wrap;line-height:1.55; }.copilot-metrics { display:grid;grid-template-columns:1fr 1fr;gap:7px; }.copilot-metrics span { padding:8px;border-radius:8px;background:var(--surface-3); }.copilot-metrics small,.copilot-metrics b { display:block; }.copilot-metrics b { margin-top:3px;text-transform:capitalize;font-size:11px; }.copilot-metrics .priority-high b,.copilot-metrics .priority-urgent b { color:#fb7185; }.copilot-metrics .priority-low b { color:#55cf7a; }
.copilot-section { padding:12px; }.copilot-section h3 { margin:0 0 8px;font-size:11px; }.copilot-section ul { display:grid;gap:7px;margin:0;padding-left:18px;color:var(--muted);font-size:11px;line-height:1.45; }.copilot-empty-line { margin:0;color:var(--faint);font-size:10px;line-height:1.5; }.copilot-qa { overflow:hidden; }.copilot-qa > header { padding:12px;border-bottom:1px solid var(--line); }.copilot-qa > header > span { min-width:22px;height:22px;display:grid;place-items:center;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-size:9px; }.copilot-thread { max-height:340px;display:grid;gap:8px;overflow-y:auto;padding:10px; }.copilot-thread article { display:grid;gap:7px;padding:10px;border-radius:9px;background:var(--surface); }.copilot-question { margin:0;color:var(--accent);font-size:11px;font-weight:700; }.copilot-answer { white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.5; }.copilot-thread time { color:var(--faint);font-size:8px;text-align:right; }.copilot-qa form { display:grid;gap:8px;padding:10px;border-top:1px solid var(--line); }.copilot-qa textarea { width:100%;min-height:76px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:9px;background:var(--surface);color:var(--text);outline:0; }.copilot-qa form > div { display:flex;align-items:center;justify-content:space-between;gap:8px; }.copilot-qa form small { color:var(--faint);font-size:9px; }.copilot-clear { width:100%;border:0;background:transparent;padding:8px;color:var(--faint);font-size:9px; }.copilot-clear:hover { color:var(--danger); }

.workspace-page { height:100%;overflow-y:auto;background:var(--surface-2); }.page-header { position:sticky;z-index:3;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:66px;padding:10px 24px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px); }.page-header > div { flex:1;min-width:0; }.page-header > .button { flex:0 0 auto; }.page-header h1 { margin:0;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.page-header p { margin:3px 0 0;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.page-body { max-width:980px;margin:auto;padding:24px; }.stat-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:18px; }.stat-card,.panel,.brain-card,.saved-card,.draft-page-card { border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 4px 16px rgba(0,0,0,.05); }.stat-card { padding:15px; }.stat-card b { display:block;font-size:25px;letter-spacing:-.04em; }.stat-card small { color:var(--muted); }.panel { padding:18px;margin-bottom:14px; }.panel-heading { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px; }.panel-heading h3 { margin:0;font-size:15px; }.panel-heading p { margin:4px 0 0;color:var(--muted);font-size:11px; }.brain-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px; }.brain-card { padding:15px;text-align:left; }.brain-head { display:flex;align-items:center;gap:10px; }.brain-icon { width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--brain);color:white;font-size:19px; }.brain-head div:nth-child(2) { flex:1;min-width:0; }.brain-head b,.brain-head small { display:block; }.brain-head small,.brain-description { color:var(--muted);font-size:11px; }.default-badge { padding:3px 7px;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:750; }.brain-description { min-height:33px;line-height:1.5;margin:13px 0; }.brain-meta { display:flex;gap:6px;flex-wrap:wrap; }.brain-meta span,.status-badge { padding:4px 7px;border-radius:6px;background:var(--surface-2);color:var(--muted);font-size:10px; }.saved-list,.draft-page-list { display:grid;gap:9px; }.saved-card,.draft-page-card { display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px; }.saved-card p,.draft-page-card p { margin:6px 0;white-space:pre-wrap;line-height:1.45; }.saved-card small,.draft-page-card small { color:var(--muted); }.card-actions { display:flex;gap:5px;align-items:start; }.card-actions button { border:1px solid var(--line);border-radius:7px;padding:7px 9px;background:var(--surface-2);color:var(--muted);font-size:11px; }
.form-grid { display:grid;grid-template-columns:1fr 1fr;gap:13px; }.form-grid label { display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:650; }.form-grid .span-2 { grid-column:1/-1; }.form-grid textarea { min-height:130px;resize:vertical; }.toggle-line { display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line); }.toggle-line span { display:grid;gap:3px; }.toggle-line small { color:var(--muted); }.native-toggle { appearance:none;width:40px;height:23px;border-radius:99px;background:var(--faint);padding:3px;transition:.2s; }.native-toggle::before { content:"";display:block;width:17px;height:17px;border-radius:50%;background:white;transition:.2s; }.native-toggle:checked { background:var(--green); }.native-toggle:checked::before { transform:translateX(17px); }
.source-list { display:grid;gap:7px;margin-top:10px; }.source-row { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:9px; }.source-row > span:first-child { width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--surface-3); }.source-row b,.source-row small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.source-row small { color:var(--muted);font-size:10px; }.status-ready { color:#6dd56b; }.status-failed { color:var(--danger); }.status-processing { color:#f6bd5c; }
.boundary-card { display:flex;gap:12px;padding:14px;border:1px solid rgba(246,189,92,.25);border-radius:11px;background:rgba(246,189,92,.07);color:var(--muted);font-size:12px;line-height:1.5; }.boundary-card b { display:block;color:var(--text);margin-bottom:3px; }
.learning-badge { color:#67d9b0!important;background:rgba(34,197,148,.1)!important; }.proposal-badge { color:#f6bd5c!important;background:rgba(246,189,92,.12)!important; }.learning-boundary { border-color:color-mix(in srgb,#22c594 30%,var(--line));background:color-mix(in srgb,#22c594 7%,var(--surface)); }.adaptive-settings { display:grid;grid-template-columns:1fr 1fr;gap:12px; }.adaptive-settings > .toggle-line,.adaptive-settings > .span-2 { grid-column:1/-1; }.adaptive-settings .auto-promote-toggle { margin-top:2px;padding:12px;border:1px solid rgba(246,189,92,.25);border-radius:10px;background:rgba(246,189,92,.05); }.learning-summary { grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:4px; }.learning-summary span { min-width:0;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);text-align:center; }.learning-summary b,.learning-summary small { display:block; }.learning-summary b { color:var(--accent);font-size:18px; }.learning-summary small { margin-top:2px;color:var(--muted);font-size:9px; }.learning-summary.large { margin-bottom:12px; }.learning-actions { grid-column:1/-1;justify-content:flex-end; }.learning-dashboard { display:grid;gap:13px; }.learning-section { padding-top:5px;border-top:1px solid var(--line); }.learning-rule-list,.experience-list,.learning-run-list { display:grid;gap:8px; }.learning-rule { padding:12px;border:1px solid var(--line);border-left:4px solid var(--faint);border-radius:10px;background:var(--surface-2); }.learning-rule.status-active { border-left-color:#22c594; }.learning-rule.status-proposed { border-left-color:#f6bd5c; }.learning-rule.status-rejected { opacity:.72;border-left-color:var(--danger); }.learning-rule header,.experience-row header { display:flex;align-items:start;justify-content:space-between;gap:8px; }.learning-rule h3 { margin:3px 0 0;font-size:13px; }.learning-rule header small,.learning-rule header > span { color:var(--muted);font-size:9px; }.learning-rule .rule-text { margin:10px 0;white-space:pre-wrap;line-height:1.5;font-size:11px; }.learning-rule details { margin:8px 0;color:var(--muted);font-size:10px;line-height:1.5; }.learning-rule summary { cursor:pointer;color:var(--accent); }.learning-rule .card-actions { justify-content:flex-end; }.learning-rule .approve { border-color:rgba(34,197,148,.35);color:#67d9b0; }.experience-list { max-height:430px;overflow-y:auto; }.experience-row { padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2); }.experience-row header b { text-transform:capitalize;color:var(--accent);font-size:10px; }.experience-row header time,.experience-row header span { color:var(--faint);font-size:8px; }.experience-row p { margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:10px;line-height:1.45; }.experience-row p small { display:block;margin-bottom:2px;color:var(--text);font-weight:700; }.learning-run { display:grid;grid-template-columns:auto 1fr;align-items:start;gap:9px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2); }.learning-run > span { padding:4px 6px;border-radius:5px;background:var(--surface-3);font-size:9px;text-transform:uppercase; }.learning-run b,.learning-run small { display:block; }.learning-run b { font-size:10px; }.learning-run small { margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4; }

.modal { width:min(680px,calc(100vw - 28px));max-height:min(820px,calc(100vh - 28px));padding:0;border:1px solid var(--line);border-radius:17px;background:var(--surface);color:var(--text);box-shadow:var(--shadow); }.modal::backdrop { background:rgba(0,0,0,.62);backdrop-filter:blur(4px); }.modal-shell { display:flex;flex-direction:column;max-height:inherit; }.modal-shell > header { min-height:67px;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--line); }.modal-shell h2 { margin:2px 0 0;font-size:18px; }.modal-shell header small { color:var(--muted); }.modal-body { padding:18px;overflow-y:auto; }.modal-footer { display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--line); }.modal-note { color:var(--muted);font-size:11px;line-height:1.5; }.forward-list { max-height:350px;display:grid;gap:4px;overflow:auto; }.forward-row { display:flex;align-items:center;gap:10px;padding:9px;border-radius:9px; }.forward-row:hover { background:var(--surface-2); }.forward-row .avatar { width:34px;height:34px;font-size:11px; }
.toast-stack { position:fixed;z-index:100;right:18px;bottom:18px;display:grid;gap:8px; }.toast { max-width:360px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-3);color:var(--text);box-shadow:var(--shadow);animation:toast-in .2s ease; }.toast.error { border-color:rgba(255,102,117,.4); }.toast.success { border-color:rgba(79,174,78,.4); } @keyframes toast-in { from { transform:translateY(8px);opacity:0 } }
.mobile-shade { position:fixed;z-index:9;inset:0;background:rgba(0,0,0,.52); }

/* Relay 2.2 contact controls */
.button.compact { padding:7px 10px;font-size:11px; }
.avatar img { width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover; }
.chat-row { cursor:pointer;outline:0; }
.chat-row:focus-visible { box-shadow:inset 0 0 0 2px var(--accent); }
.chat-row-top b { min-width:0; }
.chat-row-tools { flex:0 0 auto;display:flex;align-items:center;gap:5px; }
.row-ai-toggle { width:28px;height:17px;padding:2px;border:0;border-radius:99px;background:var(--faint);transition:.18s; }
.row-ai-toggle i { display:block;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0005;transition:.18s; }
.row-ai-toggle.on { background:var(--green); }
.row-ai-toggle.on i { transform:translateX(11px); }
.row-more { width:20px;height:22px;border:0;border-radius:6px;padding:0;background:transparent;color:var(--muted);font-size:17px;line-height:1; }
.row-more:hover { background:var(--surface-3);color:var(--text); }
.chat-row-labels { display:flex;gap:4px;min-width:0;margin-top:5px;overflow:hidden; }
.chat-row-labels span { display:flex;align-items:center;gap:4px;max-width:110px;padding:2px 5px;border-radius:5px;background:var(--surface-3);color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.chat-row-labels i { width:6px;height:6px;flex:0 0 auto;border-radius:2px; }
.chat-row-labels .chat-flag-badge { flex:0 0 auto;max-width:none;border:1px solid color-mix(in srgb,var(--tone-color) 34%,transparent);background:color-mix(in srgb,var(--tone-color) 15%,var(--surface));color:var(--tone-color);font-weight:750;letter-spacing:.01em; }
.chat-row-labels .chat-flag-badge i { width:auto;height:auto;border-radius:0;color:inherit;font-size:10px;font-style:normal; }
.profile-card .button { margin-top:11px; }
.form-grid fieldset { min-width:0;margin:0;border:1px solid var(--line);border-radius:11px;padding:12px; }
.form-grid legend { padding:0 5px;color:var(--muted);font-size:11px;font-weight:700; }
.contact-profile-editor { display:flex;align-items:center;gap:13px;padding:4px 0 8px; }
.contact-profile-editor > div { flex:1;min-width:0; }
.contact-profile-editor b,.contact-profile-editor small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.contact-profile-editor small { margin-top:3px;color:var(--muted);font-size:11px; }
.contact-profile-editor .avatar { width:64px;height:64px;font-size:20px; }
.avatar-actions { display:flex;flex-wrap:wrap;gap:6px;margin-top:10px; }

/* Relay 2.3 stable chat viewport */
html,body { height:100dvh;min-height:0;overscroll-behavior:none; }
body { position:fixed;inset:0;overflow:hidden; }
.app-shell { height:100dvh;min-height:0;overflow:hidden; }
.nav-sidebar,.chat-column,.main-panel { min-height:0;overflow:hidden; }
.nav-sidebar { overflow-y:auto; }
.chat-list { min-height:0; }
.main-panel { height:100%;min-height:0;overflow:hidden; }
.chat-view { height:100%;min-height:0;display:grid;grid-template-rows:66px minmax(0,1fr) auto auto auto auto;overflow:hidden; }
.messages { height:auto;min-height:0;overscroll-behavior:contain;overflow-y:auto; }
.composer { position:relative;z-index:20;min-height:62px;max-height:170px;overflow:visible;background:var(--surface); }
.composer textarea { min-height:38px;max-height:140px;overflow-y:hidden; }

/* Nested folder tree */
.folder-tree-row { display:grid;grid-template-columns:20px minmax(0,1fr) 22px 22px 22px;align-items:center;gap:2px;padding-left:calc(var(--folder-depth,0) * 13px); }
.mini-nav .folder-tree-row button { width:auto;padding:0; }
.folder-tree-toggle,.folder-tree-add,.folder-tree-edit,.folder-tree-delete { height:28px;border:0;border-radius:6px;background:transparent;color:var(--muted); }
.folder-tree-toggle { font-size:18px; }
.folder-tree-add,.folder-tree-edit,.folder-tree-delete { opacity:0;font-size:14px; }
.folder-tree-row:hover .folder-tree-add,.folder-tree-row:hover .folder-tree-edit,.folder-tree-row:hover .folder-tree-delete,.folder-tree-add:focus-visible,.folder-tree-edit:focus-visible,.folder-tree-delete:focus-visible { opacity:1; }
.folder-tree-edit:hover { background:var(--accent-soft);color:var(--accent); }
.folder-tree-delete:hover { background:rgba(255,102,117,.12);color:var(--danger); }
.folder-tree-spacer { width:20px; }
.mini-nav .folder-tree-select { min-width:0;height:34px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border:0;border-radius:8px;padding:0 6px;background:transparent;color:var(--muted);text-align:left; }
.folder-tree-select span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.folder-tree-select em { font-size:10px;font-style:normal;color:var(--faint); }
.folder-tree-select:hover,.folder-tree-select.active { background:var(--surface-2);color:var(--text); }
.folder-tree-select.active { color:var(--accent); }
.folder-icon-preview { min-height:68px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;align-items:center;gap:4px 10px;border:1px solid var(--line);border-radius:11px;padding:9px 12px;background:var(--surface-2); }.folder-icon-preview > small { grid-column:1/-1;color:var(--muted);font-size:9px;font-weight:700; }.folder-icon-preview > b { font-size:12px; }.folder-icon-fieldset { padding:12px !important; }.folder-icon-picker { display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px; }.folder-icon-choice { min-width:0;height:57px;display:grid;place-items:center;gap:2px;border:1px solid transparent;border-radius:9px;padding:5px 2px;background:transparent;color:var(--muted); }.folder-icon-choice span { font-size:19px;line-height:1; }.folder-icon-choice small { max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px; }.folder-icon-choice:hover { background:var(--surface-2);color:var(--text); }.folder-icon-choice.active { border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent); }
.channel-dot { color:var(--faint);font-size:10px; }
.channel-dot.live { color:#67d466;text-shadow:0 0 8px #67d46688; }

/* Channel reader */
.channel-page { max-width:850px; }
.channel-summary { display:flex;align-items:flex-start;gap:13px;margin-bottom:15px;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--surface); }
.channel-mark { width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:var(--accent-soft);color:var(--accent);font-size:20px; }
.channel-summary b,.channel-summary small { display:block; }
.channel-summary small { margin-top:4px;color:var(--muted); }
.channel-summary p { margin:10px 0 0;color:var(--muted);line-height:1.5;white-space:pre-wrap; }
.channel-post-list { display:grid;gap:10px;margin-top:15px; }
.channel-post { padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 4px 16px #0001; }
.channel-post header { display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;color:var(--faint);font-size:10px; }
.channel-post p { margin:7px 0 11px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere; }
.channel-post > a { color:var(--accent);font-size:11px;text-decoration:none; }
.channel-media-gate { width:min(420px,100%);margin:4px 0 10px; }
.channel-media-gate button { width:100%;min-height:170px;display:grid;place-content:center;justify-items:center;gap:7px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(circle at 50% 25%,var(--accent-soft),transparent 58%),var(--surface-2);color:var(--text); }
.channel-media-gate button:hover { border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--accent) 23%,transparent),transparent 58%),var(--surface-2); }
.channel-media-gate button[data-media-kind="audio"],.channel-media-gate button[data-media-kind="voice"] { min-height:92px;place-content:center start;justify-items:start;padding:15px 20px; }
.channel-media-gate button > span { width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:20px;box-shadow:0 7px 20px color-mix(in srgb,var(--accent) 30%,transparent); }
.channel-media-gate button b { font-size:13px; }.channel-media-gate button small { color:var(--muted);font-size:10px; }
.channel-loaded-media { width:min(620px,100%);max-height:520px;object-fit:contain; }
.telegram-account-card { display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2); }
.telegram-credential-card { display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2); }
.telegram-credential-card.needs-setup { border-color:rgba(246,189,92,.34);background:rgba(246,189,92,.06); }
.telegram-credential-mark { width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.04em; }
.telegram-credential-card b,.telegram-credential-card small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.telegram-credential-card small { margin-top:4px;color:var(--muted);font-size:10px; }
.personal-phone-form { margin-top:3px; }
.telegram-account-mark,.telegram-dialog-mark { display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:linear-gradient(145deg,#55adff,#2781d8);color:#fff;font-weight:800; }
.telegram-account-mark { width:46px;height:46px;background:linear-gradient(145deg,color-mix(in srgb,var(--account-color,#55adff) 70%,white),var(--account-color,#2781d8));font-size:18px; }
.telegram-account-card b,.telegram-account-card small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.telegram-account-card small { margin-top:4px;color:var(--muted);font-size:11px; }
.compact-boundary { margin-top:14px; }
.telegram-dialog-search { display:grid;grid-template-columns:minmax(0,1fr) 160px auto;gap:8px;margin-bottom:13px; }
.telegram-dialog-search input,.telegram-dialog-search select { min-width:0;border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:var(--surface-2);color:var(--text);outline:0; }
.telegram-dialog-list { max-height:480px;display:grid;gap:6px;overflow-y:auto; }
.telegram-dialog-row { display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2); }
.telegram-dialog-mark { width:36px;height:36px;font-size:12px; }
.telegram-dialog-row b,.telegram-dialog-row small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.telegram-dialog-row small { margin-top:3px;color:var(--muted);font-size:10px; }
.telegram-dialog-row button:disabled { opacity:.55;cursor:default; }
.telegram-preview-list { display:grid;gap:7px; }
.telegram-preview-message { position:relative;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2); }
.telegram-preview-message p { margin:4px 55px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45; }
.telegram-preview-message small,.telegram-preview-message time { color:var(--muted);font-size:9px; }
.telegram-preview-message time { position:absolute;right:10px;bottom:9px; }
.session-scope-note { margin-bottom:13px;padding:9px 12px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:10px; }
@media (pointer:coarse) { .folder-tree-add,.folder-tree-edit,.folder-tree-delete { opacity:.75; } }

/* Relay 3.3 chat action menu */
.chat-context-menu { position:fixed;z-index:95;width:min(310px,calc(100vw - 16px));max-height:min(680px,calc(100vh - 16px));overflow-y:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 20px 70px rgba(0,0,0,.42);color:var(--text); }
.chat-context-menu > header { position:sticky;z-index:1;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--surface); }
.chat-context-menu > header div { min-width:0; }.chat-context-menu > header b,.chat-context-menu > header small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.chat-context-menu > header small { margin-top:2px;color:var(--muted);font-size:9px; }.chat-context-menu > header > button { width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:17px; }
.chat-context-menu section { padding:10px 12px;border-bottom:1px solid var(--line); }.chat-context-menu h4 { margin:0 0 8px;color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.08em; }
.chat-menu-flags { display:grid;grid-template-columns:repeat(4,1fr);gap:5px; }.chat-menu-flag { min-width:0;display:grid;justify-items:center;gap:3px;border:1px solid transparent;border-radius:8px;padding:6px 2px;background:transparent;color:var(--muted); }.chat-menu-flag span { color:var(--tone-color,var(--muted));font-size:17px; }.chat-menu-flag small { max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px; }.chat-menu-flag:hover,.chat-menu-flag.active { border-color:color-mix(in srgb,var(--tone-color,var(--accent)) 45%,var(--line));background:color-mix(in srgb,var(--tone-color,var(--accent)) 12%,transparent);color:var(--text); }.chat-menu-flag.clear span { color:var(--muted); }
.chat-menu-tags { max-height:142px;display:grid;gap:3px;overflow-y:auto; }.chat-menu-tag { width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border:0;border-radius:7px;padding:7px 8px;background:transparent;color:var(--muted);text-align:left; }.chat-menu-tag:hover { background:var(--surface-2);color:var(--text); }.chat-menu-tag i { width:9px;height:9px;border-radius:3px;background:var(--option-color); }.chat-menu-tag span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.chat-menu-tag b { visibility:hidden;color:var(--accent); }.chat-menu-tag.active b { visibility:visible; }.chat-menu-empty { display:block;padding:3px;color:var(--faint);font-size:10px;line-height:1.4; }
.chat-menu-tints { display:grid;grid-template-columns:repeat(4,1fr);gap:6px; }.chat-menu-tint { min-width:0;display:grid;justify-items:center;gap:4px;border:1px solid transparent;border-radius:8px;padding:6px 2px;background:transparent;color:var(--muted); }.chat-menu-tint span { width:25px;height:25px;display:grid;place-items:center;border:2px solid var(--surface);border-radius:50%;background:var(--tone-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--tone-color) 55%,var(--line)); }.chat-menu-tint small { max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px; }.chat-menu-tint:hover,.chat-menu-tint.active { border-color:color-mix(in srgb,var(--tone-color,var(--accent)) 45%,var(--line));background:color-mix(in srgb,var(--tone-color,var(--accent)) 12%,transparent);color:var(--text); }.chat-menu-tint.no-tint span { background:repeating-linear-gradient(135deg,var(--surface-2) 0 4px,var(--surface-3) 4px 8px);box-shadow:0 0 0 1px var(--line);font-size:15px; }
.chat-context-menu > footer { display:grid;padding:7px; }.chat-context-menu > footer button { display:flex;align-items:center;gap:9px;border:0;border-radius:8px;padding:9px;background:transparent;color:var(--muted);text-align:left; }.chat-context-menu > footer button:hover { background:var(--surface-2);color:var(--text); }.chat-context-menu > footer button.danger { color:var(--danger); }.chat-context-menu > footer span { width:20px;text-align:center; }

@media (max-width:1500px) {
  .app-shell.copilot-open { grid-template-columns:250px 350px minmax(390px,1fr); }
  .copilot-drawer { position:fixed;z-index:30;right:0;top:0;width:min(390px,94vw);box-shadow:-18px 0 55px rgba(0,0,0,.3); }
}
@media (max-width:1100px) {
  .app-shell { grid-template-columns:350px minmax(390px,1fr); }
  .app-shell.copilot-open { grid-template-columns:350px minmax(390px,1fr); }
  .nav-sidebar { position:fixed;z-index:20;left:0;top:0;width:270px;transform:translateX(-101%);box-shadow:var(--shadow);transition:.2s; }
  .nav-sidebar.open { transform:translateX(0); }.desktop-hide { display:grid !important; }
}
@media (max-width:760px) {
  .login-screen { grid-template-columns:1fr; }.login-art { display:none; }.login-card h1 { margin-top:48px;font-size:36px; }
  .app-shell { display:block; }.chat-column,.main-panel { position:absolute;inset:0;width:100%; }
  .main-panel { display:none; }.app-shell.chat-open .chat-column { display:none; }.app-shell.chat-open .main-panel { display:block; }
  .tablet-show { display:grid !important; }.ai-pill { padding:5px; }.ai-pill span { display:none; }.chat-head-actions .icon-button:nth-of-type(1) { display:none; }
  .messages { padding:16px 9px; }.message-bubble { max-width:86%; }.message-actions { display:none !important; }
  .details-drawer { position:fixed;width:min(350px,92vw); }.copilot-drawer { width:100vw; }.copilot-head-button b { display:none; }.workspace-page .page-body { padding:14px; }.stat-grid { grid-template-columns:1fr 1fr; }.form-grid { grid-template-columns:1fr; }.form-grid .span-2 { grid-column:auto; }.folder-icon-picker { grid-template-columns:repeat(6,minmax(0,1fr)); }.page-header { padding:10px 14px; }
  .telegram-account-card { grid-template-columns:auto minmax(0,1fr); }.telegram-account-card .card-actions { grid-column:1/-1; }.telegram-dialog-search { grid-template-columns:1fr; }.telegram-dialog-row { grid-template-columns:auto minmax(0,1fr); }.telegram-dialog-row .card-actions { grid-column:1/-1;justify-content:flex-end; }
  .telegram-credential-card { grid-template-columns:auto minmax(0,1fr); }.telegram-credential-card .card-actions { grid-column:1/-1; }
  .adaptive-settings { grid-template-columns:1fr; }.adaptive-settings > .toggle-line,.adaptive-settings > .span-2,.learning-summary { grid-column:auto; }.learning-summary { grid-template-columns:1fr 1fr; }
}
.chat-source-tags { display:flex;gap:5px;min-width:0;margin-top:2px;overflow:hidden; }
.chat-source-tags i,.detail-account-tag { display:inline-flex;align-items:center;max-width:150px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--account-color,var(--accent)) 50%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--account-color,var(--accent)) 14%,transparent);color:var(--text);font-size:10px;font-style:normal;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.chat-source-tags i+i { --account-color:var(--muted);max-width:130px; }
.detail-account-tag { margin:3px auto 10px; }
@media (max-width:460px) {
  .search-box kbd { display:none; }.chat-row { padding:9px 10px; }.message-bubble { max-width:91%; }.emoji-picker { right:0;width:250px;grid-template-columns:repeat(7,1fr); }.folder-icon-picker { grid-template-columns:repeat(5,minmax(0,1fr)); }.draft-card { grid-template-columns:1fr; }.draft-actions { justify-content:flex-end; }.saved-card,.draft-page-card { grid-template-columns:1fr; }.stat-grid { grid-template-columns:1fr 1fr; }
}