:root{color-scheme:dark;--color-bg: #050607;--color-bg-elevated: #08090b;--color-surface: #0b0c0f;--color-surface-soft: #111318;--color-surface-hover: #181b21;--color-surface-raised: #1f232b;--color-panel: rgba(13, 14, 17, .94);--color-card: rgba(20, 21, 24, .94);--color-dialog: #101114;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .14);--color-text: rgba(255, 255, 255, .9);--color-text-primary: rgba(255, 255, 255, .96);--color-text-secondary: rgba(228, 235, 246, .74);--color-text-soft: rgba(202, 213, 228, .5);--color-muted: rgba(213, 223, 238, .58);--color-accent-blue: #7aa2ff;--color-accent-blue-soft: rgba(122, 162, 255, .14);--color-accent-green: #36d399;--color-accent-orange: #f7b955;--color-accent-purple: #a78bfa;--color-accent-red: #ff4d61;--color-danger: #ff6b7d;--color-danger-soft: rgba(255, 77, 97, .13);--color-success: #36d399;--color-success-soft: rgba(54, 211, 153, .13);--color-focus: rgba(122, 162, 255, .24);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-pill: 999px;--shadow-soft: 0 18px 48px rgba(0, 0, 0, .26);--shadow-card: 0 12px 30px rgba(0, 0, 0, .22);--shadow-popover: 0 20px 54px rgba(0, 0, 0, .36);--bg: var(--color-bg);--surface: var(--color-surface);--surface-soft: var(--color-surface-soft);--surface-hover: var(--color-surface-hover);--surface-raised: var(--color-surface-raised);--line: var(--color-border);--line-strong: var(--color-border-strong);--text: var(--color-text);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-soft: var(--color-text-soft);--muted: var(--color-muted);--blue: var(--color-accent-blue);--blue-soft: var(--color-accent-blue-soft);--accent-blue: var(--color-accent-blue);--accent-green: var(--color-accent-green);--accent-orange: var(--color-accent-orange);--accent-purple: var(--color-accent-purple);--accent-red: var(--color-accent-red);--danger: var(--color-danger);--danger-soft: var(--color-danger-soft);--success: var(--color-success);--success-soft: var(--color-success-soft);--focus: var(--color-focus);--radius: var(--radius-md);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;height:100%;min-height:100%}*{box-sizing:border-box}body{margin:0;min-width:1024px;min-height:100dvh;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.045),transparent 32%),linear-gradient(180deg,#08090b 0%,var(--bg) 100%);color:var(--text)}button,input,select,textarea{font:inherit}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--blue);border-radius:var(--radius-sm);background:linear-gradient(135deg,#7aa2ffeb,#6d5dfceb);color:#fff;padding:8px 14px;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:0 12px 26px #4b69be38;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.button:hover:not(:disabled),.button:focus-visible{border-color:#fff3;box-shadow:0 16px 34px #4b69be47;outline:none;transform:translateY(-1px)}.button.secondary{border-color:var(--line);background:#ffffff0f;color:var(--text);box-shadow:none}.button.danger{border-color:var(--danger);background:linear-gradient(135deg,#ff4d61eb,#a02d40eb)}.button:disabled{cursor:wait;opacity:.58}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px}.login-panel{width:min(440px,100%);display:grid;gap:18px;padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft)}.login-heading,.brand-block{display:flex;align-items:center;gap:12px}.login-heading h1{margin:0;font-size:24px}.login-heading p,.brand-block span,.page-heading p{margin:4px 0 0;color:var(--muted)}.brand-mark{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(245,158,11,.2);border-radius:14px;background:#facc15;color:#fff;font-weight:900}.brand-mark img{width:100%;height:100%;display:block;object-fit:cover}.field{display:grid;gap:7px}.field span{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:42px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 11px;color:var(--text);background:#ffffff0b}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--focus)}.field input:disabled,.field select:disabled,.field textarea:disabled{cursor:not-allowed;opacity:.72}.field-error{padding:10px 12px;border:1px solid rgba(194,65,75,.28);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-weight:650}.save-state{color:var(--success);font-weight:700}.app-shell{--sidebar-width: 248px;height:100dvh;min-height:100dvh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);overflow:hidden}.app-shell.sidebar-collapsed{--sidebar-width: 76px}.sidebar{position:relative;height:100%;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:radial-gradient(circle at 28% 0%,rgba(255,255,255,.045),transparent 32%),linear-gradient(180deg,#101114,#08090b);width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);color:var(--text);padding:18px 16px;overflow:visible;transition:padding .18s ease}.app-shell:not(.sidebar-collapsed) .sidebar{padding:18px 16px}.app-shell.sidebar-collapsed .sidebar{padding:16px 10px}.sidebar-header{position:relative;margin-bottom:22px}.brand-block{margin-bottom:22px;border:1px solid var(--line);border-radius:16px;background:#121316c2;padding:10px;box-shadow:var(--shadow-card)}.sidebar .brand-block{margin:0;color:inherit;text-decoration:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.sidebar .brand-block:hover{border-color:#ffffff24;background:#1c1e23e6;box-shadow:var(--shadow-soft)}.brand-block strong{display:block}.brand-copy{min-width:0}.sidebar .brand-block strong{max-width:132px;overflow:hidden;color:var(--text-primary);font-size:13px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.sidebar .brand-block span{display:block;max-width:132px;overflow:hidden;color:var(--muted);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.sidebar .brand-mark{flex:none;background:transparent;box-shadow:0 8px 18px #f59e0b2e}.sidebar-collapse-button{position:absolute;right:8px;top:50%;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:#16181ceb;color:var(--muted);cursor:pointer;transform:translateY(-50%);box-shadow:0 10px 24px #0f172a14;transition:color .18s ease,border-color .18s ease,box-shadow .18s ease}.sidebar-collapse-button:hover{border-color:var(--line-strong);color:var(--text-primary);box-shadow:var(--shadow-card)}.sidebar-group-title{margin:22px 6px 8px;color:var(--text-soft);font-size:12px;font-weight:800;text-transform:uppercase}.sidebar-nav{display:grid;gap:6px}.sidebar-nav a{min-height:42px;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:12px;padding:8px 10px;color:var(--text-secondary);text-decoration:none;font-weight:750;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.sidebar-nav a.active,.sidebar-nav a:hover{border-color:#ffffff1f;background:linear-gradient(135deg,#2a2d34b8,#121316e6);color:var(--text-primary);box-shadow:inset 3px 0 0 var(--blue),var(--shadow-card)}.nav-icon{width:26px;height:26px;display:grid;place-items:center;flex:none;border-radius:9px;background:var(--surface-soft);color:var(--muted);font-size:10px;font-weight:900;letter-spacing:0}.sidebar-svg-icon{width:17px;height:17px;display:block}.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav a.active .nav-icon,.sidebar-nav a:hover .nav-icon{background:#ffffff1a;color:var(--text-primary)}.sidebar-collapsed .sidebar-header{margin-bottom:18px}.sidebar-collapsed .brand-block{justify-content:center;border-color:transparent;background:transparent;padding:0;box-shadow:none}.sidebar-collapsed .brand-copy{display:none}.sidebar-collapsed .brand-mark{width:44px;height:44px}.sidebar-collapsed .sidebar-collapse-button{right:0;top:54px;transform:none}.sidebar-collapsed .sidebar-group-title{height:1px;margin:16px 8px 8px;overflow:hidden;background:var(--line);color:transparent;font-size:0}.sidebar-collapsed .sidebar-nav a{justify-content:center;min-height:44px;padding:8px}.sidebar-collapsed .nav-label{display:none}.sidebar-collapsed .nav-icon{width:30px;height:30px}.sidebar-collapsed .sidebar-nav a.active,.sidebar-collapsed .sidebar-nav a:hover{box-shadow:inset 0 -3px 0 var(--blue),var(--shadow-card)}.sidebar-user{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px 10px;align-items:center;margin-top:auto;border:1px solid var(--line);border-radius:16px;background:#121316c2;padding:10px;box-shadow:var(--shadow-card)}.sidebar-user-copy{min-width:0;display:grid;gap:1px}.sidebar-user-copy strong,.sidebar-user-copy span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-copy strong{color:var(--text-primary);font-size:13px;font-weight:900}.sidebar-user-copy span{color:var(--muted);font-size:11px;font-weight:800}.sidebar-logout{grid-column:1 / -1;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:999px;background:#16181ceb;color:var(--text-secondary);cursor:pointer;padding:5px 10px;font-size:12px;font-weight:850;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.sidebar-logout:hover,.sidebar-logout:focus-visible{border-color:var(--line-strong);background:#ffffff14;color:var(--text-primary);box-shadow:var(--shadow-card);outline:none}.sidebar-logout .sidebar-svg-icon{width:15px;height:15px}.sidebar-collapsed .sidebar-user{justify-items:center;grid-template-columns:1fr;gap:6px;border-color:transparent;background:transparent;padding:0;box-shadow:none}.sidebar-collapsed .sidebar-user-copy{display:none}.sidebar-collapsed .sidebar-logout{width:34px;height:0;min-height:0;display:none;overflow:hidden;opacity:0;pointer-events:none;padding:0;transition:height .16s ease,min-height .16s ease,opacity .16s ease,background .16s ease,color .16s ease}.sidebar-collapsed .sidebar-logout span{display:none}.workspace{min-width:0;height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;background:radial-gradient(circle at 40% 0%,rgba(255,255,255,.04),transparent 34%),linear-gradient(180deg,#08090b,#050607)}.topbar{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);background:#090d14db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:6px 18px}.topbar strong{display:block}.topbar-context{min-width:0;display:grid;gap:2px}.topbar-context strong{overflow:hidden;color:var(--text-primary);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.topbar-profile{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:9px}.profile-avatar{width:34px;height:34px;display:grid;place-items:center;flex:none;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:linear-gradient(135deg,#ffffff21,#a78bfa21);color:var(--blue);font-size:12px;font-weight:900}.profile-avatar img{width:100%;height:100%;display:block;object-fit:cover}.topbar-profile-copy{min-width:0;display:grid;gap:1px}.topbar-profile-copy strong,.topbar-profile-copy span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-profile-copy strong{max-width:180px;color:var(--text-primary);font-size:14px}.topbar-profile-copy span{color:var(--muted);font-size:11px;font-weight:800}.topbar-logout{min-height:32px;border-radius:999px;padding:5px 10px;font-size:12px}.eyebrow{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.content{height:100%;min-height:0;overflow:auto;padding:12px 18px 18px}.page-section{display:grid;gap:18px}.page-heading h1{margin:0;font-size:28px}.subtle-status{margin:6px 0 0;color:var(--muted);font-size:13px}.live-refresh-status{color:var(--muted);font-size:12px;font-weight:800}.state{display:grid;gap:8px;align-content:start;width:100%;min-height:140px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:20px;color:var(--muted)}.state strong{color:var(--text);font-size:18px}.state-error{border-color:#c2414b47;background:var(--danger-soft)}.state-error strong{color:var(--danger)}.state-loading{place-items:center;text-align:center}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--blue);animation:spin .9s linear infinite}.org-list{display:grid;gap:10px}.org-option{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;cursor:pointer}.org-option:has(input:checked){border-color:var(--blue);background:var(--blue-soft)}.org-option small{display:block;margin-top:3px;color:var(--muted)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#1118276b;padding:24px}.dialog{width:min(420px,100%);display:grid;gap:14px;border-radius:8px;background:var(--surface);padding:22px;box-shadow:0 18px 60px #1a263a3d}.dialog h2,.dialog p{margin:0}.dialog p{color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.message-edit-dialog{width:min(560px,100%)}.message-edit-dialog textarea{min-height:140px;max-height:min(48vh,420px);resize:vertical;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text-primary);padding:12px;font:inherit;line-height:1.45}.message-edit-dialog textarea:focus{border-color:#2563eb94;outline:3px solid rgba(37,99,235,.12)}.page-heading-row{display:flex;align-items:end;justify-content:space-between;gap:18px}.toolbar-actions{display:flex;align-items:end;gap:10px}.search-field{width:min(360px,100%);display:grid;gap:6px}.search-field span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.search-field input{min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:8px 11px}.search-field input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--focus)}.view-switch{min-height:40px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:3px}.view-switch button{min-height:32px;border:0;border-radius:6px;background:transparent;color:var(--muted);padding:6px 10px;font-weight:800;cursor:pointer}.view-switch button.active{background:var(--blue-soft);color:var(--blue)}.chat-list,.contact-list,.request-list,.calendar-list{display:grid;gap:8px}.chat-list-item,.contact-list-item,.request-list-item,.calendar-list-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-height:88px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px;color:var(--text);text-decoration:none}.chat-list-item:hover,.contact-list-item:hover,.request-list-item:hover,.calendar-list-item:hover{border-color:var(--line-strong);box-shadow:0 8px 28px #1a263a14}.calendar-list-item{width:100%;grid-template-columns:92px minmax(0,1fr);text-align:left;cursor:pointer}.calendar-list-item.active{border-color:#2563eb5c;background:var(--blue-soft)}.avatar{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:8px;background:var(--surface-soft);color:var(--blue);font-weight:900}.avatar.large{width:54px;height:54px;font-size:18px}.chat-avatar{width:40px;height:40px;display:grid;place-items:center;flex:none;overflow:hidden;border:1px solid rgba(37,99,235,.16);border-radius:999px;background:linear-gradient(135deg,#edf4ff,#f7fafc);color:var(--blue);font-size:13px;font-weight:900;line-height:1;text-transform:uppercase}.chat-avatar.compact{width:32px;height:32px;font-size:11px}.chat-avatar img{width:100%;height:100%;display:block;object-fit:cover}.chat-list-main,.contact-list-main,.request-list-main,.calendar-list-main{min-width:0;display:grid;gap:6px}.chat-list-title-row,.contact-list-title-row,.request-list-title-row,.calendar-list-title-row,.message-meta{display:flex;align-items:center;gap:8px}.chat-list-title-row strong,.contact-list-title-row strong,.request-list-title-row strong,.calendar-list-title-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-title-row time,.contact-list-title-row time,.request-list-title-row time,.calendar-list-title-row time{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}.chat-list-main p,.calendar-list-main p,.message-bubble p{margin:0;color:var(--muted);line-height:1.45}.chat-list-main p,.calendar-list-main p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list .meta-row{min-width:0}.chat-list .meta-row span{min-width:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list .meta-row .list-stage-chip{--stage-color: var(--blue);--stage-color-soft: var(--blue-soft);--stage-color-border: rgba(37, 99, 235, .28);flex:0 1 auto;max-width:180px;border:1px solid var(--stage-color-border);border-left:4px solid var(--stage-color);background:var(--stage-color-soft);color:var(--stage-color);font-weight:850}.chat-pipeline-view{display:grid;gap:12px}.pipeline-funnel-tabs{display:flex;flex-wrap:wrap;gap:8px}.pipeline-funnel-tabs button{min-width:170px;display:grid;gap:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:10px 12px;text-align:left;cursor:pointer}.pipeline-funnel-tabs button.active{border-color:#2563eb5c;background:var(--blue-soft)}.pipeline-funnel-tabs strong,.pipeline-funnel-tabs span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-funnel-tabs span{color:var(--muted);font-size:12px;font-weight:800}.pipeline-summary{display:flex;flex-wrap:wrap;gap:8px}.pipeline-summary span{min-height:28px;display:inline-flex;align-items:center;border-radius:999px;background:var(--surface);color:var(--muted);padding:4px 10px;font-size:13px;font-weight:800}.success-banner{min-height:40px;display:flex;align-items:center;border:1px solid rgba(24,114,90,.26);border-radius:8px;background:var(--success-soft);color:var(--success);padding:10px 12px;font-weight:800}.chat-kanban{--kanban-column-width: 292px;width:100%;max-width:100%;display:flex;align-items:flex-start;gap:14px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:2px 4px 14px;scrollbar-gutter:stable;scroll-padding-inline:4px;scroll-snap-type:x proximity}.chat-kanban,.kanban-column,.kanban-card{box-sizing:border-box}.kanban-column{--stage-color: var(--blue);--stage-color-soft: var(--blue-soft);--stage-color-border: rgba(37, 99, 235, .28);flex:0 0 var(--kanban-column-width);width:var(--kanban-column-width);min-width:0;max-width:var(--kanban-column-width);min-height:520px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;scroll-snap-align:start}.kanban-column.drop-target{outline:2px solid var(--stage-color);outline-offset:2px}.kanban-column.drop-target>header{border-color:var(--stage-color);box-shadow:0 8px 24px #1a263a1a}.kanban-column.drop-target .kanban-cards{border-radius:8px;background:linear-gradient(180deg,var(--stage-color-soft),transparent 220px)}.kanban-column.drop-disabled{opacity:.82}.kanban-column>header{min-width:0;min-height:82px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;border:1px solid var(--line);border-radius:8px;border-left:5px solid var(--stage-color);background:linear-gradient(90deg,var(--stage-color-soft),var(--surface) 48%);padding:10px}.kanban-column>header>div{min-width:0}.kanban-column h2{display:-webkit-box;margin:4px 0 0;overflow:hidden;color:var(--text);font-size:16px;line-height:1.2;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.kanban-column header span{display:block;min-width:0;overflow:hidden;color:var(--muted);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.kanban-column-counters{min-width:96px;display:grid;justify-items:end;gap:6px}.kanban-column-counters .kanban-column-count,.kanban-column-counters .stage-unread-total{width:fit-content;max-width:124px;min-height:26px;display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900;line-height:1}.kanban-column-counters .kanban-column-count{background:var(--stage-color-soft);color:var(--stage-color)}.kanban-column-counters .kanban-column-count b{margin-left:4px}.kanban-column-counters .stage-unread-total{border:1px solid rgba(22,163,74,.24);background:#dcfce7eb;color:#15803d;box-shadow:0 6px 16px #16a34a14}.kanban-cards{min-height:420px;max-height:max(420px,calc(100vh - 330px));display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;padding:0 2px 2px 0;scrollbar-gutter:stable}.kanban-card{flex:0 0 auto;min-width:0;width:100%;min-height:118px;display:grid;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);overflow:hidden;padding:10px;text-decoration:none}.kanban-card[role=link]{cursor:pointer}.kanban-card.draggable-card{cursor:grab}.kanban-card.draggable-card:active{cursor:grabbing}.kanban-card.move-disabled{cursor:default}.kanban-card.is-dragging{border-color:var(--stage-color);opacity:.58;transform:rotate(.35deg)}.kanban-drag-ghost{position:fixed;z-index:40;width:240px;pointer-events:none;display:grid;gap:4px;border:1px solid var(--line-strong);border-radius:8px;background:#fffffff5;box-shadow:0 16px 36px #1a263a2e;color:var(--text);padding:10px}.kanban-drag-ghost strong,.kanban-drag-ghost span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-drag-ghost span{color:var(--muted);font-size:12px;font-weight:800}.kanban-card:hover{border-color:var(--line-strong);box-shadow:0 8px 24px #1a263a14}.meta-row .stage-chip{border:1px solid var(--stage-color-border);background:var(--stage-color-soft);color:var(--stage-color)}.kanban-card-title{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:8px}.kanban-card-title strong{display:-webkit-box;min-width:0;overflow:hidden;color:var(--text);line-height:1.25;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.kanban-card p{display:-webkit-box;min-width:0;margin:0;overflow:hidden;color:var(--muted);line-height:1.35;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.kanban-card-request{min-width:0;overflow:hidden;color:var(--text);font-size:13px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.kanban-card-preview{font-size:13px}.kanban-card-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.kanban-card-facts span{min-width:0;display:grid;gap:1px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:5px 6px;overflow:hidden}.kanban-card-facts b,.kanban-card-facts span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-card-facts b{color:var(--muted);font-size:10px;line-height:1.1;text-transform:uppercase}.kanban-card-facts span{color:var(--text);font-size:12px;font-weight:800;line-height:1.15}.kanban-card .meta-row{min-width:0;display:flex;align-items:flex-start;gap:5px}.kanban-card .meta-row span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-card .meta-row .stage-chip{flex:0 1 auto;max-width:150px}.kanban-card-responsible{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:6px 7px}.kanban-card-responsible.muted{grid-template-columns:minmax(0,1fr);color:var(--muted)}.responsible-avatar{width:24px;height:24px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(37,99,235,.16);border-radius:999px;background:#eef4ff;color:var(--blue);font-size:10px;font-weight:900;line-height:1;text-transform:uppercase}.responsible-avatar img{width:100%;height:100%;display:block;object-fit:cover}.responsible-copy{min-width:0;display:grid;gap:1px}.responsible-copy b,.responsible-copy span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.responsible-copy b{color:var(--muted);font-size:10px;line-height:1.1;text-transform:uppercase}.responsible-copy span{color:var(--text);font-size:12px;font-weight:850;line-height:1.2}.kanban-card-responsible.muted .responsible-copy span{color:var(--muted)}.kanban-card-actions{min-width:0;display:flex;flex-wrap:wrap;gap:5px;padding-top:2px}.kanban-card-action{min-height:24px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--blue);padding:3px 8px;font-size:12px;font-weight:800;text-decoration:none}.kanban-card-action:hover{border-color:var(--blue);background:var(--blue-soft)}.kanban-card .unread-badge.small{align-self:start;flex:none;max-width:52px;overflow:hidden;text-overflow:ellipsis}.kanban-empty{min-height:86px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:8px;color:var(--muted);padding:12px;text-align:center;font-weight:750}.chats-page{gap:10px}.chats-workbar{display:grid;gap:8px;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:#ffffffc7;box-shadow:0 8px 22px #0f172a0d;padding:9px 10px}.chats-workbar-primary,.chats-workbar-secondary{min-width:0;display:flex;align-items:center;gap:8px}.chats-workbar-primary{justify-content:space-between}.chats-workbar-secondary{align-items:stretch}.chats-mini-title{min-width:176px;display:grid;gap:1px}.chats-mini-title strong{color:var(--text-primary);font-size:18px;line-height:1.1}.chats-mini-title span{color:var(--muted);font-size:12px;font-weight:750}.chats-stat-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.chats-stat-row.compact{justify-content:flex-end;margin-left:auto}.chats-stat-row span{min-height:26px;display:inline-flex;align-items:center;border:1px solid rgba(148,163,184,.24);border-radius:999px;background:#ffffffc7;color:var(--text-secondary);padding:4px 9px;font-size:12px;font-weight:800;white-space:nowrap}.chats-stat-row b{margin-right:4px;color:var(--text-primary)}.chats-stat-row .stat-success{border-color:#16a34a33;background:#dcfce7c7;color:#15803d}.chat-search-field{flex:1 1 320px;max-width:560px}.chat-search-field>span{color:var(--text-soft)}.search-input-wrap{position:relative;display:flex;align-items:center}.search-input-wrap:before{content:"";width:14px;height:14px;position:absolute;left:13px;top:50%;border:2px solid var(--text-soft);border-radius:999px;pointer-events:none;transform:translateY(-50%)}.search-input-wrap:after{content:"";width:7px;height:2px;position:absolute;left:25px;top:calc(50% + 7px);background:var(--text-soft);border-radius:999px;pointer-events:none;transform:rotate(45deg)}.search-input-wrap input{width:100%;min-height:38px;border:1px solid rgba(148,163,184,.32);border-radius:11px;background:#ffffffe0;color:var(--text-primary);padding:8px 40px 8px 36px;box-shadow:inset 0 1px #fffc}.search-input-wrap input:focus{outline:none;border-color:#2563eb80;box-shadow:0 0 0 4px #2563eb1f}.search-input-wrap button{width:26px;height:26px;position:absolute;right:9px;display:grid;place-items:center;border:0;border-radius:999px;background:var(--surface-soft);color:var(--muted);cursor:pointer;font-size:18px;line-height:1}.search-input-wrap button:hover{background:var(--blue-soft);color:var(--blue)}.chats-workbar .view-switch{min-height:38px;border-color:#94a3b852;border-radius:11px;background:#ffffffc7;box-shadow:inset 0 1px #fffc}.chats-workbar .view-switch button{min-height:30px;border-radius:9px;color:var(--text-secondary);padding:5px 10px}.chats-workbar .view-switch button.active{background:linear-gradient(135deg,var(--blue),#4f46e5);color:#fff;box-shadow:0 8px 18px #2563eb38}.online-dot{width:14px;height:14px;align-self:center;flex:none;border-radius:999px;background:var(--accent-green);box-shadow:0 0 0 4px #16a34a1f}.online-dot.refreshing{animation:pulse-dot 1.15s ease-in-out infinite}.online-dot.paused{background:var(--accent-orange);box-shadow:0 0 0 4px #f59e0b24}.pipeline-funnel-tabs{flex:1 1 auto;gap:10px}.pipeline-funnel-tabs button{min-width:190px;border-color:#94a3b83d;border-radius:12px;background:linear-gradient(180deg,#fff,#f9fbff);box-shadow:0 8px 22px #0f172a0d;padding:9px 11px}.pipeline-funnel-tabs button.active{border-color:#2563eb6b;background:linear-gradient(180deg,#e5efffcc,#fff),#fff;box-shadow:inset 0 3px 0 var(--blue),0 12px 28px #2563eb1f}.pipeline-funnel-tabs em{width:fit-content;border-radius:999px;background:#dcfce7db;color:#15803d;padding:3px 8px;font-size:12px;font-style:normal;font-weight:900}.pipeline-summary{gap:7px}.pipeline-summary span{border:1px solid rgba(148,163,184,.2);background:#ffffffd1}.chat-kanban{--kanban-column-width: 316px;gap:16px;padding:0 4px 14px}.kanban-column{min-height:560px;gap:12px}.kanban-column>header{position:sticky;top:0;z-index:2;min-height:92px;border-color:var(--stage-color-border);border-left-width:6px;border-radius:14px;background:linear-gradient(90deg,var(--stage-color-soft),rgba(255,255,255,.96) 58%),#fff;box-shadow:var(--shadow-card);padding:12px}.kanban-column h2{font-size:15px}.kanban-column header span{color:var(--text-secondary)}.kanban-column-counters{min-width:104px}.kanban-column-counters .kanban-column-count,.kanban-column-counters .stage-unread-total{border:1px solid rgba(148,163,184,.2);box-shadow:none}.kanban-cards{max-height:max(520px,calc(100vh - 236px));gap:11px;padding-right:3px}.kanban-card{border-color:#94a3b847;border-radius:14px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 6px 18px #0f172a0d;padding:11px}.kanban-card:hover{border-color:#2563eb42;box-shadow:0 14px 30px #0f172a1a;transform:translateY(-1px)}.kanban-card-title{grid-template-columns:32px minmax(0,1fr) auto;align-items:center}.kanban-card-title strong{color:var(--text-primary);font-size:14px}.kanban-card-request{color:var(--text-secondary)}.kanban-card .meta-row,.chat-list .meta-row{flex-wrap:wrap;gap:6px}.kanban-card .meta-row span,.chat-list .meta-row span{min-height:24px;display:inline-flex;align-items:center;border-radius:999px;background:var(--surface-soft);color:var(--text-secondary);padding:3px 8px;font-size:12px;font-weight:800}.kanban-card .meta-row .stage-chip,.chat-list .meta-row .list-stage-chip{background:var(--stage-color-soft);color:var(--stage-color)}.kanban-card-facts span,.kanban-card-responsible{border-color:#94a3b83d;background:#f8fafcdb}.kanban-card-actions{gap:6px}.kanban-card-action{border-color:#2563eb2e;background:var(--blue-soft);color:#1d4ed8}.chat-list{gap:10px}.chat-list-item{min-height:96px;border-color:#94a3b842;border-radius:14px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 6px 18px #0f172a0a;padding:13px}.chat-list-item:hover{border-color:#2563eb40;box-shadow:0 14px 30px #0f172a17}.chat-list-title-row strong{color:var(--text-primary)}.unread-badge{box-shadow:0 8px 18px #2563eb33}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.78);opacity:.68}}@media(max-width:760px){.chat-kanban{--kanban-column-width: min(86vw, 320px)}}.calendar-layout{min-height:640px;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;align-items:start}.calendar-filter-tabs,.template-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.calendar-filter-tabs button,.template-filter-tabs button{min-height:38px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:7px 11px;font-weight:800;cursor:pointer}.calendar-filter-tabs button.active,.calendar-filter-tabs button:hover,.template-filter-tabs button.active,.template-filter-tabs button:hover{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.calendar-filter-tabs span,.template-filter-tabs span{min-width:24px;min-height:22px;display:grid;place-items:center;border-radius:999px;background:var(--surface-soft);color:var(--muted);padding:2px 7px;font-size:12px}.calendar-date-block{display:grid;gap:4px;align-content:center;min-height:58px;border-radius:8px;background:var(--surface-soft);padding:8px;text-align:center}.calendar-date-block strong{color:var(--text);font-size:15px}.calendar-date-block span{color:var(--muted);font-size:12px;font-weight:800}.calendar-detail{position:sticky;top:88px;display:grid;gap:12px;max-height:calc(100vh - 112px);overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:16px}.calendar-detail>header h2{margin:2px 0 8px;font-size:22px}.calendar-form-panel{max-width:960px}.calendar-form-panel h2{margin:0 0 6px;font-size:18px}.calendar-edit-test-button{margin-top:10px}.templates-layout{min-height:640px;display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:16px;align-items:start}.template-list{display:grid;gap:8px}.template-list-item{width:100%;display:grid;gap:12px;align-items:center;min-height:104px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:12px;text-align:left;cursor:pointer}.template-list-item:hover{border-color:var(--line-strong);box-shadow:0 8px 28px #1a263a14}.template-list-item.active{border-color:#2563eb5c;background:var(--blue-soft)}.template-list-main{min-width:0;display:grid;gap:8px}.template-list-title-row{display:flex;align-items:center;gap:8px}.template-list-title-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list-title-row time{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}.template-list-main p{margin:0;overflow:hidden;color:var(--muted);line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.template-detail{position:sticky;top:88px;display:grid;gap:12px;max-height:calc(100vh - 112px);overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:16px}.template-detail>header h2{margin:8px 0;font-size:22px}.template-detail>header p,.template-description{margin:0;color:var(--muted);line-height:1.45}.template-text{margin:0;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text);padding:12px;white-space:pre-wrap;word-break:break-word}.template-detail .detail-panel h3{margin:0;font-size:16px}.template-attachment-list{display:grid;gap:8px}.template-attachment-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:10px}.template-attachment-card strong,.template-attachment-card span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-attachment-card span{margin-top:3px;color:var(--muted);font-size:12px;font-weight:650}.integrations-page{gap:20px}.integrations-heading{align-items:start}.integrations-summary{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:520px}.integrations-summary span{min-height:30px;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);padding:5px 10px;font-size:12px;font-weight:800}.integrations-summary strong{color:var(--text)}.integrations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.integration-card{min-height:330px;display:grid;grid-template-rows:auto auto auto auto 1fr auto;gap:13px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 34%),var(--surface);padding:16px;box-shadow:var(--shadow-card)}.integration-card header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.integration-card h2{margin:5px 0 0;font-size:20px;line-height:1.12}.integration-card p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.45}.integration-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(37,99,235,.18);border-radius:14px;background:var(--blue-soft);color:var(--blue);font-size:13px;font-weight:950;letter-spacing:.02em}.integration-icon-b2bhelp,.integration-icon-avito{border-color:#16a34a33;background:#e9f8ef;color:var(--accent-green)}.integration-icon-megapbx{border-color:#7c3aed33;background:#f1eafd;color:var(--accent-purple)}.integration-icon-wazzup,.integration-icon-whatsapp{border-color:#14b8a638;background:#e6fffb;color:#0f766e}.integration-icon-telegram,.integration-icon-telegram-bot{border-color:#0ea5e938;background:#e8f7ff;color:#0284c7}.integration-icon-instagram{border-color:#ec489933;background:#fff0f7;color:#db2777}.integration-icon-max{border-color:#f59e0b38;background:#fff8e5;color:#b45309}.integration-status{width:max-content;min-height:24px;display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.integration-status.active{background:var(--success-soft);color:var(--success)}.integration-status.attention{background:#fff7db;color:#a16207}.integration-status.empty{background:var(--surface-soft);color:var(--muted)}.integration-status.error{background:var(--danger-soft);color:var(--danger)}.integration-meta{display:grid;gap:8px;margin:0}.integration-meta div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;align-items:baseline}.integration-meta dt{color:var(--muted);font-size:12px;font-weight:850}.integration-meta dd{min-width:0;margin:0;overflow:hidden;color:var(--text);font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.integration-metrics{display:flex;flex-wrap:wrap;gap:7px}.integration-metrics span{min-height:26px;display:inline-flex;align-items:center;border:1px solid rgba(37,99,235,.16);border-radius:999px;background:#2563eb0f;color:var(--text-secondary);padding:4px 8px;font-size:12px;font-weight:800}.integration-details{display:grid;align-content:start;gap:6px;margin:0;padding-left:17px;color:var(--muted);font-size:12px;line-height:1.35}.integration-details li{padding-left:1px}.integration-actions{display:flex;justify-content:flex-start}.integration-actions .button{min-height:34px;border-radius:999px;padding:6px 12px;font-size:13px}.funnels-layout{min-height:640px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.funnel-list{display:grid;gap:8px}.funnel-list-item{width:100%;display:grid;gap:5px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:12px;text-align:left;cursor:pointer}.funnel-list-item:hover{border-color:var(--line-strong);box-shadow:0 8px 28px #1a263a14}.funnel-list-item.active{border-color:#2563eb5c;background:var(--blue-soft)}.funnel-list-item span{color:var(--muted);font-size:13px;font-weight:700}.funnel-detail{display:grid;gap:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:16px}.funnel-detail>header{display:flex;align-items:start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:14px}.funnel-detail h2{margin:3px 0 6px;font-size:22px}.funnel-detail p{margin:0;color:var(--muted)}.stage-list{display:grid;gap:8px}.stage-card{--stage-color: var(--blue);--stage-color-soft: var(--blue-soft);--stage-color-border: rgba(37, 99, 235, .28);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;border:1px solid var(--stage-color-border);border-radius:8px;background:linear-gradient(90deg,var(--stage-color-soft),var(--surface-soft) 52%);padding:10px}.stage-color{width:18px;height:42px;border:1px solid var(--stage-color-border);border-radius:999px;background:var(--stage-color)}.stage-card strong,.stage-card span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-card span{margin-top:3px;color:var(--muted);font-size:12px;font-weight:700}.team-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.team-summary span{min-height:28px;display:inline-flex;align-items:center;border-radius:999px;background:var(--surface);color:var(--muted);padding:4px 10px;font-size:13px;font-weight:800}.team-layout{display:grid;grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:14px}.team-list{display:grid;align-content:start;gap:8px}.team-list-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px;color:var(--text);text-align:left;cursor:pointer}.team-list-item:hover,.team-list-item.active{border-color:#2563eb5c;background:var(--blue-soft)}.team-list-main{min-width:0;display:grid;gap:7px}.team-list-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.team-list-title-row strong,.team-list-title-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-list-title-row span{flex:none;color:var(--muted);font-size:12px;font-weight:800}.team-detail{display:grid;align-content:start;gap:14px}.team-detail>header{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:16px}.team-detail h2{margin:3px 0 4px;font-size:22px}.team-detail p{margin:0;color:var(--muted)}.team-avatar-image{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.notification-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.notification-filter-tabs button{min-height:38px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:7px 11px;font-weight:800;cursor:pointer}.notification-filter-tabs button.active,.notification-filter-tabs button:hover{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.notification-filter-tabs span{min-width:24px;min-height:22px;display:grid;place-items:center;border-radius:999px;background:var(--surface-soft);color:var(--muted);padding:2px 7px;font-size:12px}.notification-list{display:grid;gap:10px}.notification-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:14px}.notification-card.unread{border-color:#2563eb57;background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--blue)}.notification-main{min-width:0;display:grid;gap:8px}.notification-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.notification-title-row time{margin-left:auto;color:var(--muted);font-size:12px;font-weight:700}.notification-type,.notification-read-state{min-height:24px;display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800}.notification-type{background:var(--surface-soft);color:var(--muted)}.notification-read-state.unread{background:var(--danger-soft);color:var(--danger)}.notification-read-state.read{background:var(--success-soft);color:var(--success)}.notification-card h2{margin:0;font-size:17px}.notification-card p{margin:0;color:var(--muted);line-height:1.45}.notification-links{display:flex;flex-wrap:wrap;align-content:start;justify-content:flex-end;gap:8px;min-width:160px}.notification-links a,.notification-links span{min-height:32px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--blue);padding:5px 9px;font-size:13px;font-weight:800;text-decoration:none}.notification-links.muted span{color:var(--muted)}.contact-contact-lines{min-width:0;display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:14px}.contact-contact-lines span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-money-row{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:14px;font-weight:750}.meta-row{display:flex;flex-wrap:wrap;gap:6px}.meta-row span,.message-meta span,.message-meta time{min-height:24px;display:inline-flex;align-items:center;border-radius:999px;background:var(--surface-soft);color:var(--muted);padding:3px 8px;font-size:12px;font-weight:700}.unread-badge{min-width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:999px;background:var(--blue);color:#fff;padding:0 8px;font-size:12px;font-weight:900;line-height:1;white-space:nowrap}.unread-badge.small{min-width:24px;height:24px;padding:0 7px;font-size:11px}.ui-panel,.ui-card,.ui-empty-state,.app-shell:not(:has(.chat-detail)) .state,.app-shell:not(:has(.chat-detail)) .dialog,.app-shell:not(:has(.chat-detail)) .detail-panel,.app-shell:not(:has(.chat-detail)) .contact-edit-panel,.app-shell:not(:has(.chat-detail)) .calendar-detail,.app-shell:not(:has(.chat-detail)) .template-detail,.app-shell:not(:has(.chat-detail)) .funnel-detail,.app-shell:not(:has(.chat-detail)) .team-detail>header,.app-shell:not(:has(.chat-detail)) .integration-card,.app-shell:not(:has(.chat-detail)) .chat-list-item,.app-shell:not(:has(.chat-detail)) .contact-list-item,.app-shell:not(:has(.chat-detail)) .request-list-item,.app-shell:not(:has(.chat-detail)) .calendar-list-item,.app-shell:not(:has(.chat-detail)) .template-list-item,.app-shell:not(:has(.chat-detail)) .team-list-item,.app-shell:not(:has(.chat-detail)) .funnel-list-item,.app-shell:not(:has(.chat-detail)) .notification-card,.app-shell:not(:has(.chat-detail)) .chats-workbar,.app-shell:not(:has(.chat-detail)) .kanban-card,.app-shell:not(:has(.chat-detail)) .kanban-column>header{border-color:var(--line);background:linear-gradient(180deg,#141518f0,#090a0cf2);color:var(--text);box-shadow:var(--shadow-card)}.ui-panel,.ui-card{display:grid;gap:12px;padding:16px}.ui-panel,.app-shell:not(:has(.chat-detail)) .detail-panel,.app-shell:not(:has(.chat-detail)) .contact-edit-panel,.app-shell:not(:has(.chat-detail)) .calendar-detail,.app-shell:not(:has(.chat-detail)) .template-detail,.app-shell:not(:has(.chat-detail)) .funnel-detail,.app-shell:not(:has(.chat-detail)) .team-detail>header{border-radius:var(--radius-lg)}.ui-card,.app-shell:not(:has(.chat-detail)) .chat-list-item,.app-shell:not(:has(.chat-detail)) .contact-list-item,.app-shell:not(:has(.chat-detail)) .request-list-item,.app-shell:not(:has(.chat-detail)) .calendar-list-item,.app-shell:not(:has(.chat-detail)) .template-list-item,.app-shell:not(:has(.chat-detail)) .team-list-item,.app-shell:not(:has(.chat-detail)) .funnel-list-item,.app-shell:not(:has(.chat-detail)) .notification-card,.app-shell:not(:has(.chat-detail)) .kanban-card{border-radius:var(--radius-lg)}.app-shell:not(:has(.chat-detail)) .content{background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.035),transparent 32%),linear-gradient(180deg,#08090b,#050607)}.app-shell:not(:has(.chat-detail)) .page-heading h1,.app-shell:not(:has(.chat-detail)) .contact-detail-header h1,.app-shell:not(:has(.chat-detail)) .request-detail-header h1,.app-shell:not(:has(.chat-detail)) .detail-panel h2,.app-shell:not(:has(.chat-detail)) .calendar-detail>header h2,.app-shell:not(:has(.chat-detail)) .template-detail>header h2,.app-shell:not(:has(.chat-detail)) .funnel-detail h2,.app-shell:not(:has(.chat-detail)) .team-detail h2,.app-shell:not(:has(.chat-detail)) .integration-card h2,.app-shell:not(:has(.chat-detail)) .notification-card h2{color:var(--text-primary)}.app-shell:not(:has(.chat-detail)) .page-heading p,.app-shell:not(:has(.chat-detail)) .subtle-status,.app-shell:not(:has(.chat-detail)) .detail-rows dt,.app-shell:not(:has(.chat-detail)) .detail-list-item span,.app-shell:not(:has(.chat-detail)) .template-detail>header p,.app-shell:not(:has(.chat-detail)) .template-description,.app-shell:not(:has(.chat-detail)) .notification-card p,.app-shell:not(:has(.chat-detail)) .integration-details,.app-shell:not(:has(.chat-detail)) .integration-card p{color:var(--muted)}.ui-input,.app-shell:not(:has(.chat-detail)) .field input,.app-shell:not(:has(.chat-detail)) .field select,.app-shell:not(:has(.chat-detail)) .field textarea,.app-shell:not(:has(.chat-detail)) .search-field input,.app-shell:not(:has(.chat-detail)) .channel-select select,.app-shell:not(:has(.chat-detail)) .composer textarea,.app-shell:not(:has(.chat-detail)) .message-edit-dialog textarea{border-color:var(--line);border-radius:var(--radius-sm);background:#ffffff0b;color:var(--text-primary)}.ui-input:focus,.app-shell:not(:has(.chat-detail)) .field input:focus,.app-shell:not(:has(.chat-detail)) .field select:focus,.app-shell:not(:has(.chat-detail)) .field textarea:focus,.app-shell:not(:has(.chat-detail)) .search-field input:focus{border-color:#7aa2ff6b;box-shadow:0 0 0 3px var(--focus);outline:none}.ui-tabs,.app-shell:not(:has(.chat-detail)) .view-switch{border-color:var(--line);border-radius:var(--radius-md);background:#ffffff0e}.ui-tabs button,.app-shell:not(:has(.chat-detail)) .view-switch button,.app-shell:not(:has(.chat-detail)) .calendar-filter-tabs button,.app-shell:not(:has(.chat-detail)) .template-filter-tabs button,.app-shell:not(:has(.chat-detail)) .notification-filter-tabs button{border-color:var(--line);border-radius:var(--radius-sm);background:#ffffff0a;color:var(--text-secondary)}.ui-tabs button.active,.ui-tabs button:hover,.app-shell:not(:has(.chat-detail)) .view-switch button.active,.app-shell:not(:has(.chat-detail)) .calendar-filter-tabs button.active,.app-shell:not(:has(.chat-detail)) .calendar-filter-tabs button:hover,.app-shell:not(:has(.chat-detail)) .template-filter-tabs button.active,.app-shell:not(:has(.chat-detail)) .template-filter-tabs button:hover,.app-shell:not(:has(.chat-detail)) .notification-filter-tabs button.active,.app-shell:not(:has(.chat-detail)) .notification-filter-tabs button:hover{border-color:#7aa2ff4d;background:#7aa2ff21;color:#dbe7ff}.ui-pill,.app-shell:not(:has(.chat-detail)) .meta-row span,.app-shell:not(:has(.chat-detail)) .message-meta span,.app-shell:not(:has(.chat-detail)) .message-meta time,.app-shell:not(:has(.chat-detail)) .calendar-filter-tabs span,.app-shell:not(:has(.chat-detail)) .template-filter-tabs span,.app-shell:not(:has(.chat-detail)) .notification-filter-tabs span,.app-shell:not(:has(.chat-detail)) .pipeline-summary span,.app-shell:not(:has(.chat-detail)) .team-summary span,.app-shell:not(:has(.chat-detail)) .integrations-summary span,.app-shell:not(:has(.chat-detail)) .integration-metrics span{border:1px solid var(--line);border-radius:var(--radius-pill);background:#fff1;color:var(--muted)}.app-shell:not(:has(.chat-detail)) .detail-list-item,.app-shell:not(:has(.chat-detail)) .detail-link-item,.app-shell:not(:has(.chat-detail)) .selected-entity,.app-shell:not(:has(.chat-detail)) .entity-picker-item,.app-shell:not(:has(.chat-detail)) .request-panel-money span,.app-shell:not(:has(.chat-detail)) .template-text,.app-shell:not(:has(.chat-detail)) .template-attachment-card,.app-shell:not(:has(.chat-detail)) .template-mini-attachment,.app-shell:not(:has(.chat-detail)) .calendar-date-block,.app-shell:not(:has(.chat-detail)) .panel-note,.app-shell:not(:has(.chat-detail)) .kanban-card-facts span,.app-shell:not(:has(.chat-detail)) .kanban-card-responsible{border-color:var(--line);border-radius:var(--radius-sm);background:#ffffff0b;color:var(--text)}.app-shell:not(:has(.chat-detail)) .chat-list-item:hover,.app-shell:not(:has(.chat-detail)) .contact-list-item:hover,.app-shell:not(:has(.chat-detail)) .request-list-item:hover,.app-shell:not(:has(.chat-detail)) .calendar-list-item:hover,.app-shell:not(:has(.chat-detail)) .template-list-item:hover,.app-shell:not(:has(.chat-detail)) .team-list-item:hover,.app-shell:not(:has(.chat-detail)) .funnel-list-item:hover,.app-shell:not(:has(.chat-detail)) .kanban-card:hover,.app-shell:not(:has(.chat-detail)) .integration-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-soft)}.app-shell:not(:has(.chat-detail)) .calendar-list-item.active,.app-shell:not(:has(.chat-detail)) .template-list-item.active,.app-shell:not(:has(.chat-detail)) .team-list-item.active,.app-shell:not(:has(.chat-detail)) .funnel-list-item.active,.app-shell:not(:has(.chat-detail)) .notification-card.unread{border-color:#7aa2ff57;background:linear-gradient(135deg,#7aa2ff29,#141518f0)}.app-shell:not(:has(.chat-detail)) .avatar,.app-shell:not(:has(.chat-detail)) .integration-icon{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff1;color:var(--text-primary)}.app-shell:not(:has(.chat-detail)) .chat-avatar,.app-shell:not(:has(.chat-detail)) .responsible-avatar{border-color:var(--line);background:linear-gradient(135deg,#ffffff21,#a78bfa21);color:var(--text-primary)}.app-shell:not(:has(.chat-detail)) .dialog-backdrop{background:#00000094;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ui-dialog,.app-shell:not(:has(.chat-detail)) .dialog{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--color-dialog);box-shadow:var(--shadow-popover)}.ui-empty-state,.app-shell:not(:has(.chat-detail)) .state{border-radius:var(--radius-lg)}.ui-empty-state{min-height:140px;display:grid;place-items:center;gap:8px;padding:22px;text-align:center}.ui-empty-state strong{color:var(--text-primary);font-size:17px}.ui-empty-state span{max-width:48ch;color:var(--muted);line-height:1.45}.app-shell:not(:has(.chat-detail)) .page-heading{color:var(--text-primary)}.app-shell:not(:has(.chat-detail)) .search-input-wrap input{border-color:var(--line);background:#ffffff0b;color:var(--text-primary);box-shadow:none}.app-shell:not(:has(.chat-detail)) .search-input-wrap input:focus{border-color:#7aa2ff6b;box-shadow:0 0 0 3px var(--focus)}.app-shell:not(:has(.chat-detail)) .search-input-wrap button{background:#fff1;color:var(--muted)}.app-shell:not(:has(.chat-detail)) .search-input-wrap button:hover{background:var(--blue-soft);color:var(--blue)}.app-shell:not(:has(.chat-detail)) .chats-stat-row span,.app-shell:not(:has(.chat-detail)) .pipeline-summary span,.app-shell:not(:has(.chat-detail)) .team-summary span,.app-shell:not(:has(.chat-detail)) .integrations-summary span,.app-shell:not(:has(.chat-detail)) .integration-metrics span,.app-shell:not(:has(.chat-detail)) .kanban-column-counters .kanban-column-count,.app-shell:not(:has(.chat-detail)) .kanban-column-counters .stage-unread-total{border-color:var(--line);background:#fff1;color:var(--muted);box-shadow:none}.app-shell:not(:has(.chat-detail)) .chats-stat-row .stat-success,.app-shell:not(:has(.chat-detail)) .pipeline-funnel-tabs em,.app-shell:not(:has(.chat-detail)) .integration-status.active{border-color:#36d39938;background:#36d39921;color:#a8f2d5}.app-shell:not(:has(.chat-detail)) .pipeline-funnel-tabs button{border-color:var(--line);background:linear-gradient(180deg,#141518f0,#090a0cf2);color:var(--text);box-shadow:var(--shadow-card)}.app-shell:not(:has(.chat-detail)) .pipeline-funnel-tabs button.active{border-color:#7aa2ff57;background:linear-gradient(135deg,#7aa2ff29,#141518f0);box-shadow:inset 0 3px #7aa2ffb8,var(--shadow-card)}.app-shell:not(:has(.chat-detail)) .kanban-column>header{background:linear-gradient(90deg,var(--stage-color-soft),rgba(20,21,24,.94) 58%),var(--surface)}.app-shell:not(:has(.chat-detail)) .kanban-column header span,.app-shell:not(:has(.chat-detail)) .kanban-card-request,.app-shell:not(:has(.chat-detail)) .detail-text,.app-shell:not(:has(.chat-detail)) .integration-meta dt{color:var(--muted)}.app-shell:not(:has(.chat-detail)) .kanban-empty{border-color:var(--line);color:var(--muted)}.app-shell:not(:has(.chat-detail)) .kanban-card-action{border-color:#7aa2ff33;background:#7aa2ff1f;color:#dbe7ff}.app-shell:not(:has(.chat-detail)) .integration-icon-b2bhelp,.app-shell:not(:has(.chat-detail)) .integration-icon-avito{border-color:#36d39938;background:#36d39921;color:#a8f2d5}.app-shell:not(:has(.chat-detail)) .integration-icon-megapbx{border-color:#a78bfa3d;background:#a78bfa21;color:#d9ceff}.app-shell:not(:has(.chat-detail)) .integration-icon-wazzup,.app-shell:not(:has(.chat-detail)) .integration-icon-whatsapp,.app-shell:not(:has(.chat-detail)) .integration-icon-telegram,.app-shell:not(:has(.chat-detail)) .integration-icon-telegram-bot{border-color:#2dd4bf38;background:#2dd4bf1f;color:#a5f3fc}.app-shell:not(:has(.chat-detail)) .integration-icon-instagram{border-color:#f472b63d;background:#f472b621;color:#fbcfe8}.app-shell:not(:has(.chat-detail)) .integration-icon-max,.app-shell:not(:has(.chat-detail)) .integration-status.attention{border-color:#f7b9553d;background:#f7b95521;color:#fde68a}.chat-detail{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);gap:0;overflow:hidden}.chat-detail-layout{min-height:0;height:100%;display:grid;grid-template-columns:minmax(540px,1fr) minmax(320px,380px);gap:14px;align-items:stretch}.chat-detail-main{min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px}.back-link{color:var(--blue);font-weight:800;text-decoration:none}.back-link:hover{text-decoration:underline}.chat-back-inline{width:fit-content;display:inline-flex;align-items:center;gap:7px}.chat-detail-header{min-height:58px;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(148,163,184,.2);border-radius:14px;background:#ffffffd1;box-shadow:0 10px 24px #0f172a0d;padding:8px 10px}.chat-back-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--blue);font-size:20px;font-weight:900;line-height:1;text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}.chat-back-button:hover{border-color:#2563eb47;background:var(--blue-soft);transform:translate(-1px)}.chat-detail-avatar{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(37,99,235,.18);border-radius:999px;background:linear-gradient(135deg,#edf4ff,#f8fafc);color:var(--blue);font-size:14px;font-weight:950;line-height:1}.chat-detail-avatar img{width:100%;height:100%;display:block;object-fit:cover}.chat-detail-title{min-width:0;display:grid;gap:4px}.chat-detail-header h1{min-width:0;margin:0;overflow:hidden;color:var(--text-primary);font-size:19px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.chat-detail-subtitle{min-width:0;display:flex;flex-wrap:wrap;gap:5px}.chat-detail-subtitle span{min-height:22px;max-width:220px;display:inline-flex;align-items:center;overflow:hidden;border-radius:999px;background:var(--surface-soft);color:var(--muted);padding:2px 8px;font-size:11px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.chat-detail-subtitle .chat-header-unread{background:var(--blue);color:#fff}.chat-live-dot{width:11px;height:11px;display:inline-block;border-radius:999px;background:var(--accent-green);box-shadow:0 0 0 5px #16a34a1f}.chat-live-dot.refreshing{animation:livePulse 1.15s ease-in-out infinite}.contact-detail,.request-detail{display:grid;gap:16px}.contact-detail-header,.request-detail-header{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.contact-detail-header h1,.request-detail-header h1{margin:0 0 8px;font-size:28px}.contact-detail-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.contact-edit-page{max-width:780px}.contact-edit-panel{display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:16px}.contact-form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.form-note{margin:0;color:var(--muted);line-height:1.45}.selected-entity,.entity-picker{display:grid;gap:8px}.selected-entity,.entity-picker-item{border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:10px}.selected-entity span,.entity-picker-item span{color:var(--muted);font-size:13px}.entity-picker-item{display:grid;gap:4px;width:100%;color:var(--text);text-align:left;cursor:pointer}.entity-picker-item:hover{border-color:var(--blue);background:var(--blue-soft)}.form-actions{display:flex;justify-content:flex-end;gap:10px}.contact-detail-grid,.request-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-panel{display:grid;align-content:start;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:16px}.detail-panel h2{margin:0;font-size:17px}.detail-rows{display:grid;gap:10px;margin:0}.detail-rows div{display:grid;gap:4px}.detail-rows dt{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.detail-rows dd{min-width:0;margin:0;overflow-wrap:anywhere;line-height:1.45}.detail-list{display:grid;gap:8px}.detail-list-item,.detail-link-item{display:grid;gap:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text);padding:10px;text-decoration:none}.detail-list-item span{color:var(--muted);font-size:13px}.detail-list-item p{margin:4px 0 0;color:var(--muted);line-height:1.4}.detail-text{margin:0;color:var(--text);line-height:1.55;white-space:pre-wrap}.detail-link-item{overflow-wrap:anywhere;color:var(--blue);font-weight:750}.detail-link-item span{color:var(--muted);font-size:13px;font-weight:500}.required-mark{margin-left:8px;border-radius:999px;background:var(--surface-soft);color:var(--muted);padding:2px 6px;font-size:11px;text-transform:none}.chat-detail-actions{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;font-weight:700}.chat-request-panel{min-width:0;height:100%;min-height:0;max-height:none;display:grid;align-content:start;gap:14px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:16px;scrollbar-gutter:stable}.chat-request-panel-header{display:grid;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px}.chat-request-panel h2,.request-panel-section h3{margin:0}.chat-request-panel h2{font-size:20px;line-height:1.2;overflow-wrap:anywhere}.request-panel-section{display:grid;gap:10px}.request-panel-section h3{font-size:15px}.panel-note{margin:0;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--muted);padding:9px 10px;font-size:13px;line-height:1.4}.panel-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.panel-actions .button{min-width:0;padding-inline:10px}.request-panel-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.request-panel-money span{min-width:0;display:grid;gap:2px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:8px;color:var(--text);font-size:13px;font-weight:850;line-height:1.2}.request-panel-money b{overflow:hidden;color:var(--muted);font-size:10px;line-height:1.1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.chat-request-panel .empty-state,.chat-request-panel .state-panel{min-height:160px}.message-panel{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:0;overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:14px;background:radial-gradient(circle at 18px 18px,rgba(37,99,235,.05) 0 2px,transparent 3px),radial-gradient(circle at 68px 42px,rgba(22,163,74,.035) 0 2px,transparent 3px),linear-gradient(135deg,#f8fbfff5,#eff5fceb);background-size:96px 96px,112px 112px,auto}.history-toolbar{min-height:34px;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid rgba(148,163,184,.16);background:#ffffff9e;color:var(--muted);font-size:13px;font-weight:700;padding:5px 10px}.history-toolbar.empty{min-height:0;height:0;overflow:hidden;border:0;padding:0}.load-more-button{min-height:28px;border:1px solid rgba(37,99,235,.2);border-radius:999px;background:#fff;color:var(--blue);padding:4px 12px;font-size:12px;font-weight:900;cursor:pointer}.load-more-button:hover{background:var(--blue-soft)}.message-refresh-error{border-radius:999px;background:var(--danger-soft);color:var(--danger);padding:4px 10px;font-size:12px;font-weight:850}.message-action-ok{border-radius:999px;background:#22c55e24;color:#15803d;padding:4px 10px;font-size:12px;font-weight:850}.new-messages-button{min-height:30px;border:1px solid rgba(37,99,235,.24);border-radius:999px;background:var(--blue);color:#fff;cursor:pointer;padding:4px 12px;font-size:12px;font-weight:900}.new-messages-button:hover{filter:brightness(.96)}.message-list{min-height:0;display:grid;align-content:start;gap:8px;overflow:auto;padding:14px 14px 16px;scroll-behavior:smooth;scrollbar-gutter:stable}.message-row{position:relative;width:100%;display:flex;align-items:center;gap:8px;justify-content:flex-start;min-width:0}.message-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#ffffff03}.message-row.outbound{flex-direction:row-reverse}.message-row.internal-comment,.message-row.system{justify-content:center}.message-bubble{position:relative;z-index:2;width:fit-content;min-width:104px;max-width:min(72%,740px);display:grid;gap:6px;justify-self:start;border:1px solid rgba(148,163,184,.22);border-radius:16px 16px 16px 6px;background:#fffffff2;color:var(--text-primary);padding:9px 11px 7px;box-shadow:0 8px 24px #0f172a0f;overflow-wrap:anywhere}.message-bubble.with-actions{padding-right:34px}.message-bubble.outbound{justify-self:end;border-color:#2563eb38;border-radius:16px 16px 6px;background:linear-gradient(135deg,#dfeeff,#edf6ff);color:#10213d}.message-bubble.internal{border-color:#7c3aed42;background:#f5f3ff}.message-bubble.internal-comment{max-width:min(64%,680px);border-radius:18px;border-color:#7c3aed5c;background:linear-gradient(135deg,#f7f2ff,#fff);box-shadow:inset 4px 0 #7c3aedb8,0 8px 24px #7c3aed14}.message-bubble.hidden-message{border-color:#ff4d6170;background:linear-gradient(135deg,#ff4d611f,#fff8f9);box-shadow:inset 4px 0 #ff4d61,0 8px 24px #ff4d611a}.message-bubble.system-event{border-style:dashed;box-shadow:none}.message-bubble.system{justify-self:center;width:fit-content;max-width:min(68%,640px);border-radius:999px;background:#f1f5f9eb;color:var(--text-secondary);text-align:center}.message-bubble.deleted-message{border-color:#94a3b840;background:#f1f5f9db;color:#64748b;box-shadow:none}.message-bubble.deleted-message .message-text{font-style:italic;font-weight:750}.message-action-wrap{position:absolute;top:6px;right:7px;z-index:4}.message-action-rail{position:relative;z-index:3;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;opacity:0;pointer-events:auto;transform:translate(-6px);transition:opacity .14s ease,transform .14s ease}.message-row.outbound .message-action-rail{transform:translate(6px)}.message-row:hover .message-action-rail,.message-row:focus-within .message-action-rail,.message-action-rail:hover{opacity:1;transform:translate(0)}.message-action-icon{width:30px;height:30px;display:inline-grid;place-items:center;border:1px solid rgba(148,163,184,.2);border-radius:999px;background:#ffffffdb;color:#475569;cursor:pointer;box-shadow:0 10px 28px #0f172a1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(1px);transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}.message-action-icon:nth-child(2){transition-delay:20ms}.message-action-icon:nth-child(3){transition-delay:40ms}.message-action-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.message-action-icon:hover,.message-action-icon:focus-visible{outline:none;transform:translateY(0);box-shadow:0 12px 30px #0f172a26}.message-action-icon.action-copy:hover,.message-action-icon.action-copy:focus-visible{border-color:#47556947;background:#f8fafc;color:#0f172a}.message-action-icon.action-edit:hover,.message-action-icon.action-edit:focus-visible{border-color:#2563eb3d;background:#eff6ff;color:#1d4ed8}.message-action-icon.action-delete:hover,.message-action-icon.action-delete:focus-visible{border-color:#dc262638;background:#fef2f2;color:#dc2626}.message-action-trigger{width:24px;height:24px;display:inline-grid;place-items:center;border:1px solid rgba(100,116,139,.16);border-radius:999px;background:#ffffffd1;color:#64748b;cursor:pointer;font-size:16px;font-weight:950;line-height:1;opacity:0;transition:opacity .12s ease,background .12s ease,color .12s ease}.message-row:hover .message-action-trigger,.message-row:focus-within .message-action-trigger,.message-action-wrap:focus-within .message-action-trigger{opacity:1}.message-action-trigger:hover,.message-action-trigger:focus-visible{background:#fff;color:var(--text-primary);outline:none}.message-action-menu{position:absolute;top:auto;bottom:29px;right:0;width:154px;display:grid;gap:2px;border:1px solid rgba(148,163,184,.24);border-radius:10px;background:#fff;padding:5px;box-shadow:0 16px 38px #0f172a29}.message-action-menu button{min-height:32px;border:0;border-radius:8px;background:transparent;color:var(--text-primary);cursor:pointer;padding:6px 9px;text-align:left;font-size:13px;font-weight:800}.message-action-menu button:hover{background:var(--bg-soft)}.message-action-menu button.danger{color:var(--danger)}.message-action-menu button.danger:hover{background:var(--danger-soft)}@media(hover:hover)and (pointer:fine){.message-bubble.with-actions{padding-right:11px}.message-action-wrap{display:none}}@media(hover:none),(pointer:coarse){.message-action-rail{display:none}.message-action-trigger{opacity:1}}.message-row.system-card-row{justify-content:center;padding:4px 0}.system-event-card{position:relative;z-index:2;width:min(760px,84%);display:grid;gap:0;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.08),transparent 30%),linear-gradient(135deg,#181a1ff5,#090a0cfa);color:var(--chat-text, var(--text-primary));box-shadow:inset 0 1px #ffffff0f,0 18px 44px #00000042;cursor:pointer;overflow:hidden;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.system-event-card:hover,.system-event-card:focus-visible{border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff14,0 22px 54px #00000057;outline:none;transform:translateY(-1px)}.system-event-card.level-reminder{border-color:#f7b95533}.system-event-card.level-crm{border-color:#7aa2ff2e}.system-event-card.level-critical{border-color:#ff4d6147}.system-event-card-header{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px 12px}.system-event-icon{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:14px;background:#ffffff14;box-shadow:inset 0 1px #ffffff14;font-size:19px;line-height:1}.level-reminder .system-event-icon{background:#f7b95524}.level-crm .system-event-icon{background:#7aa2ff1f}.level-critical .system-event-icon{background:#ff4d6124}.system-event-heading{min-width:0;display:grid;gap:3px}.system-event-heading strong{overflow:hidden;color:#fffffff2;font-size:15px;font-weight:950;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.system-event-heading p{margin:0;overflow:hidden;color:#dae4f2a8;font-size:13px;font-weight:760;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.system-event-meta{min-width:124px;display:grid;justify-items:end;gap:5px}.system-event-meta time,.system-event-level{min-height:22px;display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;white-space:nowrap;font-size:11px;font-weight:900}.system-event-meta time{background:#ffffff12;color:#dce6f4b3}.system-event-level{background:#ffffff17;color:#ffffffdb}.level-reminder .system-event-level{background:#f7b95524;color:#ffd99a}.level-crm .system-event-level{background:#7aa2ff21;color:#c9d8ff}.level-critical .system-event-level{background:#ff4d6126;color:#ffc1ca}.system-event-card-body{max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);transition:max-height .22s ease,opacity .18s ease,transform .2s ease}.system-event-card.expanded .system-event-card-body{max-height:620px;opacity:1;transform:translateY(0)}.system-event-fields{display:grid;gap:8px;margin:0;padding:2px 16px 14px}.system-event-fields div{min-width:0;display:grid;grid-template-columns:minmax(110px,.38fr) minmax(0,1fr);gap:12px;align-items:start;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#ffffff0a;padding:8px 10px}.system-event-fields dt{color:#cad6e78a;font-size:11px;font-weight:900;letter-spacing:.01em}.system-event-fields dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#ffffffe6;font-size:13px;font-weight:820;line-height:1.35}.system-event-fields dd.system-event-badge{width:fit-content;max-width:100%;border-radius:999px;background:#ffffff14;padding:3px 8px}.system-event-empty{margin:0;padding:2px 16px 14px;color:#d6e1f094;font-size:13px;font-weight:780}.system-event-card-footer{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.07);padding:8px 16px;color:#d1ddee80;font-size:11px;font-weight:850}.system-event-card-footer b{width:22px;height:22px;display:inline-grid;place-items:center;border-radius:999px;background:#ffffff12;color:#ffffffb8;font-size:12px}.message-internal-label{border-radius:999px;background:#7c3aed1f;color:#6d28d9;padding:2px 8px;font-weight:900}.message-hidden-label{border-radius:999px;background:#ff4d6124;color:#d61f3c;padding:2px 8px;font-weight:900}.message-system-label{border-radius:999px;background:#64748b1f;color:var(--muted);padding:2px 8px;font-weight:900}.message-bubble-head,.message-bubble-foot{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:5px}.message-bubble-head{color:var(--text-secondary)}.message-author-avatar{width:28px;height:28px;min-width:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;flex-shrink:0;overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:999px;background:linear-gradient(135deg,#2563eb29,#7c3aed24);background-clip:padding-box;color:var(--blue);font-size:10px;font-weight:950;line-height:1;text-transform:uppercase}.message-author-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;border-radius:inherit}.message-bubble-head strong{min-width:0;overflow:hidden;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.message-bubble-head span,.message-bubble-foot span,.message-bubble-foot time{min-height:20px;display:inline-flex;align-items:center;border-radius:999px;background:#64748b1a;color:var(--muted);padding:2px 7px;font-size:11px;font-weight:850}.message-bubble-head .message-author-avatar{width:28px;height:28px;min-width:28px;min-height:28px;display:inline-flex;flex:0 0 28px;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;border:0;border-radius:999px;padding:0;line-height:1;box-shadow:inset 0 0 0 1px #94a3b833}.message-bubble-head .message-author-avatar img{width:100%;height:100%;max-width:none;max-height:none;display:block;object-fit:cover;object-position:center center;border-radius:inherit;margin:0;padding:0}.message-bubble-foot{width:100%;justify-content:flex-end;margin-top:1px}.message-hidden-foot-label{margin-right:auto}.message-bubble-foot time{background:transparent;padding-right:0}.message-bubble .message-hidden-label{background:#ff4d6126;color:#d61f3c}.message-bubble .message-internal-label{background:#7c3aed21;color:#6d28d9}.message-bubble .message-system-label{background:#64748b1f;color:var(--muted)}.message-text{margin:0;color:inherit;font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.message-meta{flex-wrap:wrap}.message-meta strong{margin-right:2px}.attachment-list{display:flex;flex-wrap:wrap;gap:8px}.attachment-chip{display:grid;gap:2px;min-width:160px;border:1px solid var(--line);border-radius:8px;background:#ffffffb8;color:var(--text);padding:8px 10px;text-decoration:none}.attachment-chip-image{grid-template-columns:56px minmax(0,1fr);align-items:center;max-width:310px}.attachment-chip-image img{grid-row:span 2;width:56px;height:56px;border:1px solid var(--line);border-radius:8px;object-fit:cover}.attachment-chip-audio,.attachment-chip-video{min-width:min(320px,100%)}.attachment-chip audio,.attachment-chip video{width:100%;max-width:280px}.attachment-chip span{color:var(--muted);font-size:12px}.composer{min-height:132px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#ffffff 0%,var(--surface) 100%);box-shadow:var(--shadow-sm);color:var(--muted);padding:12px 14px;font-weight:700}.composer.internal-mode{border-color:#7c3aed57;background:linear-gradient(180deg,#f5f3ff,#fff)}.composer.hidden-mode{border-color:#ff4d615c;background:linear-gradient(180deg,#ff4d6114,#fff)}.composer-form{display:grid;gap:10px}.composer-action-bar{display:flex;align-items:center;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:2px;scrollbar-width:thin}.composer-action-button{--action-accent: var(--blue);--action-soft: rgba(37, 99, 235, .08);min-height:34px;display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;border:1px solid var(--line);border-left:3px solid var(--action-accent);border-radius:999px;background:#fff;color:var(--text);padding:0 10px 0 8px;font-size:12px;font-weight:900;line-height:1;white-space:nowrap;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.composer-action-button:hover:not(:disabled){border-color:var(--action-accent);background:var(--action-soft);transform:translateY(-1px)}.composer-action-button.active{border-color:var(--action-accent);background:var(--action-accent);color:#fff}.composer-action-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.composer-action-icon{min-width:26px;min-height:20px;display:inline-grid;place-items:center;border-radius:999px;background:var(--action-soft);color:var(--action-accent);font-size:10px;letter-spacing:0}.composer-action-button.active .composer-action-icon{background:#ffffff38;color:#fff}.composer-action-button.tone-message{--action-accent: #475569;--action-soft: rgba(71, 85, 105, .09)}.composer-action-button.tone-photo{--action-accent: #0284c7;--action-soft: rgba(2, 132, 199, .1)}.composer-action-button.tone-file{--action-accent: #475569;--action-soft: rgba(71, 85, 105, .09)}.composer-action-button.tone-template{--action-accent: #f97316;--action-soft: rgba(249, 115, 22, .12)}.composer-action-button.tone-internal{--action-accent: #7c3aed;--action-soft: rgba(124, 58, 237, .1)}.composer-action-button.tone-hidden{--action-accent: #ff4d61;--action-soft: rgba(255, 77, 97, .1)}.composer-action-button.tone-reminder{--action-accent: #d97706;--action-soft: rgba(217, 119, 6, .1)}.composer-action-button.tone-todo{--action-accent: #0f766e;--action-soft: rgba(15, 118, 110, .1)}.internal-comment-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(124,58,237,.26);border-radius:8px;background:#7c3aed14;color:#6d28d9;padding:7px 8px 7px 10px;font-size:13px}.hidden-message-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,77,97,.28);border-radius:8px;background:#ff4d611a;color:#d61f3c;padding:7px 8px 7px 10px;font-size:13px}.composer-mode-hint span{min-width:0}.composer-mode-dismiss,.task-composer-close{width:28px;height:28px;min-width:28px;display:inline-grid;place-items:center;border:0;border-radius:999px;background:#ffffffbd;color:currentColor;cursor:pointer;font-size:20px;font-weight:900;line-height:1;transition:background .14s ease,transform .14s ease,opacity .14s ease}.composer-mode-dismiss:hover:not(:disabled),.task-composer-close:hover:not(:disabled){background:#fffffff0;transform:translateY(-1px)}.composer-mode-dismiss:disabled,.task-composer-close:disabled{cursor:not-allowed;opacity:.5}.composer-top-row,.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.composer-channel{min-height:32px;display:inline-flex;align-items:center;border-radius:999px;background:var(--surface-soft);color:var(--muted);padding:4px 10px;font-size:12px;font-weight:800}.composer-channel.internal{background:#7c3aed1f;color:#6d28d9}.composer-channel.hidden{background:#ff4d6121;color:#d61f3c}.channel-select{display:flex;align-items:center;gap:8px}.channel-select span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.channel-select select{min-height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:7px 10px}.composer-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.composer textarea{width:100%;min-height:54px;max-height:min(58vh,620px);resize:none;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:12px 13px;font-size:14px;line-height:1.4;overflow-y:hidden;scrollbar-gutter:stable;transition:border-color .16s ease,box-shadow .16s ease}.composer.internal-mode textarea{border-color:#7c3aed47;background:#fff}.composer.hidden-mode textarea{border-color:#ff4d6157;background:#fff}.composer textarea:focus,.channel-select select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--focus)}.composer.internal-mode textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed24}.composer.hidden-mode textarea:focus{border-color:#ff4d61;box-shadow:0 0 0 3px #ff4d6124}.composer textarea:disabled,.channel-select select:disabled{cursor:not-allowed;opacity:.72}.composer-send-button{min-width:116px;min-height:46px}.task-composer-panel{display:grid;gap:10px;border:1px solid var(--line);border-left:4px solid var(--task-accent);border-radius:8px;background:var(--task-soft);padding:10px}.task-composer-panel.reminder{--task-accent: #d97706;--task-soft: rgba(217, 119, 6, .08)}.task-composer-panel.todo{--task-accent: #0f766e;--task-soft: rgba(15, 118, 110, .08)}.task-composer-header,.task-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.task-composer-header>div{min-width:0;display:grid;gap:2px}.task-composer-header strong{color:var(--text)}.task-composer-header span,.task-composer-footer span{color:var(--muted);font-size:12px;font-weight:800}.task-composer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.task-composer-panel.reminder .task-composer-grid{grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr)}.reminder-composer-card{position:absolute;left:50%;bottom:calc(100% + 14px);z-index:43;width:clamp(520px,74%,680px);max-width:calc(100% - 22px);display:grid;gap:13px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:radial-gradient(circle at 18% 0%,rgba(247,185,85,.14),transparent 32%),linear-gradient(135deg,#18191df7,#08090bfa);color:var(--chat-text, var(--text-primary));padding:16px;box-shadow:inset 0 1px #ffffff12,0 24px 62px #00000075;transform:translate(-50%);animation:reminderComposerIn .2s ease both;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.reminder-composer-header{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px}.reminder-composer-icon{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:15px;background:#f7b95524;box-shadow:inset 0 1px #ffffff1a,0 10px 24px #f7b9551f;font-size:20px}.reminder-composer-header>div{min-width:0;display:grid;gap:2px}.reminder-composer-header strong{color:#fffffff5;font-size:16px;font-weight:950}.reminder-composer-header span{overflow:hidden;color:#dce6f49e;font-size:12px;font-weight:820;text-overflow:ellipsis;white-space:nowrap}.reminder-main-field{display:grid;gap:8px}.reminder-main-field>span,.reminder-time-section>span{color:#eef4fcc7;font-size:12px;font-weight:950}.composer .reminder-main-field textarea{width:100%;min-height:112px;max-height:220px;resize:vertical;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(180deg,#ffffff17,#fff1),#0c0e12f0;color:#fffffff0;padding:15px 16px;font:inherit;font-size:14px;font-weight:760;line-height:1.45;outline:none;box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #0000002e;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.composer .reminder-main-field textarea::placeholder{color:#e4ecf88f;font-weight:740}.composer .reminder-main-field textarea:focus,.composer .reminder-custom-date:focus{border-color:#f7b9559e;background:linear-gradient(180deg,#ffffff1c,#ffffff13),#0c0e12f5;box-shadow:0 0 0 3px #f7b95524,inset 0 1px #ffffff14}.reminder-time-section{display:grid;gap:9px}.reminder-quick-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.reminder-quick-options button{min-height:38px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#ffffff0f;color:#ebf1fac7;cursor:pointer;padding:7px 9px;font-size:11px;font-weight:900;white-space:nowrap;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.reminder-quick-options button:hover:not(:disabled),.reminder-quick-options button.active{border-color:#f7b9556b;background:#f7b95526;color:#ffe2ad;transform:translateY(-1px)}.reminder-quick-options button:disabled,.composer .reminder-main-field textarea:disabled,.composer .reminder-custom-date:disabled{cursor:not-allowed;opacity:.55}.composer .reminder-custom-date{width:min(260px,100%);min-height:40px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0e;color:#ffffffe6;padding:8px 10px;outline:none}.reminder-preview{display:grid;gap:3px;border:1px solid rgba(122,162,255,.16);border-radius:16px;background:#7aa2ff13;padding:11px 12px}.reminder-preview span,.reminder-preview small{color:#dce6f494;font-size:12px;font-weight:820}.reminder-preview strong{color:#fffffff0;font-size:15px;font-weight:950}.reminder-inline-warning{min-height:36px;display:flex;align-items:center;border:1px solid rgba(247,185,85,.24);border-radius:14px;background:#f7b9551a;color:#ffd99a;padding:8px 11px;font-size:12px;font-weight:900}.reminder-composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.composer .reminder-composer-card .button{min-height:38px;border-radius:999px;padding:8px 14px}.composer .reminder-composer-card .button.secondary{border-color:#ffffff1f;background:#ffffff12;color:#ebf1fac7}.composer .reminder-composer-card .reminder-create-button{border-color:#7aa2ff57;background:linear-gradient(135deg,#5f7fcb,#6d5dfc);color:#fff;box-shadow:0 14px 30px #5f7fcb38}.todo-composer-card{background:radial-gradient(circle at 18% 0%,rgba(34,197,94,.15),transparent 32%),linear-gradient(135deg,#161a18f7,#08090afa)}.todo-composer-card .todo-composer-icon{background:#22c55e24;color:#86efac;box-shadow:inset 0 1px #ffffff1a,0 10px 24px #22c55e21}.todo-composer-card .todo-composer-icon .composer-action-svg{width:21px;height:21px}.todo-time-field{display:grid;gap:8px}.todo-time-field>span{color:#eef4fcc7;font-size:12px;font-weight:950}.todo-info-block{border:1px solid rgba(34,197,94,.2);border-radius:16px;background:#22c55e1a;color:#b9f6cf;padding:10px 12px;font-size:12px;font-weight:880;line-height:1.35}.todo-preview{border-color:#22c55e2b;background:#22c55e13}.todo-inline-warning{border-color:#22c55e3d;background:#22c55e1a;color:#c8fbd8}.composer .reminder-composer-card .todo-create-button{border-color:#22c55e61;background:linear-gradient(135deg,#16a34a,#22c55e);color:#052e16;box-shadow:0 14px 30px #22c55e38}@keyframes reminderComposerIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.composer-template-picker{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}.composer-template-header,.composer-template-actions,.composer-template-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-template-header>div:first-child{min-width:0;display:grid;gap:2px}.composer-template-header strong,.composer-template-title-row strong{min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.composer-template-header span,.composer-template-title-row span{color:var(--muted);font-size:12px;font-weight:800}.composer-template-search,.composer-template-search input{width:100%}.composer-template-list{max-height:320px;display:grid;gap:8px;overflow:auto;padding-right:2px}.composer-template-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:10px}.composer-template-item-main{min-width:0;display:grid;gap:6px}.composer-template-item p{max-height:68px;margin:0;overflow:hidden;color:var(--text);font-size:13px;font-weight:650;line-height:1.35;white-space:pre-wrap}.muted-text{color:var(--muted)!important}.composer-template-attachments{display:flex;flex-wrap:wrap;gap:6px}.template-mini-attachment{max-width:220px;display:grid;gap:2px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:6px 8px;text-decoration:none}.template-mini-attachment strong,.template-mini-attachment span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-mini-attachment span{color:var(--muted);font-size:11px}.file-input{display:none}.attachment-preview{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:8px}.attachment-preview img,.attachment-preview-icon{width:54px;height:54px;border-radius:8px;border:1px solid var(--line);background:#fff}.attachment-preview img{object-fit:cover}.attachment-preview-icon{display:grid;place-items:center;color:var(--muted);font-size:11px;font-weight:900}.attachment-preview strong,.attachment-preview span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview span{margin-top:3px;color:var(--muted);font-size:12px;font-weight:650}.composer-actions span{min-width:0;color:var(--muted);font-size:13px}.composer-error{color:var(--danger)!important}.composer-success{color:var(--success)!important}.app-shell:has(.chat-detail){background:#050607;color:#ffffffe6}.app-shell:has(.chat-detail) .sidebar{border-right-color:#ffffff14;background:radial-gradient(circle at 28% 0%,rgba(255,255,255,.045),transparent 32%),linear-gradient(180deg,#101114,#08090b);color:#ffffffc7}.app-shell:has(.chat-detail) .sidebar .brand-block{border-color:#ffffff14;background:#121316c2;box-shadow:0 16px 40px #00000038}.app-shell:has(.chat-detail) .sidebar .brand-block:hover{border-color:#ffffff24;background:#1c1e23e6;box-shadow:0 18px 44px #0000003d}.app-shell:has(.chat-detail) .sidebar-user{border-color:#ffffff14;background:#121316c2;box-shadow:0 16px 40px #00000038}.app-shell:has(.chat-detail) .sidebar .brand-block strong,.app-shell:has(.chat-detail) .sidebar-user-copy strong,.app-shell:has(.chat-detail) .topbar-context strong,.app-shell:has(.chat-detail) .topbar-profile-copy strong{color:#eef4ff}.app-shell:has(.chat-detail) .sidebar .brand-block span,.app-shell:has(.chat-detail) .sidebar-group-title,.app-shell:has(.chat-detail) .sidebar-user-copy span,.app-shell:has(.chat-detail) .topbar-profile-copy span,.app-shell:has(.chat-detail) .eyebrow{color:#8793a7}.app-shell:has(.chat-detail) .sidebar-collapse-button,.app-shell:has(.chat-detail) .sidebar-logout,.app-shell:has(.chat-detail) .topbar-logout{border-color:#ffffff1a;background:#16181ceb;color:#ffffffb3}.app-shell:has(.chat-detail) .sidebar-collapse-button:hover,.app-shell:has(.chat-detail) .sidebar-logout:hover,.app-shell:has(.chat-detail) .sidebar-logout:focus-visible,.app-shell:has(.chat-detail) .topbar-logout:hover{border-color:#ffffff2e;color:#ffffffe6}.app-shell:has(.chat-detail) .sidebar-nav a{color:#ffffffa8}.app-shell:has(.chat-detail) .sidebar-nav a.active,.app-shell:has(.chat-detail) .sidebar-nav a:hover{border-color:#ffffff1f;background:linear-gradient(135deg,#2a2d34b8,#121316e6);color:#ffffffeb;box-shadow:inset 3px 0 #7aa2ffb8,0 16px 32px #00000038}.app-shell:has(.chat-detail) .nav-icon{background:#ffffff0f;color:#ffffff7a}.app-shell:has(.chat-detail) .sidebar-nav a.active .nav-icon,.app-shell:has(.chat-detail) .sidebar-nav a:hover .nav-icon{background:#ffffff1a;color:#ffffffd6}.app-shell:has(.chat-detail) .workspace{height:100%;min-height:0;overflow:hidden;background:radial-gradient(circle at 40% 0%,rgba(255,255,255,.04),transparent 34%),linear-gradient(180deg,#08090b,#050607)}.app-shell:has(.chat-detail) .topbar{min-height:48px;border-bottom-color:#74819a29;background:#090d14db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-shell:has(.chat-detail) .content{min-height:0;overflow:hidden;padding:0}.chat-detail{--chat-bg: #050607;--chat-surface: #0b0c0f;--chat-surface-2: #111318;--chat-surface-3: #181b21;--chat-panel: rgba(13, 14, 17, .94);--chat-panel-2: rgba(18, 20, 24, .92);--chat-panel-3: rgba(26, 29, 35, .9);--chat-line: rgba(255, 255, 255, .08);--chat-line-strong: rgba(255, 255, 255, .14);--chat-text: rgba(255, 255, 255, .92);--chat-muted: rgba(255, 255, 255, .58);--chat-soft: rgba(255, 255, 255, .74);--chat-blue: #7aa2ff;--chat-green: #36d399;--chat-purple: #a78bfa;--chat-red: #ff4d61;--chat-orange: #f7b955;--chat-radius: 18px;--chat-request-list-width: 440px;--chat-crm-panel-width: 360px;height:100%;min-height:0;overflow:hidden;padding:10px;background:radial-gradient(circle at 16% 6%,rgba(255,255,255,.045),transparent 22%),radial-gradient(circle at 82% 12%,rgba(255,255,255,.026),transparent 23%),linear-gradient(135deg,#07080a,#050607 48%,#090a0d);color:var(--chat-text)}.chat-detail,.chat-detail *{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.76) transparent}.chat-detail::-webkit-scrollbar,.chat-detail *::-webkit-scrollbar{width:8px;height:8px}.chat-detail::-webkit-scrollbar-track,.chat-detail *::-webkit-scrollbar-track,.chat-detail::-webkit-scrollbar-track-piece,.chat-detail *::-webkit-scrollbar-track-piece{background:transparent}.chat-detail::-webkit-scrollbar-thumb,.chat-detail *::-webkit-scrollbar-thumb{min-height:34px;min-width:34px;border:2px solid transparent;border-radius:999px;background:#ffffffb8;background-clip:padding-box}.chat-detail::-webkit-scrollbar-thumb:hover,.chat-detail *::-webkit-scrollbar-thumb:hover{background:#fffffff0;background-clip:padding-box}.chat-detail::-webkit-scrollbar-corner,.chat-detail *::-webkit-scrollbar-corner{background:transparent}.chat-detail::-webkit-scrollbar-button,.chat-detail *::-webkit-scrollbar-button{width:0;height:0;display:none}.chat-detail-layout{grid-template-columns:minmax(320px,var(--chat-request-list-width)) 10px minmax(420px,1fr) 10px minmax(300px,var(--chat-crm-panel-width));gap:0;align-items:stretch}.chat-detail-main{gap:8px}.chat-column-resizer{position:relative;z-index:5;width:10px;min-width:10px;align-self:stretch;cursor:col-resize;touch-action:none}.chat-column-resizer:before{content:"";position:absolute;top:12px;bottom:12px;left:50%;width:1px;border-radius:999px;background:#8293b233;transform:translate(-50%);transition:width .14s ease,background .14s ease,box-shadow .14s ease}.chat-column-resizer:hover:before,.chat-column-resizer:focus-visible:before{width:3px;background:#ffffff57;box-shadow:0 0 18px #ffffff24}.chat-column-resizer:focus-visible{outline:none}body.chat-column-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.chat-column-resizing *{cursor:col-resize!important}.chat-context-list,.chat-detail-header,.message-panel,.composer,.chat-request-panel{border:1px solid var(--chat-line);background:linear-gradient(180deg,#141518f0,#090a0cf2);box-shadow:0 18px 48px #00000042;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chat-context-list{min-width:0;height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;overflow:hidden;border-radius:var(--chat-radius);padding:12px}.chat-context-list-header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--chat-line);padding-bottom:10px}.chat-context-list-header div{min-width:0;display:grid;gap:2px}.chat-context-list-header span{color:var(--chat-muted);font-size:11px;font-weight:900;text-transform:uppercase}.chat-context-list-header strong{overflow:hidden;color:var(--chat-text);font-size:18px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.chat-context-list-header small{min-width:54px;min-height:26px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#fff1;color:#ffffffc7;font-size:12px;font-weight:950}.chat-stage-chip-row{min-width:0;display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:0 2px 6px;scrollbar-width:thin}.chat-stage-chip{--stage-color: var(--chat-blue);--stage-color-soft: rgba(122, 162, 255, .13);--stage-color-border: rgba(122, 162, 255, .26);min-height:32px;display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;border:1px solid var(--stage-color-border);border-radius:999px;background:#8293b214;color:var(--chat-soft);padding:4px 6px 4px 11px;cursor:pointer;font-size:12px;font-weight:900;white-space:nowrap;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.chat-stage-chip:hover{border-color:var(--stage-color);background:var(--stage-color-soft);color:var(--chat-text);transform:translateY(-1px)}.chat-stage-chip.active{border-color:var(--stage-color);background:linear-gradient(135deg,var(--stage-color-soft),rgba(130,147,178,.1));color:var(--chat-text);box-shadow:inset 0 0 0 1px #ffffff0d,0 8px 22px #0000002e}.chat-stage-chip span{max-width:190px;overflow:hidden;text-overflow:ellipsis}.chat-stage-chip b{min-width:24px;height:24px;display:inline-grid;place-items:center;border-radius:999px;background:#ffffff14;color:inherit;padding:0 7px;font-size:11px}.chat-context-items{min-height:0;display:grid;align-content:start;gap:8px;overflow:auto;padding-right:2px;scrollbar-gutter:stable}.chat-context-state{align-self:start;border:1px solid var(--chat-line);border-radius:14px;background:#ffffff0b;color:var(--chat-muted);padding:12px;font-size:13px;font-weight:800}.chat-context-item{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:#131417c7;color:var(--chat-text);padding:12px;text-decoration:none;transition:border-color .16s ease,background .16s ease,transform .16s ease}.chat-context-item:hover,.chat-context-item.active{border-color:#ffffff29;background:linear-gradient(135deg,#26292feb,#111215f5);transform:translateY(-1px)}.chat-context-avatar{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:linear-gradient(135deg,#ffffff1f,#ffffff0a);color:#ffffffd1;font-size:13px;font-weight:950}.chat-context-avatar img{width:100%;height:100%;object-fit:cover}.chat-context-item-main{min-width:0;display:grid;gap:5px}.chat-context-item-title{min-width:0;display:flex;align-items:center;gap:7px}.chat-context-item-title strong{min-width:0;overflow:hidden;color:var(--chat-text);font-size:14px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.chat-context-unread{min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:999px;background:var(--chat-blue);color:#fff;padding:0 7px;font-size:11px;font-weight:950}.chat-context-item p{display:-webkit-box;margin:0;overflow:hidden;color:var(--chat-soft);font-size:13px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.chat-context-item-meta{min-width:0;display:flex;flex-wrap:wrap;gap:5px}.chat-context-item-meta span,.chat-context-item-meta time{max-width:100%;min-height:20px;display:inline-flex;align-items:center;overflow:hidden;border-radius:999px;background:#fff1;color:var(--chat-muted);padding:2px 7px;font-size:11px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.chat-detail-header{min-height:56px;border-radius:var(--chat-radius);background:linear-gradient(135deg,#1a1c21f5,#0a0b0df5);padding:8px 10px}.chat-back-button{border-color:#ffffff1a;background:#ffffff0e;color:#ffffffd6}.chat-back-button:hover{border-color:#ffffff2e;background:#ffffff1a}.chat-detail-avatar{border-color:#ffffff1f;background:linear-gradient(135deg,#ffffff24,#ffffff0a);color:#ffffffe0}.chat-detail-header h1{color:var(--chat-text)}.chat-detail-subtitle span{background:#fff1;color:var(--chat-muted)}.chat-detail-subtitle .chat-header-unread{background:var(--chat-blue);color:#fff}.chat-live-dot{background:var(--chat-green);box-shadow:0 0 0 5px #36d39924,0 0 24px #36d3995c}.message-panel{border-radius:var(--chat-radius);position:relative;background:radial-gradient(circle at 18px 18px,rgba(255,255,255,.032) 0 1px,transparent 2px),radial-gradient(circle at 74px 46px,rgba(255,255,255,.022) 0 1px,transparent 2px),linear-gradient(135deg,#07080af7,#0b0c0ffa);background-size:96px 96px,128px 128px,auto}.chat-detail-header,.message-panel>:not(.chat-switch-overlay),.composer,.chat-request-panel{transition:opacity .16s ease,transform .16s ease,filter .16s ease}.chat-detail.is-chat-switching .chat-detail-header,.chat-detail.is-chat-switching .composer,.chat-detail.is-chat-switching .chat-request-panel{opacity:.72}.chat-detail.is-chat-switching .message-panel>:not(.chat-switch-overlay){opacity:.58;transform:translateY(2px);filter:saturate(.9);pointer-events:none}.message-empty-state{grid-row:1 / -1;min-height:100%;display:grid;place-items:center;padding:24px}.chat-switch-overlay{position:absolute;z-index:12;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.065),transparent 36%),#070a1042;pointer-events:none;animation:chatSwitchFade .16s ease both}.chat-switch-card{min-width:min(320px,92%);display:grid;justify-items:center;gap:8px;border:1px solid rgba(130,147,178,.18);border-radius:18px;background:#0c111ad6;box-shadow:0 22px 60px #0000005c;color:var(--chat-text);padding:18px;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chat-switch-card strong{font-size:14px;font-weight:950}.chat-switch-card span:last-child{color:var(--chat-muted);font-size:12px;font-weight:750}.chat-switch-spinner{width:24px;height:24px;border:3px solid rgba(130,147,178,.18);border-top-color:var(--chat-blue);border-radius:999px;animation:spin .9s linear infinite}@keyframes chatSwitchFade{0%{opacity:0}to{opacity:1}}.history-toolbar{border-bottom-color:#8293b221;background:#080c136b;color:var(--chat-muted)}.load-more-button,.new-messages-button{border-color:#ffffff1f;background:#ffffff12;color:#ffffffdb}.message-refresh-error{background:#ff4d611f;color:#ff9cab}.message-action-ok{background:#36d3991f;color:#a8f2d5}.message-list{padding:14px 14px 16px}.message-row:before{background:transparent}.message-bubble{border-color:#ffffff17;background:#1e2025e6;color:#ffffffeb;box-shadow:0 12px 30px #0003}.message-bubble.outbound{border-color:#7aa2ff3d;background:linear-gradient(135deg,#2a2e38f5,#181b21f5);color:#fff;box-shadow:inset 3px 0 #7aa2ff5c,0 12px 30px #00000038}.message-bubble.internal,.message-bubble.internal-comment{border-color:#a78bfa61;background:linear-gradient(135deg,#483678eb,#1d192bf0);color:#f5f0ff;box-shadow:inset 4px 0 0 var(--chat-purple),0 12px 30px #00000038}.message-bubble.hidden-message{border-color:#ff4d617a;background:linear-gradient(135deg,#692634f0,#241219f5);color:#fff2f4;box-shadow:inset 4px 0 0 var(--chat-red),0 12px 30px #00000038}.message-bubble.system,.message-bubble.system-event{border-color:#ffffff14;background:#ffffff0e;color:#dce6f5;box-shadow:none}.message-bubble.deleted-message{border-color:#ffffff12;background:#ffffff0a;color:#c4cfdf}.message-bubble-head{color:#b9c7dc}.message-bubble-head strong{color:#eef5ff}.message-bubble-head strong.message-author-client{color:#d8f5ff}.message-bubble-head strong.message-author-staff{color:#fff}.message-author-avatar{border-color:#fff3;background:linear-gradient(135deg,#ffffff21,#a78bfa21);color:#eaf1ff;box-shadow:0 6px 18px #00000038}.message-bubble-head span,.message-bubble-foot span,.message-bubble-foot time{background:#ffffff1a;color:#c9d6e8}.message-bubble-foot time{color:#b7c4d8}.message-bubble.outbound .message-bubble-head span,.message-bubble.outbound .message-bubble-foot span,.message-bubble.outbound .message-bubble-foot time{background:#ffffff29;color:#f8fbffe6}.message-bubble .message-internal-label{background:#a78bfa38;color:#efe9ff}.message-bubble .message-hidden-label{background:#ff4d613d;color:#ffe0e5}.message-bubble .message-system-label{background:#8293b229;color:#dce6f5}.message-bubble .message-text{color:inherit;font-weight:650}.message-bubble.deleted-message .message-text{color:#cbd5e1}.attachment-chip{border-color:#8293b229;background:#0c111a94;color:var(--chat-text)}.attachment-chip span{color:var(--chat-muted)}.message-action-icon{border-color:#8293b22e;background:#111827e0;color:#b7c2d4;box-shadow:0 12px 30px #00000047}.message-action-icon.action-copy:hover,.message-action-icon.action-copy:focus-visible{border-color:#e2e8f038;background:#e2e8f01f;color:#fff}.message-action-icon.action-edit:hover,.message-action-icon.action-edit:focus-visible{border-color:#7aa2ff47;background:#7aa2ff1f;color:#d7e4ff}.message-action-icon.action-delete:hover,.message-action-icon.action-delete:focus-visible{border-color:#ff4d6152;background:#ff4d6129;color:#ffb6c0}.message-action-trigger{border-color:#8293b229;background:#0c111ac7;color:var(--chat-muted)}.message-action-trigger:hover,.message-action-trigger:focus-visible{background:#1b2331f5;color:var(--chat-text)}.message-action-menu{border-color:#ffffff1a;background:#101114;box-shadow:0 18px 46px #00000057}.message-action-menu button{color:var(--chat-text)}.message-action-menu button:hover{background:#8293b21a}.message-action-menu button.danger{color:#ff9cab}.composer{min-height:122px;border-radius:var(--chat-radius);background:linear-gradient(180deg,#141518f5,#090a0cf5);color:var(--chat-muted);padding:10px 12px}.composer.internal-mode{border-color:#a78bfa61;background:linear-gradient(180deg,#2d2544f5,#0c111af5)}.composer.hidden-mode{border-color:#ff4d6161;background:linear-gradient(180deg,#361922f5,#0c111af5)}.composer-action-button{border-color:#ffffff14;background:#15171bdb;color:#c7d1e2}.composer-action-button:hover:not(:disabled){background:var(--action-soft)}.composer-action-icon{background:#ffffff0f}.composer-channel{background:#8293b21a;color:var(--chat-muted)}.composer-channel.internal{background:#a78bfa24;color:#d9ceff}.composer-channel.hidden{background:#ff4d6124;color:#ffb6c0}.channel-select span{color:var(--chat-muted)}.channel-select select,.composer textarea,.composer-template-picker,.task-composer-panel,.attachment-preview{border-color:#ffffff17;background:#07080ac7;color:var(--chat-text)}.composer textarea{border-radius:14px}.composer.internal-mode textarea{border-color:#a78bfa4d;background:#090d14b8}.composer.hidden-mode textarea{border-color:#ff4d6157;background:#090d14b8}.composer textarea::placeholder{color:#6f7b8f}.composer textarea:focus,.channel-select select:focus{border-color:#ffffff38;box-shadow:0 0 0 3px #ffffff14}.composer .button,.chat-request-panel .button,.task-composer-panel .button,.composer-template-picker .button,.attachment-preview .button{border-color:#ffffff24;background:#ffffff14;color:#ffffffe0}.composer .button.secondary,.chat-request-panel .button.secondary,.task-composer-panel .button.secondary,.composer-template-picker .button.secondary,.attachment-preview .button.secondary{border-color:#8293b22e;background:#8293b214;color:#c8d2e2}.composer-error{color:#ff9cab!important}.composer-success{color:#a8f2d5!important}.internal-comment-hint,.hidden-message-hint{border-color:#8293b22e;background:#8293b214}.internal-comment-hint{color:#d9ceff}.hidden-message-hint{color:#ffb6c0}.chat-detail .composer-mode-hint{border-radius:14px;padding:8px 8px 8px 12px;color:#ffffffdb;font-weight:800;line-height:1.25}.chat-detail .internal-comment-hint{border-color:#c4a7ff3d;background:#a78bfa1c;color:#e2d8ff}.chat-detail .hidden-message-hint{border-color:#ff4d6147;background:#ff4d611f;color:#ffc0c9}.chat-detail .composer-mode-dismiss,.chat-detail .task-composer-close{border:1px solid rgba(255,255,255,.1);background:#0a0e1675;color:currentColor;box-shadow:inset 0 1px #ffffff0f}.chat-detail .composer-mode-dismiss:hover:not(:disabled),.chat-detail .task-composer-close:hover:not(:disabled){background:#ffffff1f;transform:translateY(-1px)}.chat-detail .composer{position:relative;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;padding:6px 8px 2px}.chat-detail .composer:before{content:"";position:absolute;top:-54px;right:-8px;bottom:0;left:-8px;z-index:-1;background:linear-gradient(180deg,transparent,rgba(7,10,16,.72));pointer-events:none}.chat-detail .composer-form{position:relative;gap:9px}.chat-detail .composer-popover{width:max-content;max-width:100%;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#0f1013f0;box-shadow:0 18px 48px #00000057;padding:10px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:composerPopoverIn .16s ease both}.chat-detail .composer-actions-panel{position:absolute;left:0;right:0;bottom:calc(100% + 12px);z-index:40;width:auto;max-width:none;box-sizing:border-box;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:clamp(5px,1.05vw,9px);border:0;background:transparent;box-shadow:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible;scrollbar-width:none}.chat-detail .composer-actions-panel::-webkit-scrollbar{display:none}.chat-detail .composer-action-button{min-width:0;min-height:clamp(58px,8.4vw,70px);display:grid;grid-template-rows:auto auto;place-items:center;gap:clamp(4px,.75vw,7px);border:1px solid rgba(255,255,255,.09);border-radius:clamp(15px,2vw,18px);background:linear-gradient(180deg,#1f2126f5,#0f1013f0);box-shadow:inset 0 1px #ffffff0e,0 12px 28px #00000042;padding:clamp(7px,1.1vw,10px) 3px clamp(6px,.9vw,8px);overflow:hidden;color:#eff5fff0;font-size:clamp(8px,1.25vw,10.5px);font-weight:900;line-height:1.05;text-align:center;white-space:nowrap}.chat-detail .composer-action-button:hover:not(:disabled),.chat-detail .composer-action-button.active{border-color:#ffffff2e;background:linear-gradient(180deg,#2a2d34fa,#14161afa);box-shadow:inset 0 1px #ffffff13,0 16px 34px #00000052,0 0 0 1px var(--action-ring);color:#fff}.chat-detail .composer-action-icon{width:clamp(29px,4.7vw,38px);height:clamp(28px,4.4vw,36px);min-width:0;min-height:0;display:inline-grid;place-items:center;border-radius:clamp(10px,1.9vw,13px);background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.22),transparent 34%),var(--action-icon-bg);color:var(--action-accent);box-shadow:inset 0 1px #ffffff2e,0 8px 18px var(--action-shadow)}.chat-detail .composer-action-svg{width:clamp(16px,2.6vw,20px);height:clamp(16px,2.6vw,20px);display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.chat-detail .composer-action-svg circle,.chat-detail .composer-action-svg rect{fill:none}.chat-detail .composer-action-button:hover:not(:disabled) .composer-action-icon,.chat-detail .composer-action-button.active .composer-action-icon{color:#fff;transform:translateY(-1px)}.chat-detail .composer-action-button.tone-photo{--action-accent: #48e5d7;--action-icon-bg: rgba(20, 184, 166, .2);--action-ring: rgba(72, 229, 215, .24);--action-shadow: rgba(20, 184, 166, .22)}.chat-detail .composer-action-button.tone-file{--action-accent: #5b8cff;--action-icon-bg: rgba(91, 140, 255, .2);--action-ring: rgba(91, 140, 255, .24);--action-shadow: rgba(91, 140, 255, .22)}.chat-detail .composer-action-button.tone-template{--action-accent: #ffc857;--action-icon-bg: rgba(245, 158, 11, .22);--action-ring: rgba(255, 200, 87, .24);--action-shadow: rgba(245, 158, 11, .22)}.chat-detail .composer-action-button.tone-internal{--action-accent: #c4a7ff;--action-icon-bg: rgba(167, 139, 250, .22);--action-ring: rgba(196, 167, 255, .24);--action-shadow: rgba(167, 139, 250, .22)}.chat-detail .composer-action-button.tone-hidden{--action-accent: #ff5d75;--action-icon-bg: rgba(255, 77, 97, .2);--action-ring: rgba(255, 93, 117, .26);--action-shadow: rgba(255, 77, 97, .22)}.chat-detail .composer-action-button.tone-reminder{--action-accent: #8fa7ff;--action-icon-bg: rgba(99, 102, 241, .22);--action-ring: rgba(143, 167, 255, .24);--action-shadow: rgba(99, 102, 241, .22)}.chat-detail .composer-action-button.tone-todo{--action-accent: #5eead4;--action-icon-bg: rgba(45, 212, 191, .2);--action-ring: rgba(94, 234, 212, .24);--action-shadow: rgba(45, 212, 191, .22)}.chat-detail .composer-channel-control{position:relative;min-width:0;display:grid;align-items:center}.chat-detail .composer-channel-popover{position:absolute;right:0;bottom:calc(100% + 12px);z-index:42;width:292px;max-width:min(292px,calc(100vw - 36px));box-sizing:border-box;display:grid;gap:9px;max-height:min(420px,calc(100vh - 180px));overflow:hidden;transform-origin:right bottom;animation:channelPopoverFloatIn .16s ease both}.chat-detail .composer-channel-popover-header{display:grid;gap:2px;padding:2px 4px 4px}.chat-detail .composer-channel-popover strong{color:var(--chat-text);font-size:13px;font-weight:950}.chat-detail .composer-channel-popover span{color:var(--chat-muted);font-size:12px;font-weight:750}.chat-detail .composer-channel-options{display:grid;grid-template-columns:1fr;gap:7px;max-height:min(318px,calc(100vh - 260px));overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.chat-detail .composer-channel-options button{min-width:0;min-height:46px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0b;color:var(--chat-text);cursor:pointer;padding:8px 10px 8px 8px;text-align:left;opacity:1;transform:translateY(0);animation:channelOptionIn .15s ease both}.chat-detail .composer-channel-options button:nth-child(2){animation-delay:35ms}.chat-detail .composer-channel-options button:nth-child(3){animation-delay:70ms}.chat-detail .composer-channel-options button:nth-child(4){animation-delay:105ms}.chat-detail .composer-channel-options button:nth-child(5){animation-delay:.14s}.chat-detail .composer-channel-options button:nth-child(n+6){animation-delay:165ms}.chat-detail .composer-channel-options button span,.chat-detail .composer-channel-button span{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:999px;background:#ffffff14;color:#ffffffdb;font-size:10px;font-weight:950;overflow:hidden}.chat-detail .composer-channel-options button span svg,.chat-detail .composer-channel-button span svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.chat-detail .composer-channel-options button span svg circle,.chat-detail .composer-channel-button span svg circle,.chat-detail .composer-channel-options button span svg rect,.chat-detail .composer-channel-button span svg rect{fill:none}.chat-detail .composer-channel-options button span svg.channel-brand-icon,.chat-detail .composer-channel-button span svg.channel-brand-icon{width:22px;height:22px;fill:initial;stroke:none;stroke-width:0}.chat-detail .channel-icon-letter{color:inherit;font-size:9px;font-weight:950;line-height:1}.chat-detail .composer-channel-options button b{overflow:hidden;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.chat-detail .composer-channel-options button:hover,.chat-detail .composer-channel-options button.active{border-color:#ffffff29;background:#ffffff14}.chat-detail .composer-input-row{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#060709c2;padding:7px;box-shadow:inset 0 1px #ffffff0a,0 14px 34px #0003}.chat-detail .composer-plus-button,.chat-detail .composer-send-button{width:44px;height:44px;min-width:44px;min-height:44px;display:inline-grid;place-items:center;border:0;border-radius:16px;cursor:pointer;font-size:24px;font-weight:950;line-height:1;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,color .14s ease}.chat-detail .composer-plus-button{border:1px solid transparent;background:transparent;color:#b8c6da;box-shadow:none}.chat-detail .composer-plus-button:hover:not(:disabled){border-color:#ffffff29;background:#ffffff14;color:#edf4ff;transform:translateY(-1px)}.chat-detail .composer-plus-button.active{border-color:#fff3;background:#2c2f37f0;color:#fff;box-shadow:0 14px 30px #00000052;transform:translateY(-1px)}.chat-detail .composer textarea{min-height:44px;border:0;border-radius:18px;background:transparent;color:var(--chat-text);padding:12px 8px;font-size:15px;line-height:20px}.chat-detail .composer textarea:focus{box-shadow:none}.chat-detail .composer .reminder-composer-card .reminder-main-field textarea{min-height:112px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(180deg,#ffffff17,#fff1),#0c0e12f0;padding:15px 16px;box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #0000002e}.chat-detail .composer .reminder-composer-card .reminder-main-field textarea::placeholder{color:#e4ecf88f}.chat-detail .composer .reminder-composer-card .reminder-main-field textarea:focus{border-color:#f7b9559e;box-shadow:0 0 0 3px #f7b95524,inset 0 1px #ffffff14}.chat-detail .composer .todo-composer-card .reminder-main-field textarea{min-height:112px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(180deg,#ffffff17,#fff1),#0c0f0ef0;padding:15px 16px;color:#fffffff0;box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #0000002e}.chat-detail .composer .todo-composer-card .reminder-main-field textarea::placeholder{color:#e4f8ec8f}.chat-detail .composer .todo-composer-card .reminder-main-field textarea:focus,.chat-detail .composer .todo-composer-card .todo-custom-date:focus{border-color:#22c55ea6;box-shadow:0 0 0 3px #22c55e24,inset 0 1px #ffffff14}.chat-detail .composer .todo-composer-card .todo-custom-date{width:min(280px,100%);border-color:#ffffff1f;background:#ffffff0f}.chat-detail .composer-channel-button{min-width:86px;max-width:134px;height:44px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:#ffffff0e;color:#ffffffdb;cursor:pointer;padding:6px 9px 6px 7px}.chat-detail .composer-channel-button b{overflow:hidden;font-size:11px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.chat-detail .composer-channel-button:hover:not(:disabled),.chat-detail .composer-channel-button.active{border-color:#ffffff2e;background:#ffffff17}.chat-detail .composer-channel-button.internal{border-color:#a78bfa4d;background:#a78bfa24;color:#efe9ff}.chat-detail .composer-channel-button.hidden{border-color:#ff4d6157;background:#ff4d6124;color:#ffe0e5}.chat-detail .composer-channel-button.hidden>span{background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.22),transparent 34%),#ff4d6133;color:#ff5d75;box-shadow:inset 0 1px #ffffff29,0 8px 18px #ff4d6138}.chat-detail .composer-channel-button.hidden>span .composer-action-svg{width:18px;height:18px}.chat-detail .composer-channel-button:disabled,.chat-detail .composer-plus-button:disabled,.chat-detail .composer-send-button:disabled{cursor:not-allowed;opacity:.52;transform:none;box-shadow:none}.chat-detail .composer-send-button{background:linear-gradient(135deg,#5f7fcb,#6d5dfc);color:#fff;box-shadow:0 14px 30px #5f7fcb3d}.chat-detail .composer-send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 34px #5f7fcb52}.chat-detail .composer-send-button span{transform:translateY(-1px)}.chat-detail .composer-actions{align-items:center;min-height:24px;padding:0 4px}.chat-detail .composer-actions:empty{display:none}.chat-detail .composer-scroll-latest{position:absolute;right:22px;top:-54px;z-index:14;width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid rgba(130,147,178,.22);border-radius:999px;background:#0e141ee6;color:#f4f8ff;cursor:pointer;box-shadow:0 16px 40px #00000057;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:21px;font-weight:900}.chat-detail .composer-scroll-latest:hover{border-color:#ffffff2e;background:#ffffff1a;transform:translateY(-1px)}.chat-detail .composer-scroll-latest b{position:absolute;top:-5px;right:-4px;min-width:18px;height:18px;display:inline-grid;place-items:center;border-radius:999px;background:var(--chat-green);color:#04120d;padding:0 5px;font-size:9px;font-weight:950;text-transform:uppercase}@keyframes composerPopoverIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes channelPopoverFloatIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes channelOptionIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.composer-template-header strong,.composer-template-title-row strong,.task-composer-header strong,.chat-request-panel h2,.request-panel-section h3,.detail-rows dd,.detail-text,.request-panel-money span{color:var(--chat-text)}.composer-template-header span,.composer-template-title-row span,.task-composer-header span,.task-composer-footer span,.detail-rows dt,.detail-link-item span,.request-panel-money b,.panel-note{color:var(--chat-muted)}.composer-template-item,.template-mini-attachment,.panel-note,.detail-link-item,.request-panel-money span{border-color:#ffffff14;background:#ffffff0b}.composer-template-item p,.template-mini-attachment strong,.detail-link-item strong{color:var(--chat-text)}.chat-request-panel{height:100%;max-height:none;border-radius:var(--chat-radius);background:linear-gradient(180deg,#141518f5,#090a0cf5);padding:14px}.chat-request-panel-header{border-bottom-color:#8293b229}.stage-chip{box-shadow:0 0 0 1px #ffffff14 inset}.chat-detail .state,.chat-detail .empty-state,.chat-detail .state-panel{border-color:#ffffff14;background:#ffffff0b;color:var(--chat-soft)}.chat-detail .state{min-height:180px}.chat-detail .state-error{border-color:#ff4d613d;background:#ff4d611a}.chat-detail .spinner{border-color:#8293b22e;border-top-color:var(--chat-blue)}.chat-detail .state strong,.chat-detail .state-panel h2,.chat-detail .empty-state h2{color:var(--chat-text)}.chat-detail .state span,.chat-detail .state-panel p,.chat-detail .empty-state p{color:var(--chat-muted)}.chat-detail-fallback-panel{display:grid;place-items:center;padding:24px}.chat-context-list-skeleton,.chat-request-panel-skeleton,.composer-skeleton,.chat-detail-header-skeleton{pointer-events:none}.skeleton-line,.skeleton-input,.skeleton-send,.chat-context-list-skeleton .chat-context-avatar{display:block;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent),#8293b21f;background-size:220px 100%,auto;animation:skeletonGlow 1.4s ease-in-out infinite}.skeleton-line{width:72%;height:12px}.skeleton-line.wide{width:88%}.skeleton-line.short{width:42%}.skeleton-line.title{width:min(280px,72%);height:18px}.skeleton-card{cursor:default;transform:none!important}.skeleton-chip{cursor:default;opacity:.72}.skeleton-input{width:100%;height:54px;border-radius:14px}.skeleton-send{width:116px;height:46px;border-radius:12px}@keyframes skeletonGlow{0%{background-position:-220px 0,0 0}to{background-position:220px 0,0 0}}@media(max-width:720px){.integrations-grid{grid-template-columns:minmax(0,1fr)}.integrations-heading,.integrations-summary{align-items:stretch;justify-content:flex-start}.integration-meta div{grid-template-columns:minmax(0,1fr);gap:3px}.composer{padding:10px}.composer-top-row,.composer-actions{align-items:stretch;flex-direction:column}.composer-input-row{grid-template-columns:minmax(0,1fr)}.task-composer-header,.task-composer-footer{align-items:stretch;flex-direction:column}.task-composer-grid,.task-composer-panel.reminder .task-composer-grid{grid-template-columns:minmax(0,1fr)}.reminder-composer-card{width:calc(100% - 16px);padding:13px}.reminder-quick-options{grid-template-columns:repeat(2,minmax(0,1fr))}.reminder-composer-actions{align-items:stretch;flex-direction:column-reverse}.composer .reminder-composer-card .button,.composer-send-button{width:100%}.attachment-preview{grid-template-columns:auto minmax(0,1fr)}.attachment-preview .button{grid-column:1 / -1;justify-self:start}}@media(max-width:1180px)and (min-width:721px){.integrations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1180px){.chat-detail{height:auto;min-height:0;overflow:visible}.chat-detail-layout{grid-template-columns:minmax(0,1fr)}.chat-detail-main{min-height:720px}.chat-request-panel{max-height:none;overflow:visible}}@keyframes spin{to{transform:rotate(360deg)}}