:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111827;background:#f3f4f6;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f9fafb;--bg-subtle: #f3f4f6;--panel: #ffffff;--panel-soft: #fbfcfd;--panel-raised: #ffffff;--field: #ffffff;--field-soft: #f8fafc;--ink: #111827;--muted: #6b7280;--line: #e5e7eb;--accent: #4f46e5;--accent-strong: #4338ca;--accent-light: #e0e7ff;--primary: #4f46e5;--blue: #3b82f6;--danger: #ef4444;--danger-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--success: #10b981;--success-light: #d1fae5;--sidebar-bg: #1e1e2f;--sidebar-muted: #a7b4bd;--button-quiet-bg: #ffffff;--button-quiet-hover: #f5f8f9;--hover-soft: #f7fafc;--active-soft: #edf2ff;--closed-soft: #fbfefd;--metric-bg: #ffffff;--input-shadow: 0 12px 32px rgba(79, 70, 229, .11);--inbound-message: #4f46e5;--outbound-message: #ffffff;--media-soft: rgba(15, 23, 42, .08);--chat-soft: rgba(79, 70, 229, .08);--chat-soft-line: rgba(79, 70, 229, .16);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--sidebar-rail: 80px;--sidebar-open: 260px}:root[data-theme=dark]{color:#e5e7eb;background:#0b1020;color-scheme:dark;--bg: #0b1020;--bg-subtle: #11162a;--panel: #14192b;--panel-soft: #111827;--panel-raised: #1a2034;--field: #0f1528;--field-soft: #151b2e;--ink: #eef2ff;--muted: #9aa6bd;--line: rgba(226, 232, 240, .14);--accent: #8b7cf6;--accent-strong: #a78bfa;--accent-light: rgba(139, 124, 246, .18);--primary: #a78bfa;--blue: #38bdf8;--danger: #f87171;--danger-light: rgba(248, 113, 113, .16);--warning: #fbbf24;--warning-light: rgba(251, 191, 36, .16);--success: #34d399;--success-light: rgba(52, 211, 153, .16);--sidebar-bg: #0d1324;--sidebar-muted: #8d9ab3;--button-quiet-bg: #171d31;--button-quiet-hover: #222a44;--hover-soft: #182036;--active-soft: rgba(139, 124, 246, .18);--closed-soft: rgba(52, 211, 153, .08);--metric-bg: #151b2e;--input-shadow: 0 14px 34px rgba(0, 0, 0, .26);--inbound-message: #6d5df2;--outbound-message: #111827;--media-soft: rgba(255, 255, 255, .08);--chat-soft: rgba(139, 124, 246, .12);--chat-soft-line: rgba(139, 124, 246, .22);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .26);--shadow: 0 10px 28px rgba(0, 0, 0, .34);--shadow-lg: 0 22px 54px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html{background:var(--bg);transition:background-color .2s ease,color .2s ease}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--ink)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}button:focus{outline:none}button:focus-visible{outline:none;box-shadow:0 0 0 3px #0f766e2e}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg);background-image:radial-gradient(circle at top right,var(--accent-light) 0%,transparent 40%),radial-gradient(circle at bottom left,#e0f2fe 0%,transparent 40%)}:root[data-theme=dark] .login-page{background-image:radial-gradient(circle at top right,rgba(139,124,246,.22) 0%,transparent 38%),radial-gradient(circle at bottom left,rgba(56,189,248,.12) 0%,transparent 42%)}.login-panel{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:var(--shadow-lg);display:grid;gap:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--accent)}h1,h2,p{margin:0}h1{font-size:26px;line-height:1.18;letter-spacing:0}h2{font-size:18px;line-height:1.25;letter-spacing:0}p{color:var(--muted);line-height:1.5}label{display:grid;gap:8px;color:var(--ink);font-size:14px;font-weight:650}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;background:var(--field);color:var(--ink);outline:none}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.primary-button,.icon-button{border:1px solid transparent;border-radius:10px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:var(--accent);font-weight:600;font-size:14px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.primary-button{width:100%;padding:0 16px}.primary-button:hover,.icon-button:hover{background:var(--accent-strong)}.icon-button{width:40px;padding:0}.text-button{width:auto;padding:0 14px}.quiet-button{border-color:var(--line);background:var(--button-quiet-bg);color:var(--ink)}.quiet-button:hover{border-color:var(--accent-light);background:var(--button-quiet-hover);color:var(--ink)}.inline-error{padding:10px 12px;border-radius:8px;background:var(--danger-light);color:var(--danger);border:1px solid rgba(239,68,68,.32);font-size:14px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-rail) minmax(0,1fr);position:relative;background:var(--bg)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;border:0;padding:0;background:#0f172a38;opacity:0;pointer-events:none;transition:opacity .18s ease}.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.sidebar{width:var(--sidebar-rail);background:var(--sidebar-bg);color:#f3f4f6;padding:24px 12px 20px;display:flex;flex-direction:column;align-items:center;gap:28px;min-height:100vh;position:fixed;inset:0 auto 0 0;z-index:30;overflow:hidden;transition:width .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);border-right:1px solid rgba(255,255,255,.05)}.sidebar-open .sidebar{width:var(--sidebar-open);align-items:stretch;padding:20px;box-shadow:20px 0 40px #00000026}.brand{width:100%;display:flex;align-items:center;justify-content:center;gap:0;min-height:48px;position:relative}.sidebar-open .brand{justify-content:flex-start;gap:12px}.sidebar-open .brand-mark{width:40px;height:40px}.brand-copy,.nav-label,.sidebar-user{max-width:0;overflow:hidden;opacity:0;pointer-events:none;transform:translate(-6px);transition:max-width .18s ease,opacity .14s ease,transform .14s ease;white-space:nowrap}.sidebar-open .brand-copy,.sidebar-open .nav-label,.sidebar-open .sidebar-user{max-width:190px;opacity:1;pointer-events:auto;transform:translate(0)}.brand-copy strong,.brand-copy span{display:block}.brand-copy span{color:var(--sidebar-muted);font-size:13px;margin-top:2px}.sidebar-toggle{width:40px;height:40px;margin-left:auto;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:grid;place-items:center;background:#ffffff14;color:#fff;display:none;opacity:0;pointer-events:none;transition:opacity .14s ease}.sidebar-open .sidebar-toggle{display:grid;opacity:1;pointer-events:auto}nav{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.nav-item{position:relative;width:52px;height:52px;min-height:52px;border-radius:12px;border:1px solid transparent;background:transparent;color:#cfdce4;display:flex;align-items:center;justify-content:center;gap:0;padding:0;text-decoration:none;font-weight:680;transition:background .16s ease,color .16s ease,border-color .16s ease,width .16s ease}.nav-icon{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto}.nav-icon svg,.brand-mark svg,.sidebar-footer .icon-button svg{display:block;stroke-width:2.15}.sidebar-open .nav-item{width:100%;height:44px;min-height:44px;justify-content:flex-start;padding:0 14px;gap:12px}.nav-item.active,.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);border-color:#ffffff1a;box-shadow:0 4px 12px #4f46e54d}.sidebar-open .nav-label{justify-self:start}.sidebar-footer{width:100%;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:0;color:var(--sidebar-muted);font-size:13px}.sidebar-open .sidebar-footer{justify-content:space-between;gap:10px}.sidebar-footer .icon-button{flex:0 0 auto;width:52px;min-height:52px;background:#ffffff1a;color:#fff}.sidebar-actions{display:flex;align-items:center;gap:8px}.app-shell:not(.sidebar-open) .sidebar-actions{flex-direction:column}.sidebar-open .sidebar-footer .icon-button{width:40px;min-height:40px}.sidebar-theme-toggle{border-color:#ffffff1f}.theme-toggle{flex:0 0 auto}.workspace{grid-column:2;padding:28px;display:grid;gap:20px;align-content:start;min-width:0;min-height:100vh;overflow:auto}.workspace-chat{height:100vh;padding:0;gap:0;align-content:stretch;overflow:hidden}.topbar,.section-heading,.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.topbar h1{margin-bottom:6px}.topbar{min-width:0;justify-content:flex-start}.topbar-status{margin-left:auto}.topbar>.text-button{margin-left:0}.workspace-chat .topbar{min-height:78px;padding:16px 22px;align-items:center;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel-soft) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.topbar-status span{min-height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-size:12px;font-weight:720;white-space:nowrap}.topbar-menu{flex:0 0 auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm)}.composer{padding:20px}.section-heading{margin-bottom:18px}.section-heading.compact{align-items:center;margin-bottom:0;padding:16px;border-bottom:1px solid var(--line)}.section-heading.compact span{color:var(--muted);font-weight:720}.composer-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.form-stack{display:grid;gap:16px}.channel-row{display:flex;flex-wrap:wrap;gap:8px}.segment{min-height:38px;border-radius:8px;border:1px solid var(--line);background:var(--field);color:var(--ink);padding:0 14px;font-weight:720}.segment.active{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.file-box{display:grid;gap:14px;align-content:start}.drop-zone{min-height:180px;border:1.5px dashed #b9c4cb;border-radius:8px;display:grid;place-items:center;text-align:center;gap:8px;padding:22px;color:var(--muted);background:var(--panel-soft)}.drop-zone strong{color:var(--ink)}.drop-zone input{display:none}.upload-hints{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--muted);font-size:12px;line-height:1.35}.muted-line{color:var(--muted);display:flex;align-items:center;gap:8px;font-size:14px}.preview-stats,.stats-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats-row{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0}.stat{min-height:68px;border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;align-items:center;gap:10px;background:var(--panel-soft)}.stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--blue) 14%,transparent);color:var(--blue);flex:0 0 auto}.stat span,.cell-subtitle{display:block;color:var(--muted);font-size:12px;line-height:1.25}.stat strong{display:block;font-size:20px;line-height:1.2;margin-top:2px}.content-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:start}.campaign-list{overflow:hidden}.campaign-items{display:grid;max-height:620px;overflow:auto}.campaign-item{border:0;border-bottom:1px solid var(--line);background:var(--panel);display:grid;justify-items:start;gap:6px;padding:14px 16px;text-align:left}.campaign-item:hover,.campaign-item.active{background:var(--hover-soft)}.campaign-title{font-weight:780;color:var(--ink)}.campaign-meta{color:var(--muted);font-size:13px}.status-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:8px;font-size:12px;font-weight:760;background:var(--field-soft);color:var(--muted);white-space:nowrap}.status-sent,.status-completed{background:var(--success-light);color:var(--success)}.status-failed,.status-not_subscribed{background:var(--danger-light);color:var(--danger)}.status-running,.status-queued{background:color-mix(in srgb,var(--blue) 16%,transparent);color:var(--blue)}.status-paused,.status-pending{background:var(--warning-light);color:var(--warning)}.detail-panel{padding:20px;min-width:0}.detail-header p{margin-top:8px;max-width:860px}.actions{display:flex;gap:8px;flex-wrap:wrap}.empty-detail{min-height:320px;display:grid;place-items:center;text-align:center;align-content:center;gap:8px;color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:760px;background:var(--panel)}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 12px;vertical-align:top;font-size:14px}th{background:var(--panel-soft);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:0}tr:last-child td{border-bottom:0}.error-cell{color:var(--muted);max-width:320px;overflow-wrap:anywhere}.empty-state{padding:22px 16px;color:var(--muted)}.chat-workspace{height:100vh;min-height:0;display:grid;grid-template-columns:360px minmax(0,1fr);gap:0;border:0;border-radius:0;overflow:hidden;background:var(--panel);box-shadow:none;position:relative;transition:grid-template-columns .3s ease}.chat-workspace.notes-open{grid-template-columns:360px minmax(0,1fr) 360px}.panel-backdrop{display:none}.chat-list-panel,.notes-panel{min-width:0;background:var(--panel-soft)}.chat-list-panel{border-right:1px solid var(--line);display:grid;grid-template-rows:auto auto auto minmax(0,1fr);height:100%;max-height:100vh;min-height:0;overflow:hidden;z-index:2}.chat-list-head,.chat-header{height:68px;min-height:68px;padding:10px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.chat-list-head{justify-content:space-between;background:var(--chat-soft);border-bottom-color:var(--chat-soft-line)}.panel-actions{display:flex;align-items:center;gap:8px}.chat-list-head p,.chat-header p{font-size:13px}.chat-list-head h2{font-size:20px}.chat-list-head .icon-button:not(.text-button),.chat-header .icon-button:not(.text-button){width:40px;min-height:40px;border-radius:50%;box-shadow:none}.chat-header-actions .icon-button:not(.text-button){width:42px;height:42px;min-width:42px;min-height:42px;flex:0 0 42px;aspect-ratio:1;padding:0;border-radius:50%;color:var(--ink);background:var(--button-quiet-bg);border-color:var(--line);box-shadow:0 1px 2px #0f172a0d}.chat-header-actions .icon-button:not(.text-button) svg{width:19px;height:19px;stroke-width:2.25}.chat-header-actions .icon-button:not(.text-button):hover{color:var(--ink);background:var(--button-quiet-hover);border-color:var(--accent-light);transform:translateY(-1px)}.chat-header-actions .icon-button:not(.text-button):active{transform:translateY(0)}.chat-header-actions .icon-button:not(.text-button):focus-visible{box-shadow:0 0 0 3px #0f766e29,0 1px 2px #0f172a0d}.chat-header .close-dialog-button{display:none}.chat-tabs{display:flex;gap:6px;padding:10px 12px 8px;background:var(--panel-soft)}.chat-tabs button{flex:1;min-height:34px;border:none;border-radius:10px;background:transparent;color:var(--muted);font-weight:600;font-size:13px;position:relative;transition:all .2s ease}.chat-tabs button:hover{background:var(--button-quiet-hover);color:var(--ink)}.chat-tabs button.active{color:var(--accent-strong);background:var(--accent-light);box-shadow:inset 0 0 0 1px #4f46e51f}.chat-tabs button span{min-width:18px;height:18px;border-radius:999px;display:inline-grid;place-items:center;margin-left:6px;background:var(--blue);color:#fff;font-size:11px}.chat-tabs button.active span{background:var(--accent)}.chat-list-tools{display:grid;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--panel-soft)}.chat-list-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.chat-list-metrics div{min-width:0;border:1px solid var(--line);border-radius:9px;padding:6px 8px;background:var(--metric-bg);display:flex;align-items:baseline;gap:5px}.chat-list-metrics strong,.chat-list-metrics span{display:inline}.chat-list-metrics strong{font-size:15px;line-height:1.1}.chat-list-metrics span{color:var(--muted);font-size:10px;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-search{margin:0;display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:500;background:var(--field);border:1px solid var(--line);border-radius:10px;padding:0 11px;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}.chat-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51a}.chat-search input{border:0;padding:9px 0;box-shadow:none;background:transparent}.chat-search input:focus{box-shadow:none}.chat-filter-toggle{width:100%;height:34px;border:1px solid var(--line);border-radius:10px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--field);color:var(--muted);font-size:12px;font-weight:760}.chat-filter-toggle:hover{border-color:var(--accent-light);background:var(--button-quiet-hover);color:var(--ink)}.chat-filter-toggle.active{border-color:#4f46e557;background:var(--accent-light);color:var(--accent-strong)}.chat-filter-toggle span,.chat-filter-toggle em{min-width:0;display:inline-flex;align-items:center;gap:7px}.chat-filter-toggle em{max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-size:11px;font-weight:700}.chat-filter-collapse{display:grid;gap:8px}.chat-filter-row{display:grid;grid-template-columns:.9fr .9fr 1.2fr;gap:6px;margin:0}.chat-filter-row button,.chat-filter-row select{min-width:0;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--field);color:var(--muted);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.chat-filter-row select{padding:0 8px;justify-content:start}.chat-filter-row .active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.dialog-list{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;scroll-behavior:smooth}.dialog-list::-webkit-scrollbar{width:10px}.dialog-list::-webkit-scrollbar-track{background:transparent}.dialog-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 26%,transparent);border:3px solid var(--panel);border-radius:999px}.dialog-list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 54%,transparent)}.dialog-row{width:100%;border:0;border-left:3px solid transparent;border-bottom:1px solid var(--line);background:var(--panel);min-height:76px;display:grid;grid-template-columns:44px minmax(0,1fr) 78px;align-items:center;gap:11px;padding:10px 12px 10px 14px;text-align:left;transition:all .15s ease}.dialog-row:hover{background:var(--hover-soft)}.dialog-row.active{background:var(--active-soft);border-left-color:var(--accent)}.dialog-row.status-closed:not(.active){background:var(--closed-soft)}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e3a8a;font-weight:700;font-size:13px;flex:0 0 auto;position:relative;box-shadow:inset 0 2px 4px #ffffff80}.avatar.large{width:44px;height:44px;font-size:15px}.avatar.has-image{background:var(--field-soft);color:transparent;overflow:hidden;box-shadow:0 0 0 1px #0f172a14}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.dialog-main,.dialog-title,.dialog-preview,.dialog-side{min-width:0}.dialog-main{display:grid;gap:5px;align-content:center}.dialog-title{display:flex;align-items:center;gap:6px;font-weight:760;color:var(--ink)}.dialog-name{min-width:0;display:inline-flex;align-items:center;gap:4px}.dialog-name strong{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.18}.dialog-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px;line-height:1.25}.dialog-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:-2px}.dialog-tags em{display:inline;padding:0;border-radius:0;background:transparent;color:var(--accent);font-style:normal;font-size:12px;font-weight:760;line-height:1.2}.dialog-side{height:52px;display:flex;flex-direction:column;justify-items:end;align-items:flex-end;justify-content:center;gap:7px;color:var(--muted);font-size:12px}.dialog-side-top,.dialog-side-bottom{min-width:0;display:inline-flex;align-items:center;justify-content:flex-end}.dialog-side-top{gap:5px}.dialog-side-bottom{gap:6px}.dialog-time{color:var(--muted);font-size:12px;font-weight:560;line-height:1}.dialog-unread{min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;background:#10b981;color:#fff;font-size:10px;box-shadow:0 5px 12px #10b9813d}.dialog-done-badge{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;color:#fff;background:#10b981;box-shadow:0 7px 16px #10b9813d}.channel-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:820;color:#fff;background:#64748b}.channel-tg{background:#229ed9}.channel-max{background:var(--accent)}.channel-wa{background:#16a34a}.channel-avito{background:#ff6a00}.chat-window-panel{min-width:0;width:100%;height:100vh;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:var(--bg);z-index:1;position:relative}.chat-header{flex:0 0 auto;background:var(--chat-soft);gap:10px;border-bottom:1px solid var(--chat-soft-line)}.chat-header>div{min-width:0}.chat-title-block{display:grid;gap:3px}.chat-header h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700}.chat-title-block p{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.dialog-status-badge{min-height:18px;display:inline-flex;align-items:center;padding:0 7px;border-radius:999px;font-size:10px;font-weight:600}.dialog-status-badge.status-new{background:var(--warning-light);color:#b45309}.dialog-status-badge.status-open{background:var(--success-light);color:#047857}.dialog-status-badge.status-closed{background:var(--danger);color:#fff}.chat-header-actions{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}.active-icon-button{background:#0f766e;color:#fff;border-color:#0f766e}.chat-header-actions .active-icon-button:not(.text-button){color:#fff;background:linear-gradient(135deg,#0f766e,#14a39a);border-color:#0f766ec7;box-shadow:0 8px 18px #0f766e38,inset 0 1px #ffffff42}.chat-header-actions .active-icon-button:not(.text-button):hover{color:#fff;background:linear-gradient(135deg,#0b6b63,#0f948c);border-color:#0f766ee6;box-shadow:0 9px 20px #0f766e42,inset 0 1px #ffffff3d}.chat-header-actions .active-icon-button:not(.text-button):focus-visible{box-shadow:0 0 0 3px #14b8a633,0 8px 18px #0f766e3d}.assignee-dropdown{position:relative;flex:0 0 42px}.assignee-button{position:relative}.chat-header-actions .assignee-button.has-assignee:not(.text-button):after{content:"";width:8px;height:8px;position:absolute;right:4px;bottom:4px;border:2px solid #fff;border-radius:999px;background:var(--blue)}.assignee-menu{width:242px;position:absolute;top:calc(100% + 10px);right:0;z-index:30;display:grid;gap:4px;padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--panel-raised);box-shadow:var(--shadow-lg)}.assignee-menu button{min-height:38px;border:0;border-radius:12px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent;color:var(--ink);font-size:13px;font-weight:650;text-align:left}.assignee-menu button:hover{background:var(--button-quiet-hover)}.assignee-menu button.active{background:var(--accent-light);color:var(--accent-strong)}.assignee-menu span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-actions .dialog-state-button:not(.text-button){color:#fff;border-color:transparent}.chat-header-actions .dialog-state-button.close:not(.text-button){background:#ef4444;box-shadow:0 8px 18px #ef444438}.chat-header-actions .dialog-state-button.close:not(.text-button):hover{color:#fff;background:#dc2626;border-color:transparent;box-shadow:0 9px 20px #ef444442}.chat-header-actions .dialog-state-button.closed:not(.text-button){background:#10b981;box-shadow:0 8px 18px #10b98138}.chat-header-actions .dialog-state-button.closed:not(.text-button):hover{color:#fff;background:#059669;border-color:transparent;box-shadow:0 9px 20px #10b98142}.client-card-editor{flex:0 1 auto;overflow:visible;margin:10px 14px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:none;display:grid;gap:10px}.client-card-title{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}.client-card-title-text{min-width:0;display:grid;gap:2px}.client-card-title-text strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.2}.client-card-title-text span,.client-card-sync{color:var(--muted);font-size:11px}.client-card-sync{max-width:210px;min-height:28px;padding:0 9px;border-radius:999px;background:var(--field-soft);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.client-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.client-card-grid label,.client-card-comment{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.client-card-grid input,.client-card-comment textarea{width:100%;border-radius:9px;border:1px solid var(--line);padding:8px 10px;background:var(--field);color:var(--ink);font-size:12px}.client-card-followup{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--chat-soft-line);border-radius:12px;background:linear-gradient(180deg,var(--accent-light) 0%,var(--panel) 100%)}.client-card-followup-title{display:inline-flex;align-items:center;gap:9px;min-width:0;color:var(--ink)}.client-card-followup-title>svg{flex:0 0 auto;color:var(--accent)}.client-card-followup-title>div{display:grid;gap:2px;min-width:0}.client-card-followup-title strong{font-size:12px;line-height:1.2}.client-card-followup-title span{color:var(--muted);font-size:11px}.client-card-followup-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.followup-mode{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--button-quiet-bg);color:var(--muted);font-weight:800;font-size:12px;cursor:pointer}.followup-mode.active{color:#fff;border-color:transparent;background:var(--accent);box-shadow:0 10px 22px #4f46e52e}.followup-custom{display:inline-grid;grid-template-columns:76px 92px;gap:6px}.followup-custom input,.followup-custom select{min-height:34px;width:100%;border:1px solid var(--line);border-radius:999px;background:var(--field);color:var(--ink);font-size:12px;font-weight:800;padding:0 11px}.calls-card{display:grid;gap:9px;padding:10px;border:1px solid var(--chat-soft-line);border-radius:12px;background:linear-gradient(180deg,var(--accent-light) 0%,var(--panel) 100%)}.calls-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.calls-card-head>div:first-child{display:grid;gap:2px;min-width:0}.calls-card-head strong{color:var(--ink);font-size:13px}.calls-card-head span,.calls-summary,.calls-message,.call-main span,.call-main small{color:var(--muted);font-size:11px}.calls-card-meta{height:30px;padding:0 10px;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:var(--primary);display:inline-flex;align-items:center;gap:6px;font-weight:900}.calls-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.calls-actions select{width:auto;min-height:32px;border-radius:999px;padding:0 30px 0 11px;color:var(--ink);background:var(--button-quiet-bg);font-size:11px;font-weight:800}.calls-actions .text-button,.call-filter{min-height:32px;padding:0 10px;border-radius:999px;font-size:11px}.call-filter{border:1px solid var(--line);background:var(--button-quiet-bg);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:800}.call-filter.active{border-color:transparent;color:#fff;background:var(--danger);box-shadow:0 10px 22px #ef44442e}.calls-list{max-height:360px;overflow:auto;display:grid;gap:7px;padding-right:2px}.call-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.call-row.missed{border-color:#ef444447;background:linear-gradient(180deg,var(--danger-light) 0%,var(--panel) 95%)}.call-icon{width:32px;height:32px;border-radius:50%;color:var(--primary);background:var(--accent-light);display:grid;place-items:center}.call-row.missed .call-icon{color:#fff;background:var(--danger)}.call-main{min-width:0;display:grid;gap:2px}.call-main strong,.call-main span,.call-main small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-main strong{color:var(--ink);font-size:12px}.call-row time{color:var(--muted);font-size:11px;white-space:nowrap}.calls-workspace{display:grid;gap:16px;min-width:0}.calls-hero{padding:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;background:linear-gradient(135deg,var(--accent-light) 0%,var(--panel) 62%)}.eyebrow{display:inline-flex;min-height:24px;align-items:center;padding:0 9px;border-radius:999px;color:var(--primary);background:var(--panel);border:1px solid var(--chat-soft-line);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:0}.calls-hero h2{margin:8px 0 6px;font-size:28px;line-height:1.12}.calls-hero p{margin:0;max-width:760px;color:var(--muted)}.calls-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px}.calls-hero-stats span{min-height:74px;display:grid;align-content:center;gap:2px;padding:12px 14px;border-radius:16px;background:var(--panel);border:1px solid var(--line);color:var(--muted);box-shadow:var(--shadow-sm)}.calls-hero-stats strong{color:var(--ink);font-size:24px;line-height:1}.calls-toolbar{padding:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:end}.calls-toolbar label{flex:0 1 180px;display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.calls-toolbar label:first-child{flex-basis:320px}.calls-toolbar input,.calls-toolbar select{min-height:44px;border-radius:999px;padding:0 15px;font-size:14px}.calls-filter-tabs{flex:1 1 320px;min-height:44px;padding:4px;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.calls-filter-tabs button{border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:7px}.calls-filter-tabs button.active{color:#fff;background:var(--accent);box-shadow:var(--shadow-sm)}.calls-filter-tabs button span{min-width:22px;height:22px;border-radius:999px;display:inline-grid;place-items:center;padding:0 6px;color:var(--ink);background:var(--panel);font-size:11px;font-weight:950}.calls-filter-tabs button.active span{color:var(--accent)}.calls-review-list{display:grid;gap:10px}.calls-page-message{padding:14px 16px;border-radius:14px;border:1px solid var(--chat-soft-line);background:var(--accent-light);color:var(--ink);font-weight:750}.beeline-record-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-sm)}.beeline-record-card.resolved{background:linear-gradient(135deg,var(--success-light) 0%,var(--panel) 48%)}.record-leading{display:grid;place-items:start center}.record-call-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--accent);box-shadow:0 10px 22px #4f46e52e}.record-content{min-width:0;display:grid;gap:9px}.record-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.record-title-row>div{min-width:0;display:grid;gap:3px}.record-title-row strong{color:var(--ink);font-size:18px;line-height:1.15}.record-title-row span,.record-meta-grid{color:var(--muted);font-size:13px}.record-status{flex:0 0 auto;min-height:32px;min-width:138px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-radius:999px;font-size:13px;font-weight:900;white-space:nowrap;line-height:1}.record-status.open{color:var(--warning);background:color-mix(in srgb,var(--warning) 17%,transparent)}.record-status.resolved{color:#fff;background:var(--success)}.record-meta-grid{display:flex;flex-wrap:wrap;gap:6px}.record-meta-grid span{min-height:26px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:var(--field-soft);border:1px solid var(--line)}.record-player{min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.record-player audio{width:min(520px,100%);height:38px}.record-error{color:var(--danger);font-size:12px;font-weight:800}.record-actions{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding-top:2px}.record-state-line{min-width:0;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.resolve-call-button{min-height:38px;min-width:168px;border:0;border-radius:999px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:var(--success);font-weight:900;box-shadow:0 12px 24px #10b98133}.resolve-call-button.resolved{color:var(--ink);background:var(--button-quiet-bg);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.record-actions small{color:var(--muted);text-align:left;font-size:11px;font-weight:760;white-space:nowrap}.bitrix-card{display:grid;gap:9px;padding:10px;border:1px solid var(--chat-soft-line);border-radius:12px;background:linear-gradient(180deg,var(--accent-light) 0%,var(--panel) 100%)}.bitrix-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.bitrix-card-head>div:first-child{display:grid;gap:2px}.bitrix-card-head strong{color:var(--ink);font-size:13px}.bitrix-card-head span,.bitrix-message,.bitrix-contact span{color:var(--muted);font-size:11px}.bitrix-ids{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.bitrix-ids em{padding:5px 8px;border-radius:999px;background:var(--accent-light);color:var(--primary);font-size:11px;font-style:normal;font-weight:800}.bitrix-actions{display:flex;flex-wrap:wrap;gap:7px}.bitrix-actions .text-button,.bitrix-force-button{min-height:32px;padding:0 10px;border-radius:999px;font-size:11px}.bitrix-contact-list{display:grid;gap:7px}.bitrix-contact{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.bitrix-contact.active{border-color:var(--accent);background:var(--accent-light)}.bitrix-contact>div:first-child{min-width:0;display:grid;gap:2px}.bitrix-contact strong,.bitrix-contact span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bitrix-contact>div:last-child{display:inline-flex;align-items:center;gap:7px}.bitrix-contact a,.bitrix-contact button{height:30px;border-radius:999px;border:1px solid var(--line);background:var(--button-quiet-bg);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:5px}.bitrix-contact a{width:30px}.bitrix-contact button{padding:0 10px;font-weight:800}.bitrix-contact button:hover,.bitrix-contact a:hover{border-color:var(--accent);color:var(--primary)}.compact-button{width:fit-content;margin-left:auto;min-height:34px;padding:0 12px;border-radius:9px;font-size:12px}.notes-inline-toggle{position:relative}.notes-fab span{min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;background:var(--danger);color:#fff;font-size:11px;line-height:1}.mobile-list-toggle,.mobile-dialogs-button,.mobile-close,.mobile-menu-button{display:none}.message-feed{min-height:0;flex:1 1 auto;padding:24px max(24px,5vw);overflow:auto;display:flex;flex-direction:column;gap:12px}.message-empty{margin:auto;width:min(340px,100%);display:grid;place-items:center;gap:12px;padding:32px;border-radius:16px;background:var(--panel);color:var(--muted);text-align:center;box-shadow:var(--shadow-sm)}.message-empty strong{color:var(--ink);font-size:16px}.message-empty span{font-size:13px}.message-line{display:flex}.message-line.outbound{justify-content:flex-end}.message-bubble{width:fit-content;min-width:0;max-width:min(620px,74%);padding:12px 16px 10px;background:var(--inbound-message);border:1px solid transparent;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.5;box-shadow:var(--shadow-sm);color:#fff;position:relative;border-radius:16px 16px 16px 4px}.message-bubble.message-image,.message-bubble.message-video{max-width:min(452px,74%)}.message-bubble.message-audio{width:min(440px,74%);max-width:min(440px,74%);padding:12px}.message-bubble p{margin:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.media-placeholder{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:inherit;opacity:.75}.message-media-image-button{width:100%;max-width:100%;display:block;padding:0;margin:0 0 8px;border:0;border-radius:12px;background:transparent;cursor:zoom-in}.message-media-image,.message-media-video{display:block;width:min(420px,100%);max-width:100%;max-height:360px;object-fit:contain;border-radius:12px;background:var(--media-soft);margin-bottom:8px}.message-media-image-button .message-media-image{width:100%;margin-bottom:0}.message-media-image-button:hover .message-media-image{filter:brightness(.96)}.message-media-audio-element{display:none}.message-media-audio-card{width:100%;min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px;padding:10px 12px;border-radius:18px;margin-bottom:8px;background:#ffffff29;border:1px solid rgba(255,255,255,.14)}.outbound .message-media-audio-card{background:var(--field-soft);border-color:var(--line)}.audio-play-button{width:44px;height:44px;border:0;border-radius:999px;display:grid;place-items:center;color:#fff;background:#fff3;box-shadow:inset 0 0 0 1px #ffffff2e;cursor:pointer}.audio-play-button svg{margin-left:1px}.outbound .audio-play-button{color:var(--accent);background:#4f46e51f;box-shadow:inset 0 0 0 1px #4f46e51f}.audio-player-body{min-width:0;display:grid;gap:8px}.audio-player-topline{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.audio-player-label{min-width:0;display:inline-flex;align-items:center;gap:7px;margin:0;text-align:left;color:#ffffffdb;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outbound .audio-player-label{color:var(--muted)}.audio-player-time{margin:0;color:#ffffffb8;font-size:11px;font-weight:750;white-space:nowrap}.outbound .audio-player-time{color:var(--muted)}.audio-progress{width:100%;height:18px;margin:0;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.audio-progress:disabled{cursor:default;opacity:.7}.audio-progress::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.92) 0 var(--audio-progress, 0%),rgba(255,255,255,.28) var(--audio-progress, 0%) 100%)}.audio-progress::-webkit-slider-thumb{width:14px;height:14px;margin-top:-4.5px;border:2px solid #fff;border-radius:999px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--accent);box-shadow:0 4px 10px #0f172a2e}.outbound .audio-progress::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--accent) 0 var(--audio-progress, 0%),rgba(79,70,229,.16) var(--audio-progress, 0%) 100%)}.audio-progress::-moz-range-track{height:5px;border-radius:999px;background:#ffffff47}.audio-progress::-moz-range-progress{height:5px;border-radius:999px;background:#ffffffeb}.outbound .audio-progress::-moz-range-track{background:#4f46e529}.outbound .audio-progress::-moz-range-progress{background:var(--accent)}.audio-progress::-moz-range-thumb{width:11px;height:11px;border:2px solid #fff;border-radius:999px;background:var(--accent);box-shadow:0 4px 10px #0f172a2e}.message-file-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:min(320px,100%);color:inherit;text-decoration:none;padding:10px;border-radius:12px;background:#ffffff24;margin-bottom:8px}.outbound .message-file-link{background:var(--field-soft);color:var(--ink)}.message-file-link span,.message-file-link strong,.message-file-link small{min-width:0;display:block}.message-file-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-file-link small{color:#ffffffb8;font-size:11px}.outbound .message-file-link small{color:var(--muted)}.outbound .message-bubble{background:var(--outbound-message);color:var(--ink);border:2px solid rgba(79,70,229,.75);border-bottom-left-radius:16px;border-bottom-right-radius:4px}.message-bubble p,.message-bubble em,.message-file-link strong{color:#fff}.outbound .message-bubble p,.outbound .message-bubble em,.outbound .message-file-link strong{color:var(--ink)}.message-bubble span{display:block;margin-top:6px;text-align:right;color:#ffffffb8;font-size:11px}.outbound .message-bubble span{color:var(--muted)}.message-bubble .message-file-link span{margin:0;text-align:left}.message-bubble .audio-player-label,.message-bubble .audio-player-time{margin:0}.message-bubble .audio-player-label{display:inline-flex;align-items:center;gap:7px;text-align:left;color:#ffffffdb;font-size:12px;font-weight:800;white-space:nowrap}.outbound .message-bubble .audio-player-label{color:var(--muted)}.message-bubble .audio-player-time{display:block;text-align:right;color:#ffffffb8;font-size:11px;font-weight:750;white-space:nowrap}.outbound .message-bubble .audio-player-time{color:var(--muted)}.message-input{flex:0 0 auto;padding:8px max(18px,4vw) 14px;background:var(--chat-soft);border-top:1px solid var(--chat-soft-line);display:grid;gap:6px;box-shadow:0 -8px 24px #0f172a08}.chat-drop-overlay{position:absolute;top:68px;right:0;bottom:0;left:0;z-index:25;display:grid;place-items:center;pointer-events:none;background:color-mix(in srgb,var(--accent) 12%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.chat-drop-overlay span{display:inline-flex;align-items:center;gap:12px;padding:18px 22px;border-radius:22px;color:#fff;background:var(--accent);box-shadow:0 18px 48px #4f46e547;font-size:15px;font-weight:850}.composer-resize-handle{width:min(980px,100%);height:14px;margin:-2px auto -1px;padding:0;border:0;border-radius:999px;display:grid;place-items:center;background:transparent;cursor:ns-resize;touch-action:none}.composer-resize-handle:before{content:"";width:74px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--accent) 34%,transparent);transition:width .16s ease,background .16s ease}.composer-resize-handle:hover:before,.composer-resize-handle:focus-visible:before{width:92px;background:color-mix(in srgb,var(--accent) 58%,transparent)}.input-status{width:min(980px,100%);margin:0 auto;padding:0 12px;display:flex;align-items:center;min-height:16px;color:var(--muted);font-size:12px}.message-input textarea{min-height:58px;max-height:min(220px,32vh);min-width:0;flex:1;resize:none;border:0;border-radius:0;padding:8px 4px;background:transparent;font-size:15px;line-height:1.45;overflow-y:auto}.message-input textarea:focus{background:transparent;box-shadow:none}.message-input-wrapper{position:relative;width:min(980px,100%);min-height:74px;margin:0 auto;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:end;gap:8px;padding:8px;border:1px solid var(--chat-soft-line);border-radius:34px;background:var(--field);box-shadow:var(--input-shadow);transition:border-color .2s ease,box-shadow .2s ease}.message-input-wrapper:focus-within{border-color:#4f46e56b;background:var(--field);box-shadow:var(--input-shadow)}.send-button{position:static;width:40px;height:40px;min-height:40px;align-self:end;padding:0;border-radius:999px;box-shadow:0 8px 18px #4f46e538}.send-button:disabled{color:#94a3b8;background:var(--field-soft);opacity:1;box-shadow:none}.attach-button{position:relative;width:40px;height:40px;min-width:40px;min-height:40px;align-self:end;margin:0;flex:0 0 auto;border:0;border-radius:999px;background:#4f46e51a;color:var(--accent);box-shadow:none;cursor:pointer;overflow:hidden}.attach-button:hover{background:#4f46e529;color:var(--accent-strong)}.attach-button.disabled{cursor:not-allowed;opacity:.58;pointer-events:none}.hidden-file-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.selected-file-pill{width:fit-content;max-width:min(980px,100%);justify-self:center;display:flex;align-items:center;gap:8px;min-height:34px;border:1px solid var(--line);border-radius:999px;padding:4px 6px 4px 10px;background:var(--field-soft);color:var(--ink);font-size:13px}.selected-file-pill span{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file-pill small{color:var(--muted)}.selected-file-pill button{width:24px;height:24px;border:0;border-radius:999px;display:grid;place-items:center;background:#e2e8f0;color:var(--ink)}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:28px;background:#0f172ac7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-lightbox figure{max-width:min(1120px,94vw);max-height:92vh;margin:0;display:grid;gap:10px;place-items:center}.image-lightbox img{max-width:100%;max-height:calc(92vh - 54px);display:block;border-radius:18px;object-fit:contain;box-shadow:0 26px 80px #0000005c}.image-lightbox figcaption{max-width:min(760px,90vw);padding:8px 12px;border-radius:999px;color:#fff;background:#0f172a94;font-size:13px;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-lightbox-close{position:absolute;top:22px;right:22px;width:46px;height:46px;border:1px solid rgba(255,255,255,.24);border-radius:50%;display:grid;place-items:center;color:#fff;background:#0f172a8f;box-shadow:0 14px 40px #00000038}.image-lightbox-close:hover{background:#ef4444f0}.chat-error{margin:0 12px 12px}.empty-chat{display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center}.notes-panel{width:100%;height:100%;border-left:1px solid var(--line);padding:0 16px 16px;display:none;grid-template-rows:auto minmax(0,1fr) auto auto;gap:16px;background:var(--panel-soft)}.notes-open .message-bubble{max-width:min(560px,68%)}.notes-open .message-bubble.message-image,.notes-open .message-bubble.message-video{max-width:min(392px,68%)}.notes-open .message-bubble.message-audio{width:min(420px,68%);max-width:min(420px,68%)}.notes-open .message-media-image,.notes-open .message-media-video{width:min(360px,100%)}.notes-open .notes-panel{display:grid}.notes-open .panel-backdrop,.dialogs-open .panel-backdrop{opacity:1;pointer-events:auto}.notes-heading{margin:0 -14px}.notes-heading p{font-size:12px}.notes-fab{width:46px;height:46px;border:1px solid var(--line);border-radius:999px;position:absolute;right:18px;bottom:82px;z-index:8;display:grid;place-items:center;background:var(--panel);color:var(--ink);box-shadow:0 12px 26px #0f172a24}.notes-fab span{position:absolute;top:-5px;right:-5px}.notes-list{overflow:auto;display:grid;align-content:start;gap:10px}.contact-card{display:grid;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.contact-card>div{display:flex;align-items:center;gap:10px;min-width:0}.contact-card strong,.contact-card span{display:block}.contact-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-card span{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.note-item{border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--panel)}.note-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.note-item-head>div:first-child{min-width:0}.note-actions{display:flex;gap:6px;flex:0 0 auto}.note-actions .icon-button{width:32px;min-height:32px}.danger-button{color:var(--danger)}.danger-button:hover{border-color:#ef44445c;background:var(--danger-light);color:var(--danger)}.note-item strong,.note-item span{display:block;font-size:12px}.note-item p{margin:6px 0;color:var(--ink);font-size:13px}.note-item span,.muted-note{color:var(--muted);font-size:12px}.note-edit-form{display:grid;gap:8px;margin-top:10px}.note-edit-form textarea{resize:vertical}.note-edit-form>div{display:flex;justify-content:flex-end;gap:8px}.chat-empty{display:grid;place-items:center;gap:6px;text-align:center}.users-workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:start}.user-form{padding:20px;display:grid;gap:14px}.users-list-panel{padding:20px}.users-table{display:grid;gap:10px}.user-row{min-height:64px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:42px minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:10px;background:var(--panel)}.user-row strong,.user-row span{display:block}.user-row span{color:var(--muted);font-size:13px}.user-row em{font-style:normal;color:var(--muted);font-size:13px}.user-status{min-height:24px;display:inline-flex;align-items:center;padding:0 8px;border-radius:8px;font-size:12px;font-weight:760}.user-status.active{background:var(--success-light);color:var(--success)}.user-status.inactive{background:var(--field-soft);color:var(--muted)}@media(max-width:1120px){.content-grid,.composer-grid,.users-workspace,.calls-hero,.calls-toolbar{grid-template-columns:1fr}.calls-hero-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.chat-workspace{grid-template-columns:300px minmax(0,1fr)}.chat-header-actions select{min-width:160px;max-width:180px}.client-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-card-editor{max-height:min(590px,calc(100vh - 184px));overflow-y:auto}}@media(max-width:920px){.chat-workspace{grid-template-columns:1fr}.chat-list-panel{width:min(360px,calc(100vw - var(--sidebar-rail) - 18px));position:absolute;inset:0 auto 0 0;z-index:11;border-right:1px solid var(--line);box-shadow:18px 0 46px #0f172a24;transform:translate(-102%);transition:transform .18s ease}.dialogs-open .chat-list-panel{transform:translate(0)}.mobile-list-toggle,.mobile-dialogs-button,.mobile-close,.mobile-menu-button{display:inline-flex}.chat-header-actions select{display:none}.close-dialog-button{min-width:40px;padding:0 10px}.notes-panel{width:min(380px,calc(100vw - var(--sidebar-rail) - 18px))}.beeline-record-card{grid-template-columns:44px minmax(0,1fr)}.record-actions{align-items:stretch;flex-direction:column}.record-state-line,.resolve-call-button{width:100%}.record-status{min-width:0}}@media(max-width:720px){.app-shell{grid-template-columns:1fr}.sidebar{width:min(292px,calc(100vw - 24px));align-items:stretch;padding:18px;gap:24px;transform:translate(-104%);box-shadow:18px 0 56px #0f172a3d}.sidebar-open .sidebar{width:min(292px,calc(100vw - 24px));transform:translate(0)}.sidebar .brand-copy,.sidebar .nav-label,.sidebar .sidebar-user,.sidebar .sidebar-toggle{max-width:190px;opacity:1;pointer-events:auto;transform:translate(0)}.sidebar .brand{justify-content:flex-start}.sidebar .brand-mark{width:40px;height:40px}.sidebar nav{align-items:stretch}.sidebar .nav-item{width:100%;height:44px;min-height:44px;justify-content:flex-start;padding:0 14px;gap:12px}.sidebar .nav-label{justify-self:start}.sidebar-footer{justify-content:space-between}.sidebar-footer .icon-button{width:40px;min-height:40px}.workspace{grid-column:1;padding:16px}.topbar,.section-heading,.detail-header{display:flex;align-items:flex-start}.stats-row,.preview-stats{grid-template-columns:1fr}.calls-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-chat{height:100vh;padding:0}.workspace-chat .topbar{min-height:74px;padding:12px}.workspace-chat .topbar h1{font-size:20px}.workspace-chat .topbar p{display:none}.chat-workspace{height:100vh}.chat-list-panel,.notes-panel{width:min(360px,calc(100vw - 18px))}.chat-header{padding:10px 12px;min-height:64px;min-width:0;overflow:hidden}.avatar.large{width:42px;height:42px}.chat-header h2{font-size:16px}.chat-header p{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-actions{flex:0 0 auto;gap:6px}.close-dialog-button{width:40px;min-width:40px;padding:0;font-size:0}.close-dialog-button:before{content:"×";font-size:22px;line-height:1}.message-feed{padding:14px 12px}.message-bubble{max-width:88%}.message-bubble.message-audio{width:88%;max-width:88%}.message-input{padding:8px 10px 12px}.message-input textarea{min-height:52px;max-height:min(180px,30vh);padding:7px 2px;font-size:14px}.message-input-wrapper{min-height:68px;grid-template-columns:38px minmax(0,1fr) 38px;gap:6px;padding:7px;border-radius:32px}.send-button{width:38px;height:38px;min-height:38px}.attach-button{width:38px;height:38px;min-width:38px;min-height:38px}.notes-fab{right:12px;bottom:72px}.client-card-editor{margin:10px 12px 0}.client-card-title{grid-template-columns:42px minmax(0,1fr)}.client-card-sync{grid-column:1 / -1;justify-self:start;max-width:100%}.client-card-grid{grid-template-columns:1fr}.client-card-followup{align-items:stretch;flex-direction:column}.client-card-followup-controls{justify-content:flex-start}.selected-file-pill span{max-width:180px}}