:root{color:#0f172a;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:#0f172a;color:#f8fafc;padding:24px;display:flex;flex-direction:column;gap:32px}.sidebar h1,.page-header h2,.kanban-column h3{margin:0}.sidebar small{color:#94a3b8;display:block;margin-top:8px;overflow-wrap:anywhere}.sidebar nav{display:grid;gap:8px}.sidebar a{border-radius:6px;color:#cbd5e1;padding:10px 12px}.sidebar a.active{background:#0f766e;color:#fff}.sidebar-logout{background:transparent;border:1px solid #334155;color:#cbd5e1;margin-top:12px;text-align:left}.sidebar-logout:hover{border-color:#64748b}.content{padding:28px;overflow:auto}.login-page{align-items:center;background:#f8fafc;display:flex;min-height:100vh;justify-content:center;padding:20px}.login-panel{background:#fff;border:1px solid #cbd5e1;border-radius:8px;display:grid;gap:18px;max-width:420px;padding:24px;width:100%}.login-panel h1{margin:0}.eyebrow{color:#0f766e;font-size:12px;font-weight:700;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}.sidebar .eyebrow{color:#5eead4}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-stats{display:flex;gap:8px}.segmented,.tabs{display:flex;gap:6px}.segmented button,.tabs button{background:#e2e8f0;color:#0f172a}.segmented button.active,.tabs button.active{background:#0f766e;color:#fff}.header-stats span{background:#fff;border:1px solid #cbd5e1;border-radius:999px;color:#334155;font-size:13px;font-weight:700;padding:8px 10px}.kanban{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(220px,1fr))}.kanban-column{background:#e2e8f0;border-radius:8px;min-height:520px;padding:12px}.kanban-column>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.kanban-column>header span{background:#fff;border-radius:999px;min-width:28px;padding:4px 8px;text-align:center}.ticket-list{display:grid;gap:10px}.ticket-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.ticket-card--expanded{border-color:#0f766e}.ticket-card--sla{border-color:#dc2626;box-shadow:inset 4px 0 #dc2626}.ticket-card--unread{box-shadow:none}.ticket-card--sla.ticket-card--unread{box-shadow:inset 4px 0 #dc2626}.ticket-card__button{background:transparent;border:0;border-radius:0;color:inherit;cursor:pointer;display:block;font:inherit;padding:12px 12px 10px;text-align:left;width:100%}.ticket-card__button:hover{background:#f8fafc}.ticket-card__header{align-items:start;display:flex;gap:8px;justify-content:space-between}.ticket-card__actions{align-items:center;display:flex;gap:6px;justify-content:flex-end}.ticket-card__unread-count{align-items:center;background:#ef4444;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:800;height:22px;justify-content:center;min-width:22px;padding:0 6px}.ticket-card__avatar{align-items:center;background:#eef2ff;border-radius:999px;color:#3730a3;display:inline-flex;font-size:12px;font-weight:800;height:26px;justify-content:center;width:26px}.ticket-card__drag{background:#e2e8f0;color:#0f172a;cursor:grab;font-size:11px;padding:4px 8px}.ticket-card__drag:active{cursor:grabbing}.ticket-card__snippet{color:#334155;margin:10px 0;overflow-wrap:anywhere}.ticket-card small{color:#64748b;overflow-wrap:anywhere}.ticket-card__details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:grid;gap:4px;margin:10px 0;padding:8px}.ticket-card__assignee{display:grid;gap:4px;margin:10px 0}.ticket-card__assignee span{color:#64748b;font-size:11px;font-weight:700}.ticket-card__assignee select{min-height:34px;width:100%}.ticket-card__times{display:flex;gap:8px;justify-content:flex-start}.ticket-card__times{border-top:1px solid #e2e8f0;margin-top:10px;padding-top:8px}.ticket-card__open{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0;color:#0f766e;display:block;font-size:13px;padding:8px 12px;text-align:left;width:100%}.ticket-card__messages{background:#f8fafc;border-top:1px solid #e2e8f0;display:grid;gap:8px;padding:10px}.ticket-message{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px}.ticket-message p{font-size:13px;margin:0 0 6px}.ticket-message time{color:#64748b;display:block;font-size:12px;text-align:right}.ticket-list--over{outline:2px dashed #0f766e;outline-offset:4px}.ticket-dragging{opacity:.6}.filter-bar{align-items:end;background:#fff;border:1px solid #cbd5e1;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(120px,1fr)) auto;margin-bottom:16px;padding:14px}.filter-bar label{color:#475569;display:grid;font-size:13px;font-weight:700;gap:6px}.filter-bar input{border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;font:inherit;padding:10px 12px}.notice{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-bottom:16px;padding:12px}.error-notice{background:#fee2e2;border-color:#dc2626;color:#7f1d1d}.success-notice{background:#dcfce7;border-color:#16a34a;color:#14532d}.metrics-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(180px,1fr))}.metrics-grid--compact{grid-template-columns:repeat(4,minmax(130px,1fr));margin-bottom:14px}.dashboard-filters{align-items:end;background:#fff;border:1px solid #cbd5e1;border-radius:8px;display:grid;gap:12px;grid-template-columns:auto repeat(5,minmax(140px,1fr));margin-bottom:18px;padding:14px}.dashboard-filters .segmented{align-self:center}.dashboard-filters .search-field{margin-bottom:0}.dashboard-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:18px}.dashboard-grid+.panel,.dashboard-grid~.panel{margin-top:18px}.settings-grid{display:grid;gap:18px;grid-template-columns:minmax(280px,420px) 1fr;align-items:start}.panel{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:18px}.panel h3{margin:0 0 14px}.panel-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.panel-header h3{margin:0}.panel-subtitle{color:#64748b;font-size:13px;margin:4px 0 0}.chart-legend{display:flex;gap:12px;margin-top:10px}.chart-legend span{align-items:center;color:#64748b;display:inline-flex;font-size:13px;gap:6px}.chart-legend i{border-radius:999px;display:block;height:10px;width:10px}.legend-opened{background:#2563eb}.legend-closed{background:#16a34a}.status-pill{border-radius:999px;font-size:12px;font-weight:800;padding:6px 10px}.status-open{background:#dcfce7;color:#14532d}.status-connecting,.status-reconnecting{background:#fef3c7;color:#78350f}.status-error{background:#fee2e2;color:#7f1d1d}.status-idle{background:#e2e8f0;color:#475569}.instance-overview{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.instance-overview div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:10px}.instance-overview span{color:#64748b;display:block;font-size:12px;margin-bottom:4px}.instance-overview strong{display:block;font-size:20px;overflow-wrap:anywhere}.status-disconnected,.status-idle{background:#e2e8f0;color:#334155}.connection-form{display:grid;gap:12px}.connection-form label{color:#475569;display:grid;font-size:13px;font-weight:700;gap:6px}.connection-form input,select,textarea{border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;font:inherit;padding:10px 12px}textarea{min-height:92px;resize:vertical}.search-field{color:#475569;display:grid;font-size:13px;font-weight:700;gap:6px;margin-bottom:14px}.search-field input,.search-field select{border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;font:inherit;padding:10px 12px}button{background:#0f766e;border:0;border-radius:6px;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:10px 14px}button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{background:#e2e8f0;color:#0f172a}.connection-state{display:grid;gap:14px;margin-top:18px}.connection-state dl{display:grid;gap:10px;margin:0}.connection-state dl div{display:flex;justify-content:space-between;gap:12px}.connection-state dt{color:#64748b}.connection-state dd{margin:0;overflow-wrap:anywhere;text-align:right}.qr-box{align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;display:flex;justify-content:center;padding:14px}.qr-box img{aspect-ratio:1;max-width:260px;width:100%}.group-summary{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.group-summary div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:10px}.group-summary span{color:#64748b;display:block;font-size:12px;margin-bottom:4px}.group-summary strong{display:block;font-size:14px;overflow-wrap:anywhere}.group-list{display:grid;gap:10px}.group-row{border:1px solid #cbd5e1;border-radius:8px;display:grid;gap:5px;padding:12px}.group-row strong{overflow-wrap:anywhere}.group-row-main{align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto}.group-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.toggle{align-items:center;cursor:pointer;display:inline-flex;gap:8px;white-space:nowrap}.toggle input{accent-color:#0f766e;height:18px;width:18px}.toggle span{color:#0f172a;font-size:13px;font-weight:800}.pagination{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.group-row span,.group-row small,.empty-state{color:#64748b}.metric{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:18px}.metric span{color:#64748b;display:block;margin-bottom:8px}.metric strong{font-size:36px}.simple-chart{align-items:end;border-bottom:1px solid #e2e8f0;display:grid;gap:8px;grid-auto-flow:column;grid-auto-columns:minmax(28px,1fr);min-height:220px;overflow-x:auto;padding:12px 0 0}.timeline-bar{align-items:center;display:grid;gap:8px;height:220px;justify-items:center}.timeline-bar__bars{align-items:end;display:flex;gap:4px;height:180px;width:100%}.timeline-bar__bars span{border-radius:6px 6px 0 0;display:block;flex:1;min-width:8px}.timeline-bar__opened{background:#2563eb}.timeline-bar__closed{background:#16a34a}.timeline-bar small{color:#64748b;font-size:11px;white-space:nowrap}.response-trend,.hourly-chart{display:grid;gap:8px}.response-trend{max-height:260px;overflow:auto}.response-trend__item,.hourly-chart__row{align-items:center;display:grid;gap:10px;grid-template-columns:54px 1fr 62px}.response-trend__item span,.hourly-chart__row span,.response-trend__item small,.hourly-chart__row small{color:#64748b;font-size:12px}.response-trend__item div,.hourly-chart__row div{background:#e2e8f0;border-radius:999px;height:10px;overflow:hidden}.response-trend__item strong,.hourly-chart__row strong{background:#f59e0b;display:block;height:100%}.hourly-chart{grid-template-columns:repeat(2,minmax(0,1fr))}.hourly-chart__row strong{background:#94a3b8}.hourly-chart__row .is-top-hour{background:#2563eb}.group-metrics-table{border:1px solid #e2e8f0;border-radius:8px;max-height:560px;overflow:auto}.group-metrics-table__head,.group-metrics-row{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(220px,1.8fr) repeat(5,minmax(90px,1fr))}.group-metrics-table__head{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:800;padding:10px 12px;position:sticky;top:0;z-index:1}.group-metrics-row{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:0;color:#0f172a;font-weight:500;padding:12px;text-align:left;width:100%}.group-metrics-row:hover{background:#f8fafc}.group-metrics-row>span:first-child{display:grid;gap:6px;min-width:0}.group-metrics-row strong{overflow-wrap:anywhere}.health-badge{border-radius:999px;font-size:11px;font-weight:800;justify-self:start;padding:4px 8px}.health-badge--good{background:#dcfce7;color:#14532d}.health-badge--warning{background:#fef3c7;color:#78350f}.health-badge--bad{background:#fee2e2;color:#7f1d1d}.health-badge--silent{background:#e2e8f0;color:#475569}.ticket-panel{inset:0;position:fixed;z-index:20}.ticket-panel__backdrop{background:#0f172a52;inset:0;position:absolute}.ticket-panel__content{background:#fff;display:grid;grid-template-rows:auto 1fr;height:100%;margin-left:auto;max-width:980px;min-width:min(980px,100vw);position:relative}.invite-modal{align-content:start;background:var(--bg-surface);box-shadow:0 24px 80px #0f172a38;display:grid;gap:14px;left:50%;max-width:420px;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));z-index:21}.ticket-panel__header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:16px}.ticket-panel__header h3{margin:0}.ticket-detail{display:grid;grid-template-columns:280px 1fr;min-height:0}.ticket-detail__info{align-content:start;border-right:1px solid #e2e8f0;display:grid;gap:18px;padding:16px}.ticket-detail__info dl,.profile-panel dl{display:grid;gap:12px;margin:0}.ticket-detail__info dl div,.profile-panel dl div{display:grid;gap:4px}.ticket-detail__info dt,.profile-panel dt{color:#64748b;font-size:12px}.ticket-detail__info dd,.profile-panel dd{margin:0;overflow-wrap:anywhere}.detail-actions{display:flex;gap:8px}.ticket-detail__messages{display:grid;grid-template-rows:auto 1fr auto;min-height:0}.ticket-detail__messages>.ticket-detail__messages{grid-template-rows:1fr auto}.ticket-detail__messages>.mini-chat,.mini-chat{grid-template-rows:auto 1fr auto}.mini-chat-header{align-items:center;border-bottom:1px solid var(--border-default);display:flex;gap:10px;min-width:0;padding:10px 16px}.mini-chat-header>div{display:grid;gap:2px;min-width:0}.mini-chat-header strong,.mini-chat-header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-chat-header small{color:var(--text-secondary);font-size:12px}.mini-chat-header__avatar{height:34px;width:34px}.message-timeline{align-content:start;display:grid;gap:10px;overflow:auto;padding:16px}.message-timeline__item{display:grid;gap:10px}.chat-history-toolbar{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:4px}.chat-history-toolbar button{font-size:12px;min-height:30px;padding:6px 10px}.chat-history-toolbar span{color:var(--text-secondary);font-size:12px}.ticket-history-list{display:grid;gap:12px;margin-bottom:12px}.ticket-history-block{background:color-mix(in srgb,var(--bg-elevated) 74%,var(--bg-surface));border:1px dashed var(--border-default);border-radius:8px;display:grid;gap:8px;padding:10px}.ticket-history-block>header{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between}.message-bubble--history{opacity:.78}.new-messages-divider{align-items:center;color:#c2410c;display:grid;font-size:11px;font-weight:800;gap:10px;grid-template-columns:1fr auto 1fr;letter-spacing:0;margin:4px 0;text-transform:uppercase}.new-messages-divider:before,.new-messages-divider:after{background:#fb923c;content:"";height:1px;opacity:.55}.new-messages-divider span{background:#fff7ed;border:1px solid #fdba74;border-radius:999px;padding:5px 9px}.flex{display:flex}.items-center{align-items:center}.my-4{margin-bottom:16px;margin-top:16px}.flex-1{flex:1 1 0%}.border-gray-300{border:0;border-top:1px solid #d1d5db}.px-3{padding-left:12px;padding-right:12px}.text-xs{font-size:12px}.text-blue-500{color:#3b82f6}.font-semibold{font-weight:700}.bg-gray-50{background:#f9fafb}.rounded-full{border-radius:999px}.message-bubble{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-self:start;max-width:78%;padding:10px}.message-row{align-items:flex-start;display:flex;gap:8px}.message-row--bot{flex-direction:row-reverse}.message-avatar{align-items:center;background:#e2e8f0;border-radius:999px;color:#475569;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:700;height:28px;justify-content:center;object-fit:cover;width:28px}.message-avatar--agent{background:#ccfbf1;color:#0f766e}.message-bubble--bot{background:#ccfbf1;border-color:#5eead4;justify-self:end}.message-bubble p{margin:6px 0;overflow-wrap:anywhere}.message-bubble time{color:#64748b;display:block;font-size:12px;text-align:right}.reply-box{border-top:1px solid #e2e8f0;display:grid;gap:10px;grid-template-columns:1fr auto;padding:16px}.reply-box--rich{grid-template-columns:1fr}.reply-actions{display:flex;gap:8px;justify-content:flex-end}.reply-quote,.reply-image-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:6px;padding:10px}.checkbox-row{align-items:center;display:flex;flex-direction:row;gap:8px}.checkbox-row input[type=checkbox]{width:auto}.business-hours-panel{grid-column:1 / -1}.business-hours-panel .connection-form{max-width:none}.business-hours-panel>.panel-header{max-width:720px}.business-hours-list{display:grid;gap:10px}.business-hours-row{align-items:end;border:1px solid var(--border-subtle, #e2e8f0);border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(110px,160px) minmax(130px,180px) minmax(130px,180px) minmax(110px,1fr);min-width:0;padding:12px}.business-hours-row strong{color:var(--text-primary, #0f172a);line-height:44px}.business-hours-row label{min-width:0}.business-hours-row input[type=time]{min-width:0;width:100%}.business-hours-closed{align-self:center;justify-self:start;min-height:44px;padding-top:20px}.reply-quote{grid-template-columns:1fr auto}.reply-quote span,.reply-image-preview span{color:#64748b;font-size:12px}.reply-quote strong{color:#334155;font-size:13px;font-weight:600;overflow-wrap:anywhere}.reply-image-preview{align-items:center;grid-template-columns:72px 1fr auto}.reply-image-preview img{border-radius:6px;height:72px;object-fit:cover;width:72px}.message-bubble blockquote{background:#ffffffb8;border-left:3px solid #0f766e;border-radius:4px;color:#475569;font-size:13px;margin:8px 0;overflow-wrap:anywhere;padding:8px}.message-bubble blockquote span{color:#0f766e;display:block;font-size:12px;font-weight:800;margin-bottom:4px}.message-media{border-radius:8px;display:block;margin-top:8px;max-height:280px;max-width:min(360px,100%);object-fit:contain}.message-reply-action{background:transparent;color:#0f766e;font-size:12px;padding:0}.admin-grid{display:grid;gap:18px;grid-template-columns:minmax(280px,420px) 1fr}.agent-table{display:grid;gap:10px}.agent-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;display:grid;gap:12px;grid-template-columns:1fr auto auto;font-weight:500;padding:12px;text-align:left}.agent-row--button:hover{background:#f8fafc}.agent-row div:first-child{display:grid;gap:4px}.agent-row span{color:#64748b}.agent-actions{display:flex;gap:8px}.profile-panel{display:grid;gap:22px;max-width:520px}.company-overview{display:grid;gap:16px}.company-overview dl{display:grid;gap:12px;margin:0}.company-overview dl div{display:grid;gap:4px}.company-overview dt{color:#64748b;font-size:12px}.company-overview dd{margin:0;overflow-wrap:anywhere}.group-listening-panel{max-width:760px;min-width:min(760px,100vw)}.group-listening-photo{border-radius:8px;height:48px;object-fit:cover;width:48px}.group-listening-content{align-content:start;display:grid;gap:16px;overflow:auto;padding:16px}.listener-mode-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.listener-mode{background:#fff;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;display:grid;gap:6px;padding:12px}.listener-mode.active{border-color:#0f766e;box-shadow:inset 4px 0 #0f766e}.listener-mode input{accent-color:#0f766e}.listener-mode span,.participant-toolbar span{color:#64748b;font-size:13px}.participant-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between}.self-listening-toggle{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:grid;gap:10px;grid-template-columns:auto 1fr;padding:12px}.self-listening-toggle input{accent-color:#0f766e;height:18px;width:18px}.self-listening-toggle span{display:grid;gap:4px}.self-listening-toggle small{color:#64748b}.participant-list{border:1px solid #e2e8f0;border-radius:8px;display:grid;max-height:460px;overflow:auto}.participant-row{align-items:center;border-bottom:1px solid #e2e8f0;cursor:pointer;display:grid;gap:10px;grid-template-columns:auto 42px 1fr;padding:10px}.participant-row:last-child{border-bottom:0}.participant-row input{accent-color:#0f766e;height:18px;width:18px}.participant-row img,.participant-avatar{border-radius:999px;height:42px;width:42px}.participant-row img{object-fit:cover}.participant-avatar{align-items:center;background:#ccfbf1;color:#115e59;display:flex;font-weight:800;justify-content:center}.participant-row span:last-child{display:grid;gap:3px;min-width:0}.participant-row strong,.participant-row small{overflow-wrap:anywhere}.participant-row small{color:#64748b}.participant-id--missing-name{color:#b45309;font-weight:700}.ranking-panel{margin-top:18px}.ignored-form{margin-bottom:16px}.docs-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 320px}.docs-main{display:grid;gap:14px}.docs-section ul,.docs-aside ol{color:#334155;display:grid;gap:10px;line-height:1.5;margin:0;padding-left:20px}.docs-section li,.docs-aside li{overflow-wrap:anywhere}.docs-aside{position:sticky;top:24px}.docs-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:8px;margin-top:18px;padding:12px}.docs-note p{color:#475569;line-height:1.5;margin:0}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{padding:18px}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:18px}.kanban,.admin-grid,.dashboard-filters,.dashboard-grid,.filter-bar,.metrics-grid,.group-summary,.instance-overview,.listener-mode-grid,.hourly-chart,.docs-layout,.settings-grid,.ticket-detail{grid-template-columns:1fr}.group-metrics-table{overflow-x:auto}.business-hours-panel{grid-column:auto}.business-hours-row{grid-template-columns:1fr 1fr}.business-hours-row strong{grid-column:1 / -1;line-height:1.4}.business-hours-closed{grid-column:1 / -1;padding-top:0}.group-metrics-table__head,.group-metrics-row{grid-template-columns:minmax(220px,1.8fr) repeat(5,minmax(100px,1fr));min-width:820px}.docs-aside{position:static}.ticket-detail__info{border-right:0;border-bottom:1px solid #e2e8f0}.reply-box,.agent-row{grid-template-columns:1fr}.page-header,.panel-header,.group-row-main{align-items:flex-start;flex-direction:column;grid-template-columns:1fr}}:root{--bg-base: #0a0a0a;--bg-surface: #111111;--bg-elevated: #1a1a1a;--bg-overlay: #222222;--border-subtle: rgb(255 255 255 / .06);--border-default: rgb(255 255 255 / .1);--border-strong: rgb(255 255 255 / .18);--text-primary: #ededed;--text-secondary: #888888;--text-tertiary: #555555;--text-disabled: #333333;--accent: #22c55e;--accent-hover: #16a34a;--accent-muted: rgb(34 197 94 / .12);--accent-glow: rgb(34 197 94 / .08);--status-open: #22c55e;--status-open-bg: rgb(34 197 94 / .1);--status-progress: #f59e0b;--status-progress-bg: rgb(245 158 11 / .1);--status-closed: #6b7280;--status-closed-bg: rgb(107 114 128 / .1);--status-urgent: #ef4444;--status-urgent-bg: rgb(239 68 68 / .1);--status-info: #3b82f6;--status-info-bg: rgb(59 130 246 / .1);--focus-ring: rgb(34 197 94 / .35);color:var(--text-primary);background:var(--bg-base);font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--bg-base);color:var(--text-primary);font-size:13px}.app-shell{background:var(--bg-base);grid-template-columns:220px minmax(0,1fr)}.content{background:var(--bg-base);max-width:1280px;padding:24px;width:100%}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);color:var(--text-primary);gap:22px;padding:18px 14px}.sidebar-brand,.sidebar-user{align-items:center;display:grid;gap:10px;grid-template-columns:auto 1fr;min-width:0}.brand-mark{background:var(--accent);border-radius:3px;box-shadow:0 0 0 4px var(--accent-muted);display:block;height:11px;transform:rotate(45deg);width:11px}.sidebar h1{color:var(--text-primary);font-size:16px;font-weight:500;line-height:24px}.sidebar small,.sidebar-user small{color:var(--text-tertiary);font-size:11px;margin-top:0}.sidebar nav{gap:4px}.sidebar-section{color:var(--text-tertiary);font-size:10px;font-weight:500;letter-spacing:.08em;margin:18px 8px 6px;text-transform:uppercase}.sidebar a,.sidebar-logout{border-radius:4px;color:var(--text-secondary);font-size:13px;font-weight:500;min-height:32px;padding:7px 10px}.sidebar a:hover,.sidebar-logout:hover{background:var(--bg-elevated);color:var(--text-primary)}.sidebar a.active{background:var(--accent-muted);box-shadow:inset 2px 0 0 var(--accent);color:var(--accent)}.sidebar-user{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:14px}.sidebar-avatar{align-items:center;background:var(--accent-muted);border-radius:999px;color:var(--accent);display:flex;font-size:12px;font-weight:600;height:34px;justify-content:center;width:34px}.sidebar-user strong{color:var(--text-primary);display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{background:transparent;border:1px solid var(--border-default);grid-column:1 / -1;margin-top:10px;text-align:center}.page-header{min-height:48px}.page-header h2{color:var(--text-primary);font-size:20px;font-weight:500;line-height:28px}.eyebrow{color:var(--text-tertiary);font-size:10px;font-weight:500;letter-spacing:.08em}.panel,.metric,.login-panel,.kanban-column,.ticket-card,.group-row,.agent-row,.ticket-message,.message-bubble,.group-summary div,.instance-overview div,.docs-note,.qr-box,.connection-state,.group-metrics-table,.participant-list{background:var(--bg-surface);border-color:var(--border-subtle);border-radius:6px;color:var(--text-primary)}.panel{padding:16px}.panel h3,.panel-header h3,.kanban-column h3{color:var(--text-primary);font-size:16px;font-weight:500}.panel-subtitle,.ticket-card small,.group-row span,.group-row small,.empty-state,.metric span,.connection-state dt,.company-overview dt,.ticket-detail__info dt,.profile-panel dt,.message-bubble time,.docs-note p,.docs-section ul,.docs-aside ol,.agent-row span,.participant-row small,.participant-toolbar span,.listener-mode span,.self-listening-toggle small{color:var(--text-secondary)}input,select,textarea,.search-field input,.search-field select{background:var(--bg-elevated);border-color:var(--border-default);border-radius:4px;color:var(--text-primary);min-height:32px}input:focus,select:focus,textarea:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--focus-ring);outline:none}button{background:var(--accent);border-radius:4px;color:#000;font-size:13px;font-weight:500;min-height:32px;padding:7px 12px}button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 0 4px var(--accent-glow)}.secondary-button,.segmented button,.tabs button{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.secondary-button:hover:not(:disabled),.segmented button:hover,.tabs button:hover{background:var(--bg-elevated);color:var(--text-primary)}.segmented button.active,.tabs button.active{background:var(--accent-muted);border-color:#22c55e47;color:var(--accent)}.notice{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-secondary)}.success-notice{background:var(--status-open-bg);border-color:#22c55e4d;color:var(--status-open)}.error-notice{background:var(--status-urgent-bg);border-color:#ef44444d;color:var(--status-urgent)}.status-pill,.ticket-card__header span,.header-stats span,.health-badge{border-radius:3px;font-size:11px;font-weight:500;padding:3px 6px;text-transform:uppercase}.status-open,.health-badge--good{background:var(--status-open-bg);color:var(--status-open)}.status-connecting,.status-reconnecting,.health-badge--warning{background:var(--status-progress-bg);color:var(--status-progress)}.status-error,.health-badge--bad{background:var(--status-urgent-bg);color:var(--status-urgent)}.status-idle,.status-disconnected,.health-badge--silent{background:var(--status-closed-bg);color:var(--status-closed)}.login-page{background:var(--bg-base)}.login-panel{gap:20px;max-width:380px;padding:24px}.login-brand{display:grid;gap:8px;justify-items:center;text-align:center}.login-brand h1{color:var(--text-primary);font-size:20px;font-weight:500}.login-brand small,.login-help{color:var(--text-secondary);font-size:12px;margin:0;text-align:center}.kanban{gap:12px;grid-template-columns:repeat(3,minmax(300px,1fr));overflow-x:auto}.kanban-column{border:1px solid var(--border-subtle);min-height:calc(100vh - 170px);padding:12px}.kanban-column>header{border-bottom:1px solid var(--border-subtle);padding-bottom:10px}.kanban-column>header h3{color:var(--text-tertiary);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.kanban-column>header span{background:var(--bg-elevated);color:var(--text-secondary)}.ticket-card{transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.ticket-card:hover{border-color:var(--border-default);box-shadow:0 6px 16px #0f172a14}.ticket-card--unread{background:var(--bg-surface);box-shadow:none}.ticket-card--sla,.ticket-card--sla.ticket-card--unread{border-color:#ef444466;box-shadow:inset 2px 0 0 var(--status-urgent)}.ticket-card__button:hover,.ticket-card__open,.ticket-card__messages,.message-timeline,.ticket-detail__info,.ticket-detail__messages,.ticket-panel__content,.qr-box,.timeline-bar__bars span,.response-trend__item div,.hourly-chart__row div,.docs-aside,.group-metrics-table__head,.group-metrics-row:hover,.agent-row--button:hover,.listener-mode,.self-listening-toggle{background:var(--bg-elevated)}.ticket-card__snippet,.ticket-card p{color:var(--text-secondary);display:-webkit-box;font-size:12px;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-card__header strong{color:var(--text-primary);font-size:13px;font-weight:650}.ticket-card__title{display:grid;gap:3px;min-width:0}.ticket-card__title strong,.ticket-card__title small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-card__open{border-color:var(--border-subtle);color:var(--accent);font-weight:650;text-align:center}.filter-bar,.dashboard-filters{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;padding:12px}.ticket-panel__backdrop{background:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.message-bubble{background:var(--bg-elevated)}.message-bubble--bot{background:var(--accent-muted);border-color:#22c55e33}.metric strong{color:var(--text-primary);font-size:32px;font-weight:400}.group-metrics-row,.agent-row,.participant-row{background:var(--bg-surface);border-color:var(--border-subtle);color:var(--text-primary)}.participant-avatar,.sidebar-avatar{background:var(--accent-muted);color:var(--accent)}.participant-id--missing-name{color:var(--status-progress)}.docs-section h2,.docs-main h2{color:var(--accent)}.docs-section h3,.docs-main h3{color:var(--text-primary)}.docs-section,.docs-aside,.docs-note{background:var(--bg-surface);border-color:var(--border-subtle)}:root{--bg-base: #f3f6f8;--bg-surface: #ffffff;--bg-elevated: #f7faf9;--bg-overlay: #ffffff;--border-subtle: rgb(15 23 42 / .08);--border-default: rgb(15 23 42 / .14);--border-strong: rgb(15 23 42 / .24);--text-primary: #111827;--text-secondary: #475569;--text-tertiary: #7b8794;--text-disabled: #aab3bf;--accent: #0f9f5e;--accent-hover: #0b7f4a;--accent-muted: rgb(15 159 94 / .1);--accent-glow: rgb(15 159 94 / .14);--status-open: #0f9f5e;--status-open-bg: rgb(15 159 94 / .1);--status-progress: #b7791f;--status-progress-bg: rgb(245 158 11 / .14);--status-closed: #64748b;--status-closed-bg: rgb(100 116 139 / .12);--status-urgent: #dc2626;--status-urgent-bg: rgb(220 38 38 / .1);--status-info: #2563eb;--status-info-bg: rgb(37 99 235 / .1);--focus-ring: rgb(15 159 94 / .2);color-scheme:light;color:var(--text-primary);background:var(--bg-base);font-family:Inter,DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis-weight:none;text-rendering:geometricPrecision}:root[data-theme=dark]{--bg-base: #0c0d0f;--bg-surface: #141619;--bg-elevated: #1c2024;--bg-overlay: #242a30;--border-subtle: rgb(255 255 255 / .07);--border-default: rgb(255 255 255 / .12);--border-strong: rgb(255 255 255 / .22);--text-primary: #f4f6f8;--text-secondary: #a8b3bf;--text-tertiary: #73808c;--text-disabled: #48515a;--accent: #22c55e;--accent-hover: #16a34a;--accent-muted: rgb(34 197 94 / .13);--accent-glow: rgb(34 197 94 / .1);--status-open: #22c55e;--status-open-bg: rgb(34 197 94 / .11);--status-progress: #f59e0b;--status-progress-bg: rgb(245 158 11 / .12);--status-closed: #8b96a3;--status-closed-bg: rgb(139 150 163 / .12);--status-urgent: #f87171;--status-urgent-bg: rgb(248 113 113 / .12);--status-info: #60a5fa;--status-info-bg: rgb(96 165 250 / .12);--focus-ring: rgb(34 197 94 / .26);color-scheme:dark}html,body,#root{min-height:100%}body{background:var(--bg-base);color:var(--text-primary);font-weight:450}::selection{background:var(--accent-muted);color:var(--text-primary)}.app-shell,.content,.login-page{background:var(--bg-base)}.content{max-width:none}.sidebar{background:color-mix(in srgb,var(--bg-surface) 94%,var(--bg-base));box-shadow:1px 0 0 var(--border-subtle);gap:18px;min-width:0;position:sticky;top:0;height:100vh}.sidebar-brand{border-bottom:1px solid var(--border-subtle);padding-bottom:16px}.workspace-switcher{display:grid;gap:6px;padding-bottom:14px}.workspace-switcher span{color:var(--text-tertiary);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.workspace-switcher strong{color:var(--text-secondary);font-size:12px;font-weight:500}.workspace-switcher select{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font:inherit;font-size:12px;min-height:34px;outline:none;padding:0 9px;width:100%}.workspace-switcher select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.workspace-switcher__error{color:var(--status-urgent)}.sidebar-brand>div,.sidebar-user>div{min-width:0}.sidebar h1,.sidebar-user strong{letter-spacing:0}.sidebar small,.sidebar-user small{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar a,.sidebar-logout,.theme-toggle{align-items:center;display:flex;gap:8px;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease,transform .14s ease}.sidebar a:hover,.sidebar-logout:hover,.theme-toggle:hover{transform:translate(1px)}.theme-toggle{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);grid-column:1 / -1;justify-content:space-between;margin-top:10px;width:100%}.theme-toggle span{background:var(--accent-muted);border-radius:3px;color:var(--accent);font-size:10px;font-weight:700;line-height:1;padding:4px 6px;text-transform:uppercase}.page-header{border-bottom:1px solid var(--border-subtle);margin-bottom:18px;padding-bottom:14px}.panel,.metric,.login-panel,.filter-bar,.dashboard-filters,.kanban-column,.ticket-card,.group-row,.agent-row,.listener-mode,.self-listening-toggle,.docs-section,.docs-aside,.docs-note,.ticket-panel__content,.connection-state,.group-metrics-table{box-shadow:0 1px 2px #0f172a0a}:root[data-theme=dark] .panel,:root[data-theme=dark] .metric,:root[data-theme=dark] .login-panel,:root[data-theme=dark] .filter-bar,:root[data-theme=dark] .dashboard-filters,:root[data-theme=dark] .kanban-column,:root[data-theme=dark] .ticket-card,:root[data-theme=dark] .group-row,:root[data-theme=dark] .agent-row,:root[data-theme=dark] .listener-mode,:root[data-theme=dark] .self-listening-toggle,:root[data-theme=dark] .docs-section,:root[data-theme=dark] .docs-aside,:root[data-theme=dark] .docs-note,:root[data-theme=dark] .ticket-panel__content,:root[data-theme=dark] .connection-state,:root[data-theme=dark] .group-metrics-table{box-shadow:none}input,select,textarea,.filter-bar input,.filter-bar select,.connection-form input,.search-field input,.search-field select{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);font-weight:450;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}input::placeholder,textarea::placeholder{color:var(--text-tertiary);opacity:1}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--bg-elevated) inset;transition:background-color 9999s ease-in-out 0s}button{box-shadow:none;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease,transform .14s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}.secondary-button,.segmented button,.tabs button,.sidebar-logout{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.secondary-button:hover:not(:disabled),.segmented button:hover:not(:disabled),.tabs button:hover:not(:disabled),.sidebar-logout:hover{background:var(--bg-elevated);border-color:var(--border-strong);box-shadow:none;color:var(--text-primary)}.kanban-column{background:color-mix(in srgb,var(--bg-surface) 84%,var(--bg-base))}.ticket-card__drag{opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.ticket-card:hover .ticket-card__drag,.ticket-card:focus-within .ticket-card__drag{opacity:1;pointer-events:auto}.ticket-card__open:hover:not(:disabled),.message-reply-action:hover:not(:disabled){background:var(--accent-muted);box-shadow:none;color:var(--accent)}.ticket-list--over{outline-color:var(--accent)}.tabs{border-bottom:1px solid var(--border-subtle);padding:12px 16px 0}.message-bubble blockquote{background:color-mix(in srgb,var(--bg-surface) 78%,transparent);border-left-color:var(--accent);color:var(--text-secondary)}.message-reply-action{background:transparent;color:var(--accent)}.toggle input,.listener-mode input,.participant-row input,.self-listening-toggle input{accent-color:var(--accent)}.toggle span{color:var(--text-primary)}.group-metrics-row:hover,.agent-row--button:hover,.participant-row:hover{background:var(--bg-elevated)}.groups-crm-filters{align-items:end;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(150px,.9fr) minmax(180px,1.2fr) minmax(160px,1fr) minmax(220px,1.4fr) auto;margin-bottom:16px;padding:14px}.groups-crm-filters label{color:var(--text-secondary);display:grid;font-size:13px;font-weight:700;gap:6px;min-width:0}.groups-crm-layout{display:grid;gap:16px;grid-template-columns:minmax(320px,420px) minmax(0,1fr);min-height:640px}.groups-crm-list{align-content:start;background:color-mix(in srgb,var(--bg-surface) 88%,var(--bg-base));border:1px solid var(--border-subtle);border-radius:8px;display:grid;gap:10px;max-height:calc(100vh - 230px);overflow:auto;padding:12px}.groups-crm-row{background:var(--bg-surface);border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;color:var(--text-primary);display:grid;gap:0;font-weight:500;padding:12px 10px;text-align:left;width:100%}.groups-crm-row:hover:not(:disabled),.groups-crm-row--selected{background:var(--bg-elevated);box-shadow:inset 3px 0 0 var(--accent);transform:none}.groups-crm-row strong{font-size:14px;overflow-wrap:anywhere}.groups-crm-row__main{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;min-width:0}.groups-crm-row__copy{display:grid;gap:4px;min-width:0}.groups-crm-row__copy strong,.groups-crm-row__copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groups-crm-row__copy span{color:var(--text-tertiary);font-size:12px;font-weight:450}.groups-crm-row__aside{align-items:flex-end;display:grid;gap:6px;justify-items:end}.groups-crm-row__aside time{color:var(--text-tertiary);font-size:11px;white-space:nowrap}.groups-crm-unread-badge{align-items:center;background:#ef4444;border:0;border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:800;height:20px;justify-content:center;min-width:20px;padding:0 5px}.groups-crm-row small,.groups-crm-row__footer,.groups-crm-detail__header small,.groups-crm-detail__footer{color:var(--text-tertiary);font-size:12px;overflow-wrap:anywhere}.groups-crm-row__meta,.groups-crm-row__footer{display:flex;flex-wrap:wrap;gap:6px}.groups-crm-row__meta span{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-secondary);font-size:11px;padding:4px 7px}.groups-crm-state,.groups-ticket-status{border-radius:999px;font-size:11px;font-weight:800;justify-self:start;padding:4px 8px}.groups-crm-state--attending,.groups-ticket-status--in_progress{background:var(--status-progress-bg);color:var(--status-progress)}.groups-crm-state--waiting,.groups-ticket-status--open{background:var(--status-open-bg);color:var(--status-open)}.groups-crm-state--closed,.groups-ticket-status--closed{background:var(--status-closed-bg);color:var(--status-closed)}.groups-crm-state--empty{background:var(--bg-elevated);color:var(--text-tertiary)}.groups-crm-detail{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;overflow:hidden}.groups-crm-detail--empty{align-items:center;justify-items:center;padding:24px}.groups-crm-detail__header{align-items:start;border-bottom:1px solid var(--border-subtle);display:flex;gap:16px;justify-content:space-between;padding:18px}.groups-crm-detail__header h3{font-size:22px;margin:0 0 6px;overflow-wrap:anywhere}.groups-crm-summary{border-bottom:1px solid var(--border-subtle);display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px 18px}.groups-crm-summary div{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;min-width:0;padding:10px}.groups-crm-summary span{color:var(--text-tertiary);display:block;font-size:11px;margin-bottom:5px}.groups-crm-summary strong{display:block;font-size:17px;overflow-wrap:anywhere}.groups-crm-workbench{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(280px,360px);min-height:0;overflow:auto;padding:14px}.groups-crm-conversation{background:color-mix(in srgb,var(--bg-elevated) 46%,var(--bg-surface));border:1px solid var(--border-subtle);border-radius:8px;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:520px;min-width:0;overflow:hidden}.groups-crm-conversation>header{border-bottom:1px solid var(--border-subtle);padding:12px}.groups-crm-conversation h4{color:var(--text-primary);font-size:14px;margin:0}.groups-crm-conversation>.ticket-detail__messages{min-height:0}.groups-crm-ticket-stack{align-content:start;display:grid;gap:12px;min-height:0;overflow:auto}.groups-crm-lane{background:color-mix(in srgb,var(--bg-elevated) 62%,var(--bg-surface));border:1px solid var(--border-subtle);border-radius:8px;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:180px;min-width:0}.groups-crm-lane>header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:10px 12px}.groups-crm-lane h4{color:var(--text-secondary);font-size:12px;letter-spacing:0;margin:0;text-transform:uppercase}.groups-crm-lane>header span{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-secondary);font-size:11px;padding:3px 7px}.groups-crm-lane>div{align-content:start;display:grid;gap:8px;overflow:auto;padding:10px}.groups-ticket-line{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);display:grid;gap:7px;font-weight:500;padding:10px;text-align:left}.groups-ticket-line:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-strong);transform:none}.groups-ticket-line strong,.groups-ticket-line p{overflow-wrap:anywhere}.groups-ticket-line p{color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:18px;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.groups-ticket-line div{display:flex;gap:8px;justify-content:space-between}.groups-ticket-line small{color:var(--text-tertiary);font-size:11px}.groups-crm-detail__footer{border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 18px}@media(max-width:1180px){.groups-crm-layout{grid-template-columns:1fr}.groups-crm-list{max-height:360px}}@media(max-width:860px){.groups-crm-filters,.groups-crm-summary,.groups-crm-workbench{grid-template-columns:1fr}}@media(max-width:860px){.sidebar{height:auto;position:static}.sidebar-brand,.sidebar-user{grid-template-columns:auto minmax(0,1fr)}}.sidebar-provider{background:var(--bg-base);color:var(--text-primary);display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s ease}.sidebar-provider[data-sidebar-open=false]{grid-template-columns:72px minmax(0,1fr)}.sidebar-provider .sidebar{display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:0;width:auto}.sidebar-header,.sidebar-content,.sidebar-footer{min-width:0;padding:14px}.sidebar-content{align-content:start;display:grid;gap:14px;overflow:auto}.sidebar-footer{border-top:1px solid var(--border-subtle)}.sidebar-provider .sidebar-brand{border-bottom:0;padding-bottom:0}.sidebar-group,.sidebar-group-content{min-width:0}.sidebar-menu{display:grid;gap:4px;list-style:none;margin:0;padding:0}.sidebar-menu-item{min-width:0}.sidebar-menu-item>a{display:block;padding:0}.sidebar-menu-button{align-items:center;border-radius:5px;color:var(--text-secondary);display:grid;gap:9px;grid-template-columns:24px minmax(0,1fr) auto;min-height:34px;padding:5px 8px;transition:background .14s ease,box-shadow .14s ease,color .14s ease,transform .14s ease}.sidebar-menu-button:hover{background:var(--bg-elevated);color:var(--text-primary);transform:translate(1px)}.sidebar-menu-button.active,.sidebar-menu-button[data-active=true]{background:var(--accent-muted);box-shadow:inset 2px 0 0 var(--accent);color:var(--accent)}.sidebar-collapsible summary{cursor:pointer;list-style:none}.sidebar-collapsible summary::-webkit-details-marker{display:none}.sidebar-menu-chevron{border-bottom:1px solid currentColor;border-right:1px solid currentColor;display:block;height:6px;justify-self:end;margin-right:3px;transform:rotate(45deg);transition:transform .14s ease;width:6px}.sidebar-collapsible[open] .sidebar-menu-chevron{transform:rotate(225deg)}.sidebar-submenu{border-left:1px solid var(--border-subtle);display:grid;gap:2px;list-style:none;margin:6px 0 4px 20px;padding:0 0 0 10px}.sidebar-submenu-link{align-items:center;border-radius:5px;color:var(--text-secondary);display:flex;gap:8px;min-height:30px;padding:6px 8px}.sidebar-submenu-link:hover,.sidebar-submenu-link.active{background:var(--bg-elevated);color:var(--text-primary)}.sidebar-submenu-link.active{color:var(--accent)}.sidebar-submenu-dot{background:currentColor;border-radius:999px;height:4px;opacity:.72;width:4px}.sidebar-menu-icon{align-items:center;background:color-mix(in srgb,var(--bg-elevated) 82%,var(--bg-surface));border:1px solid var(--border-subtle);border-radius:5px;color:inherit;display:inline-flex;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.sidebar-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-menu-badge{background:var(--status-open-bg);border-radius:999px;color:var(--status-open);font-size:9px;font-weight:700;line-height:1;padding:4px 5px;text-transform:uppercase}.sidebar-trigger{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;box-shadow:0 1px 2px #0f172a0d;display:inline-grid;gap:3px;height:34px;justify-content:center;margin-bottom:14px;min-height:34px;padding:0;position:sticky;top:12px;width:34px;z-index:10}.sidebar-trigger span{background:var(--text-secondary);border-radius:999px;display:block;height:2px;width:14px}.sidebar-trigger:hover:not(:disabled){background:var(--bg-elevated);box-shadow:0 6px 18px #0f172a14}.sidebar-inset{min-width:0}.sidebar-rail{bottom:0;cursor:col-resize;position:absolute;right:-4px;top:0;width:8px}.sidebar-provider[data-sidebar-open=false] .sidebar{overflow:hidden}.sidebar-provider[data-sidebar-open=false] .sidebar-brand div,.sidebar-provider[data-sidebar-open=false] .workspace-switcher,.sidebar-provider[data-sidebar-open=false] .sidebar-section,.sidebar-provider[data-sidebar-open=false] .sidebar-menu-label,.sidebar-provider[data-sidebar-open=false] .sidebar-menu-badge,.sidebar-provider[data-sidebar-open=false] .sidebar-menu-chevron,.sidebar-provider[data-sidebar-open=false] .sidebar-submenu,.sidebar-provider[data-sidebar-open=false] .sidebar-user div,.sidebar-provider[data-sidebar-open=false] .theme-toggle,.sidebar-provider[data-sidebar-open=false] .sidebar-logout{display:none}.sidebar-provider[data-sidebar-open=false] .sidebar-header,.sidebar-provider[data-sidebar-open=false] .sidebar-content,.sidebar-provider[data-sidebar-open=false] .sidebar-footer{padding-left:10px;padding-right:10px}.sidebar-provider[data-sidebar-open=false] .sidebar-brand,.sidebar-provider[data-sidebar-open=false] .sidebar-user{justify-content:center}.sidebar-provider[data-sidebar-open=false] .sidebar-menu-button{grid-template-columns:1fr;justify-items:center;padding:5px}.sidebar-provider[data-sidebar-open=false] .brand-mark{margin-left:0}@media(max-width:860px){.sidebar-provider,.sidebar-provider[data-sidebar-open=false]{grid-template-columns:1fr}.sidebar-provider .sidebar{height:auto}.sidebar-provider[data-sidebar-open=false] .sidebar{display:none}}.date-picker-field{color:var(--text-secondary);display:grid;font-size:13px;font-weight:700;gap:6px;min-width:0}.date-picker{position:relative}.date-picker-trigger{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);display:flex;justify-content:space-between;min-height:38px;width:100%}.date-picker-trigger:after{color:var(--text-tertiary);content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;height:0;width:0}.date-picker-trigger--active{background:var(--accent-muted);border-color:color-mix(in srgb,var(--accent) 34%,var(--border-default));color:var(--accent)}.date-picker-popover{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 18px 48px #0f172a2e;display:grid;gap:8px;left:0;min-width:292px;padding:8px;position:absolute;top:calc(100% + 8px);z-index:30}:root[data-theme=dark] .date-picker-popover{box-shadow:0 22px 54px #0000006b}.date-picker-clear{justify-content:center;width:100%}.calendar{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);display:grid;gap:10px;padding:10px;width:276px}.calendar-header{align-items:center;display:grid;gap:8px;grid-template-columns:32px 1fr 32px}.calendar-header strong{font-size:13px;font-weight:600;text-align:center}.calendar-nav{align-items:center;background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);display:inline-flex;font-size:13px;height:32px;justify-content:center;min-height:32px;padding:0;width:32px}.calendar-nav:hover:not(:disabled){background:var(--bg-elevated);box-shadow:none;color:var(--text-primary)}.calendar-weekdays,.calendar-grid{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-weekdays span{color:var(--text-tertiary);font-size:10px;font-weight:700;line-height:24px;text-align:center;text-transform:uppercase}.calendar-day{align-items:center;aspect-ratio:1;background:transparent;border:1px solid transparent;color:var(--text-primary);display:inline-flex;font-size:12px;font-weight:500;justify-content:center;min-height:0;padding:0}.calendar-day:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-default);box-shadow:none}.calendar-day--outside{color:var(--text-tertiary);opacity:.5}.calendar-day--today{border-color:var(--border-strong)}.calendar-day--selected,.calendar-day--selected:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}@media(max-width:860px){.date-picker-popover{min-width:min(292px,calc(100vw - 48px))}}.ui-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 18px 50px #0f172a14;color:var(--text-primary);display:grid;overflow:hidden}:root[data-theme=dark] .ui-card{box-shadow:0 22px 70px #00000052}.ui-card-header{display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto;padding:22px 22px 14px}.ui-card-title{color:var(--text-primary);font-size:20px;font-weight:650;grid-column:1;line-height:28px;margin:0}.ui-card-description{color:var(--text-secondary);font-size:13px;grid-column:1;line-height:20px;margin:0}.ui-card-action{align-items:start;display:flex;grid-column:2;grid-row:1 / span 2;justify-content:end}.ui-card-content{padding:8px 22px 18px}.ui-card-footer{border-top:1px solid var(--border-subtle);display:flex;gap:8px;padding:16px 22px 22px}.ui-button{align-items:center;display:inline-flex;justify-content:center}.ui-button--outline{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.ui-button--outline:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-strong);box-shadow:none;color:var(--text-primary)}.ui-button--secondary{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary)}.ui-button--link{background:transparent;color:var(--accent);min-height:0;padding:0}.ui-button--link:hover:not(:disabled){background:transparent;box-shadow:none;text-decoration:underline;transform:none}.ui-input{width:100%}.ui-label{color:var(--text-primary);font-size:13px;font-weight:600}.login-card{width:min(100%,390px)}.login-form-stack,.form-grid{display:grid}.login-form-stack{gap:18px}.form-grid{gap:7px}.form-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.form-row span{color:var(--text-tertiary);font-size:11px;text-align:right}.login-card-footer{flex-direction:column}.login-card-notice{margin:0 22px 22px}.w-full{width:100%}.combobox-field{color:var(--text-secondary);display:grid;font-size:13px;font-weight:700;gap:6px;min-width:0}.combobox,.combobox-input-wrap{position:relative}.combobox-input{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:4px;color:var(--text-primary);min-height:38px;padding:8px 30px 8px 10px;width:100%}.combobox-input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.combobox-caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--text-tertiary);pointer-events:none;position:absolute;right:11px;top:50%;transform:translateY(-50%)}.combobox-content{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 18px 48px #0f172a2e;left:0;max-height:280px;min-width:220px;overflow:hidden;padding:5px;position:absolute;top:calc(100% + 8px);width:max(100%,260px);z-index:35}:root[data-theme=dark] .combobox-content{box-shadow:0 22px 54px #0000006b}.combobox-empty{color:var(--text-tertiary);font-size:12px;padding:10px;text-align:center}.combobox-list{display:grid;gap:2px;max-height:250px;overflow:auto}.combobox-item{background:transparent;border:0;border-radius:5px;color:var(--text-secondary);display:block;font-weight:500;min-height:32px;overflow:hidden;padding:7px 9px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.combobox-item:hover:not(:disabled){background:var(--bg-elevated);box-shadow:none;color:var(--text-primary);transform:none}.combobox-item.active{background:var(--accent-muted);color:var(--accent)}.ticket-card__assignee .combobox-content,.ticket-detail__info .combobox-content{width:100%}:root{--status-default: var(--accent);--status-success: #16a34a;--status-warning: #d97706;--status-danger: #dc2626;--status-info: #2563eb;--status-muted: var(--text-tertiary)}:root[data-theme=dark]{--status-success: #22c55e;--status-warning: #f59e0b;--status-danger: #f87171;--status-info: #60a5fa}.ui-badge{align-items:center;background:var(--accent-muted);border:1px solid color-mix(in srgb,var(--status-color) 28%,transparent);border-radius:999px;color:var(--status-color);display:inline-flex;font-size:11px;font-weight:800;gap:6px;line-height:1;min-height:24px;padding:5px 9px;vertical-align:middle;white-space:nowrap}.ui-badge--default,.ui-status-dot--default{--status-color: var(--status-default)}.ui-badge--success,.ui-status-dot--success{--status-color: var(--status-success)}.ui-badge--warning,.ui-status-dot--warning{--status-color: var(--status-warning)}.ui-badge--danger,.ui-status-dot--danger{--status-color: var(--status-danger)}.ui-badge--info,.ui-status-dot--info{--status-color: var(--status-info)}.ui-badge--muted,.ui-status-dot--muted{--status-color: var(--status-muted)}.ui-badge--success,.ui-badge--warning,.ui-badge--danger,.ui-badge--info,.ui-badge--muted{background:color-mix(in srgb,var(--status-color) 12%,var(--bg-surface))}.ui-avatar{align-items:center;background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated));border:1px solid var(--border-subtle);border-radius:999px;color:var(--accent);display:inline-flex;flex:0 0 auto;font-weight:800;justify-content:center;overflow:hidden;position:relative;vertical-align:middle}.ui-avatar--sm{font-size:11px;height:28px;width:28px}.ui-avatar--md{font-size:12px;height:36px;width:36px}.ui-avatar--lg{font-size:15px;height:48px;width:48px}.ui-avatar__image{height:100%;object-fit:cover;width:100%}.ui-avatar__fallback{display:inline-flex;line-height:1}.ui-skeleton{animation:ui-skeleton-pulse 1.4s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-elevated),color-mix(in srgb,var(--bg-elevated) 58%,var(--bg-surface)),var(--bg-elevated));background-size:220% 100%;border-radius:7px;display:block}.ui-skeleton--line{height:12px;width:100%}.ui-skeleton--block{min-height:58px;width:100%}.ui-skeleton--circle{aspect-ratio:1;border-radius:999px;width:36px}@keyframes ui-skeleton-pulse{0%{background-position:120% 0}to{background-position:-120% 0}}.ui-empty-state{align-items:center;background:color-mix(in srgb,var(--bg-surface) 82%,transparent);border:1px dashed var(--border-default);border-radius:8px;color:var(--text-primary);display:grid;gap:12px;justify-items:center;padding:28px;text-align:center}.ui-empty-state__icon{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-tertiary);display:inline-flex;height:42px;justify-content:center;width:42px}.ui-empty-state__copy{display:grid;gap:5px;max-width:420px}.ui-empty-state h3{font-size:15px;margin:0}.ui-empty-state p{color:var(--text-secondary);font-size:13px;line-height:20px;margin:0}.ui-empty-state__actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ui-status-dot{background:var(--status-color);border-radius:999px;box-shadow:0 0 0 3px color-mix(in srgb,var(--status-color) 14%,transparent);display:inline-block;height:8px;vertical-align:middle;width:8px}.ui-side-sheet{inset:0;position:fixed;z-index:40}.ui-side-sheet__backdrop{background:#0f172a61;border:0;border-radius:0;inset:0;padding:0;position:absolute;width:100%}.ui-side-sheet__backdrop:hover:not(:disabled){box-shadow:none;transform:none}.ui-side-sheet__panel{background:var(--bg-surface);box-shadow:0 24px 80px #0f172a38;color:var(--text-primary);display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;max-width:min(720px,100vw);min-width:min(560px,100vw);position:absolute;top:0;width:42vw}:root[data-theme=dark] .ui-side-sheet__panel{box-shadow:0 28px 90px #0000007a}.ui-side-sheet--right .ui-side-sheet__panel{right:0}.ui-side-sheet--left .ui-side-sheet__panel{left:0}.ui-side-sheet__header{align-items:start;border-bottom:1px solid var(--border-subtle);display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;padding:18px}.ui-side-sheet__heading{display:grid;gap:5px;min-width:0}.ui-side-sheet__heading h2{font-size:18px;line-height:26px;margin:0}.ui-side-sheet__heading p{color:var(--text-secondary);font-size:13px;line-height:20px;margin:0}.ui-side-sheet__actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.ui-side-sheet__close{min-height:34px;padding:7px 10px}.ui-side-sheet__body{min-height:0;overflow:auto;padding:18px}.ui-section-header{align-items:start;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.ui-section-header__copy{display:grid;gap:4px;min-width:0}.ui-section-header__eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:0;margin:0;text-transform:uppercase}.ui-section-header h2{font-size:18px;line-height:26px;margin:0}.ui-section-header__description{color:var(--text-secondary);font-size:13px;line-height:20px;margin:0}.ui-section-header__actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.ui-loading-state{background:color-mix(in srgb,var(--bg-surface) 88%,transparent);border:1px solid var(--border-subtle);border-radius:8px;display:grid;gap:12px;padding:14px}.ui-loading-state--page{padding:22px}.ui-loading-state__label{color:var(--text-secondary);font-size:13px;font-weight:700}.ui-loading-state__rows{display:grid;gap:10px}@media(max-width:860px){.ui-side-sheet__panel{max-width:100vw;min-width:100vw;width:100vw}.ui-section-header,.ui-side-sheet__header{grid-template-columns:1fr}.ui-section-header__actions,.ui-side-sheet__actions{justify-content:flex-start}}.settings-hub{display:grid;gap:12px;max-width:1080px}.settings-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 1px 2px #0f172a0a;color:var(--text-primary);overflow:hidden}:root[data-theme=dark] .settings-section{box-shadow:none}.settings-section summary{align-items:center;cursor:pointer;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto auto;list-style:none;padding:15px 16px}.settings-section summary::-webkit-details-marker{display:none}.settings-section summary:after{border-bottom:1px solid currentColor;border-right:1px solid currentColor;color:var(--text-tertiary);content:"";height:7px;transform:rotate(45deg);transition:transform .14s ease;width:7px}.settings-section[open] summary:after{transform:rotate(225deg)}.settings-section summary>span{display:grid;gap:3px;min-width:0}.settings-section summary strong{color:var(--text-primary);font-size:15px;font-weight:650}.settings-section summary small,.settings-link-panel p{color:var(--text-secondary);font-size:13px;line-height:20px}.settings-section__body{border-top:1px solid var(--border-subtle);display:grid;gap:14px;padding:16px}.settings-section__link{color:var(--accent);font-size:12px;font-weight:700}.settings-link-panel{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto}.groups-crm-page{display:grid;grid-template-rows:auto minmax(0,1fr);height:calc(100vh - 56px);max-height:calc(100vh - 56px);min-height:0;overflow:hidden}.groups-crm-topbar{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:16px;justify-content:space-between;padding:0 0 12px}.groups-crm-topbar h2{margin:0}.groups-crm-layout{display:grid;gap:0;grid-template-columns:340px minmax(0,1fr) 360px;min-height:0;overflow:hidden}.groups-crm-page--groups-collapsed .groups-crm-layout{grid-template-columns:220px minmax(0,1fr) 360px}.groups-crm-page--options-collapsed .groups-crm-layout{grid-template-columns:340px minmax(0,1fr) 52px}.groups-crm-page--groups-collapsed.groups-crm-page--options-collapsed .groups-crm-layout{grid-template-columns:220px minmax(0,1fr) 52px}.groups-crm-list,.groups-crm-detail,.groups-crm-options-wrap{border-radius:0;max-height:none;min-height:0}.groups-crm-list{background:var(--bg-surface);border:0;border-right:1px solid var(--border-subtle);display:grid;gap:8px;grid-template-rows:auto min-content;overflow:auto;padding:12px}.groups-crm-panel-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px;position:sticky;top:0;z-index:2}.groups-crm-panel-header strong{color:var(--text-secondary);font-size:12px;letter-spacing:0;text-transform:uppercase}.groups-crm-panel-header button,.groups-crm-options-toggle{font-size:12px;min-height:30px;padding:6px 9px}.groups-crm-list-controls{border-bottom:1px solid var(--border-subtle);display:grid;gap:8px;margin-bottom:4px;padding-bottom:10px}.groups-crm-list-controls input,.groups-crm-list-controls select{min-height:34px;padding:7px 9px}.groups-crm-row{border-radius:7px;padding:10px}.groups-crm-page--groups-collapsed .groups-crm-row{gap:5px}.groups-crm-page--groups-collapsed .groups-crm-row strong{display:-webkit-box;font-size:13px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.groups-crm-page--groups-collapsed .groups-crm-state{font-size:10px;padding:3px 6px}.groups-crm-detail{background:var(--bg-base);border:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.groups-crm-detail__header{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:14px 18px}.groups-crm-detail__header h3{font-size:18px}.conversation-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.conversation-menu-button{min-width:36px}.groups-crm-conversation{background:var(--bg-base);border:0;border-radius:0;display:grid;grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}.groups-crm-conversation>.ticket-detail__messages,.groups-crm-conversation .ticket-detail__messages{min-height:0}.groups-crm-conversation .message-timeline{min-height:0;overscroll-behavior:contain;padding:18px clamp(18px,4vw,56px)}.groups-crm-conversation .reply-box{background:var(--bg-surface);padding:14px clamp(18px,4vw,56px)}.groups-crm-detail__footer{background:var(--bg-surface)}.groups-crm-options-wrap{background:var(--bg-surface);border-left:1px solid var(--border-subtle);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;padding:12px}.groups-crm-options{display:grid;gap:12px;min-height:0;overflow:auto}.groups-crm-options .groups-crm-filters{background:transparent;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;display:grid;gap:10px;grid-template-columns:1fr;margin:0;padding:0 0 12px}.groups-crm-options .groups-crm-summary{border:0;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.groups-crm-options .groups-crm-summary div{border-radius:7px;padding:9px}.groups-crm-options .groups-crm-summary strong{font-size:14px}.monitored-phone-accordion{border-top:1px solid var(--border-subtle);margin-top:10px;padding-top:10px}.monitored-phone-panel{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;display:grid;gap:12px;margin-top:10px;padding:12px}.monitored-phone-panel header strong{display:block}.monitored-phone-form{display:grid;gap:8px;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) auto}.monitored-phone-list{display:grid;gap:8px}.monitored-phone-list article{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:7px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;padding:9px}.monitored-phone-list article div{display:grid;gap:3px;min-width:0}.monitored-phone-list article strong,.monitored-phone-list article span{overflow-wrap:anywhere}.monitored-phone-list article span{color:var(--text-secondary);font-size:12px}.groups-crm-ticket-stack{display:grid;gap:10px;overflow:visible}.groups-crm-lane{min-height:130px}.groups-crm-options-toggle{align-self:start;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:7px;color:var(--text-secondary);justify-self:center;margin-top:12px;padding:8px 6px;writing-mode:vertical-rl}.contacts-page{display:grid;gap:16px}.contacts-toolbar{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(240px,1fr) minmax(220px,320px);padding:14px}.contacts-toolbar .search-field{margin-bottom:0}.contacts-layout{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 360px;min-height:0}.contacts-list-panel,.contact-detail-panel{min-width:0}.contacts-table{border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.contacts-table-head,.contact-row{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(220px,1.4fr) minmax(130px,.7fr) minmax(220px,1fr) minmax(130px,.65fr)}.contacts-table-head{background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:12px;font-weight:800;padding:10px 12px}.contact-row{background:var(--bg-surface);border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;color:var(--text-primary);font-weight:500;padding:12px;text-align:left;width:100%}.contact-row:last-child{border-bottom:0}.contact-row:hover:not(:disabled),.contact-row.active{background:var(--bg-elevated);box-shadow:none;transform:none}.contact-row.active{box-shadow:inset 3px 0 0 var(--accent)}.contact-cell{color:var(--text-secondary);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-name-cell{align-items:center;color:var(--text-primary);display:flex;gap:10px}.contact-name-cell>span{display:grid;gap:3px;min-width:0}.contact-name-cell strong,.contact-name-cell small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-name-cell small{color:var(--text-tertiary);font-size:12px}.contact-avatar{align-items:center;background:var(--accent-muted);border:1px solid var(--border-subtle);border-radius:999px;color:var(--accent);display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:800;height:36px;justify-content:center;object-fit:cover;width:36px}.contact-avatar--fallback{background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated))}.contact-group-chips{display:flex;flex-wrap:wrap;gap:5px;white-space:normal}.contact-group-chips small{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-secondary);font-size:11px;max-width:160px;overflow:hidden;padding:3px 7px;text-overflow:ellipsis;white-space:nowrap}.contact-detail-panel{align-content:start;display:grid;gap:16px}.contact-detail-header{align-items:center;display:flex;gap:12px}.contact-detail-header .contact-avatar{height:48px;width:48px}.contact-detail-header h3{margin:0}.contact-detail-header p{color:var(--text-secondary);margin:3px 0 0;overflow-wrap:anywhere}.contact-detail-stats{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.contact-detail-stats div{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;padding:10px}.contact-detail-stats span{color:var(--text-secondary);display:block;font-size:12px;margin-bottom:3px}.contact-detail-stats strong{font-size:22px}.contact-history{display:grid;gap:8px}.contact-history h4{font-size:13px;margin:0 0 4px;text-transform:uppercase}.contact-history article{align-items:start;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;padding:10px}.contact-history article div{display:grid;gap:4px;min-width:0}.contact-history article strong,.contact-history article span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-history article span,.contact-history article small{color:var(--text-secondary);font-size:12px}.kanban{align-items:start}.kanban-column{background:color-mix(in srgb,var(--bg-elevated) 76%,var(--bg-surface));border:1px solid var(--border-subtle);border-radius:8px;min-height:560px;padding:12px}.kanban-column--open{border-top:3px solid var(--status-warning)}.kanban-column--in_progress{border-top:3px solid var(--status-info)}.kanban-column--closed{border-top:3px solid var(--status-success)}.kanban-column>header{background:transparent;border-bottom:1px solid var(--border-subtle);margin:0 0 12px;padding:2px 2px 12px}.kanban-column>header>div{display:grid;gap:4px;min-width:0}.kanban-column>header h3{align-items:center;color:var(--text-primary);display:inline-flex;font-size:14px;font-weight:750;gap:8px;line-height:20px}.kanban-column>header p{color:var(--text-secondary);font-size:12px;line-height:17px;margin:0}.kanban-column>header .ui-badge{min-width:30px;justify-content:center}.ticket-list{align-content:start;display:grid;gap:12px;min-height:460px}.ticket-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 10px 26px #0f172a0f;color:var(--text-primary);overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}:root[data-theme=dark] .ticket-card{box-shadow:0 14px 36px #0000003d}.ticket-card:hover,.ticket-card:focus-within{border-color:var(--border-strong);box-shadow:0 16px 42px #0f172a1c;transform:translateY(-1px)}:root[data-theme=dark] .ticket-card:hover,:root[data-theme=dark] .ticket-card:focus-within{box-shadow:0 18px 48px #0000005c}.ticket-card--expanded{border-color:color-mix(in srgb,var(--accent) 42%,var(--border-strong))}.ticket-card--in_progress{background:linear-gradient(180deg,color-mix(in srgb,var(--status-info) 5%,var(--bg-surface)),var(--bg-surface) 42%)}.ticket-card--closed{opacity:.86}.ticket-card--closed .ticket-card__title strong,.ticket-card--closed .ticket-card__snippet{color:var(--text-secondary)}.ticket-card--unread{border-color:color-mix(in srgb,var(--status-info) 28%,var(--border-subtle));box-shadow:inset 3px 0 0 var(--status-info),0 10px 26px #0f172a0f}.ticket-card--sla,.ticket-card--sla.ticket-card--unread{border-color:color-mix(in srgb,var(--status-danger) 42%,var(--border-subtle));box-shadow:inset 3px 0 0 var(--status-danger),0 10px 26px #0f172a0f}.ticket-card__button{background:transparent;border:0;border-radius:0;color:inherit;display:grid;gap:12px;padding:13px}.ticket-card__button:hover{background:color-mix(in srgb,var(--bg-elevated) 40%,transparent)}.ticket-card__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.ticket-card__title{display:grid;gap:5px;min-width:0}.ticket-card__title strong{color:var(--text-primary);font-size:14px;font-weight:760;line-height:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-card__title span{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:700;gap:7px}.ticket-card__actions{align-items:center;display:flex;flex:0 0 auto;gap:6px;justify-content:flex-end}.ticket-card__unread-count{min-height:22px;min-width:22px;padding:5px 7px}.ticket-card__avatar{background:color-mix(in srgb,var(--accent) 10%,var(--bg-elevated));color:var(--accent)}.ticket-card__drag{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-tertiary);cursor:grab;font-size:0;height:28px;min-height:28px;opacity:.58;padding:0;position:relative;width:28px}.ticket-card__drag:before{color:currentColor;content:"::";font-size:14px;letter-spacing:1px;line-height:1}.ticket-card:hover .ticket-card__drag,.ticket-card:focus-within .ticket-card__drag{opacity:1}.ticket-card__snippet{color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:19px;margin:0;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ticket-card__meta{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.ticket-card__meta span{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:7px;display:grid;gap:2px;min-width:0;padding:8px}.ticket-card__meta small,.ticket-card__times small{color:var(--text-tertiary);font-size:11px;font-weight:700;line-height:15px}.ticket-card__meta strong{color:var(--text-primary);font-size:12px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-card__missing-assignee{color:var(--status-warning)}.ticket-card__times{align-items:center;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin:0;padding:10px 0 0}.ticket-card__quick-actions{align-items:center;background:color-mix(in srgb,var(--bg-surface) 94%,transparent);border-top:1px solid var(--border-subtle);display:flex;gap:6px;justify-content:flex-end;max-height:0;opacity:0;overflow:hidden;padding:0 10px;pointer-events:none;transition:max-height .16s ease,opacity .16s ease,padding .16s ease}.ticket-card:hover .ticket-card__quick-actions,.ticket-card:focus-within .ticket-card__quick-actions{max-height:48px;opacity:1;padding:9px 10px;pointer-events:auto}.ticket-card__quick-actions button{font-size:12px;min-height:30px;padding:6px 9px}.ticket-card__messages{background:var(--bg-elevated);border-top:1px solid var(--border-subtle)}.kanban-active-filters{align-items:center;display:flex;gap:10px;margin:-4px 0 16px;min-height:32px}.kanban-active-filters>span{color:var(--text-tertiary);font-size:12px;font-weight:800;text-transform:uppercase}.kanban-active-filters>div{align-items:center;display:flex;flex-wrap:wrap;gap:7px}.kanban-total-badge{font-size:12px;min-height:40px;padding:0 12px}.kanban-filter-chip{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:12px;gap:7px;min-height:28px;padding:5px 9px}.kanban-filter-chip:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-strong);box-shadow:none;color:var(--text-primary);transform:none}.kanban-filter-chip small{color:var(--text-tertiary);font-size:13px;line-height:1}.kanban-column-empty{min-height:170px;padding:22px 14px}.kanban-column-skeletons{display:grid;gap:12px}.kanban-column-skeletons .ui-skeleton{min-height:148px}.ticket-list--over{background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:8px;outline:2px dashed var(--accent);outline-offset:4px}.groups-crm-topbar{background:var(--bg-base);padding-bottom:14px}.groups-crm-layout{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px}.groups-crm-list{background:color-mix(in srgb,var(--bg-surface) 94%,var(--bg-base));gap:9px}.groups-crm-panel-header{background:color-mix(in srgb,var(--bg-surface) 92%,transparent);border-bottom:1px solid var(--border-subtle);margin:-12px -12px 8px;padding:12px}.groups-crm-list-controls{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;margin-bottom:6px;padding:10px}.groups-crm-list-controls input,.groups-crm-list-controls select{background:var(--bg-surface);border-color:var(--border-default)}.groups-crm-row{align-items:start;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);padding:11px;text-align:left;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;width:100%}.groups-crm-row:hover:not(:disabled),.groups-crm-row--selected{background:color-mix(in srgb,var(--accent) 5%,var(--bg-surface));border-color:color-mix(in srgb,var(--accent) 36%,var(--border-default));box-shadow:0 10px 26px #0f172a12;transform:none}:root[data-theme=dark] .groups-crm-row:hover:not(:disabled),:root[data-theme=dark] .groups-crm-row--selected{box-shadow:0 14px 32px #00000042}.groups-crm-row--selected{box-shadow:inset 3px 0 0 var(--accent),0 10px 26px #0f172a12}.groups-crm-row--attending{border-left:3px solid var(--status-info)}.groups-crm-row--waiting{border-left:3px solid var(--status-warning)}.groups-crm-row--closed{border-left:3px solid var(--status-success)}.groups-crm-row--empty{border-left:3px solid var(--status-muted)}.groups-crm-row__avatar{padding-top:1px}.groups-crm-row__main{align-items:start;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-width:0}.groups-crm-row__copy{display:grid;gap:7px;min-width:0}.groups-crm-row__title-line{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0}.groups-crm-row__title-line strong{color:var(--text-primary);font-size:14px;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groups-crm-row__title-line time,.groups-crm-row__aside time{color:var(--text-tertiary);flex:0 0 auto;font-size:11px;font-weight:700}.groups-crm-row__copy>span{color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:18px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.groups-crm-row__meta-line{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.groups-crm-row__meta-line .ui-badge{min-height:22px;padding:4px 7px}.groups-crm-row__meta-line small{color:var(--text-tertiary);font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groups-crm-row__aside{align-items:end;display:grid;gap:8px;justify-items:end}.groups-crm-unread-badge{justify-content:center;min-height:24px;min-width:24px}.groups-crm-page--groups-collapsed .groups-crm-row{align-items:center;grid-template-columns:auto minmax(0,1fr);padding:9px}.groups-crm-page--groups-collapsed .groups-crm-row__main{grid-template-columns:1fr auto}.groups-crm-page--groups-collapsed .groups-crm-row__title-line strong{font-size:12px;line-height:16px;white-space:normal}.groups-crm-page--groups-collapsed .groups-crm-row__meta-line,.groups-crm-page--groups-collapsed .groups-crm-row__copy>span,.groups-crm-page--groups-collapsed .groups-crm-row__title-line time{display:none}.groups-crm-list-skeletons{display:grid;gap:9px}.groups-crm-list-skeletons .ui-skeleton{min-height:82px}.groups-crm-list-empty{margin-top:10px;padding:22px 12px}.groups-crm-detail__header{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto auto}.groups-crm-detail__identity{align-items:center;display:flex;gap:12px;min-width:0}.groups-crm-detail__identity>div{display:grid;gap:3px;min-width:0}.groups-crm-detail__identity h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groups-crm-state.ui-badge{min-height:30px;padding:6px 10px}.conversation-actions{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;padding:5px}.conversation-actions button{min-height:32px;padding:7px 10px}.groups-crm-options-wrap{background:color-mix(in srgb,var(--bg-surface) 94%,var(--bg-base))}.groups-crm-options .groups-crm-summary{gap:9px}.groups-crm-summary-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 1px 2px #0f172a0a}.groups-crm-summary-card--open{border-top:3px solid var(--status-warning)}.groups-crm-summary-card--progress{border-top:3px solid var(--status-info)}.groups-crm-summary-card--closed{border-top:3px solid var(--status-success)}.groups-crm-summary-card--agents{border-top:3px solid var(--status-muted)}.groups-crm-ticket-stack{gap:12px}.groups-crm-lane{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.groups-crm-lane>header{background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);margin:0;padding:10px}.groups-crm-lane>div{padding:10px}.groups-ticket-line{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:10px}.groups-ticket-line:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-default);box-shadow:none;transform:none}.groups-crm-lane-empty{padding:16px 10px}.groups-crm-lane-empty h3{font-size:13px}.groups-crm-options-toggle{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-secondary);min-height:96px}.mini-chat{background:radial-gradient(circle at 16px 16px,color-mix(in srgb,var(--accent) 7%,transparent) 0 1px,transparent 1px),var(--bg-base);background-size:22px 22px}.mini-chat-header{background:color-mix(in srgb,var(--bg-surface) 94%,var(--bg-base));border-bottom:1px solid var(--border-subtle);min-height:58px}.mini-chat-header__avatar,.message-avatar{border:1px solid var(--border-subtle);box-shadow:0 1px 2px #0f172a0f}.mini-chat-header .ui-badge{justify-self:end;margin-left:auto}.message-timeline{gap:12px;padding-bottom:20px}.message-skeleton-list{display:grid;gap:10px;margin-inline:auto;max-width:680px;width:100%}.message-skeleton-list .ui-skeleton{min-height:72px}.chat-history-toolbar{background:color-mix(in srgb,var(--bg-surface) 82%,transparent);border:1px solid var(--border-subtle);border-radius:999px;justify-self:center;padding:5px}.chat-history-toolbar button{border-radius:999px}.ticket-history-block{background:color-mix(in srgb,var(--bg-surface) 88%,var(--bg-base));border:1px solid var(--border-subtle);border-left:3px solid var(--status-success)}.chat-empty-state{margin:10px auto;max-width:420px;padding:18px}.message-row{align-items:end;display:flex;gap:9px;max-width:min(760px,94%)}.message-row--bot{flex-direction:row-reverse;justify-self:end;margin-left:auto}.message-avatar{flex:0 0 auto;height:32px;width:32px}.message-avatar--agent{background:color-mix(in srgb,var(--status-info) 12%,var(--bg-elevated));color:var(--status-info)}.message-bubble{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px 14px 14px 5px;box-shadow:0 8px 24px #0f172a12;color:var(--text-primary);display:grid;gap:8px;max-width:640px;min-width:min(220px,100%);padding:10px 12px;position:relative}:root[data-theme=dark] .message-bubble{box-shadow:0 12px 30px #00000038}.message-bubble--bot{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 13%,var(--bg-surface)),color-mix(in srgb,var(--accent) 7%,var(--bg-surface)));border-color:color-mix(in srgb,var(--accent) 30%,var(--border-subtle));border-radius:14px 14px 5px}.message-bubble--agent{border-color:color-mix(in srgb,var(--status-info) 26%,var(--border-subtle))}.message-bubble--history{opacity:.82}.message-bubble>strong{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:12px;font-weight:780;gap:6px;line-height:18px}.message-bubble p{color:var(--text-primary);font-size:14px;line-height:20px;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.message-bubble time{color:var(--text-tertiary);font-size:11px;justify-self:end}.message-bubble blockquote{background:color-mix(in srgb,var(--bg-elevated) 70%,var(--bg-surface));border:0;border-left:3px solid var(--accent);border-radius:8px;color:var(--text-secondary);display:grid;font-size:12px;gap:3px;line-height:18px;margin:0;padding:8px 10px}.message-bubble blockquote span{color:var(--accent);font-size:11px;font-weight:800}.message-media{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;max-height:280px;max-width:min(360px,100%);object-fit:cover}.message-media--audio{display:block;min-width:min(320px,100%);padding:6px}.message-media--video{display:block;width:min(420px,100%)}.message-media--file{color:var(--accent);display:inline-flex;font-size:13px;font-weight:700;padding:10px 12px;text-decoration:none}.message-reply-action{background:transparent;border:1px solid transparent;border-radius:999px;color:var(--text-tertiary);font-size:11px;justify-self:end;min-height:26px;opacity:0;padding:4px 8px;transform:translateY(2px);transition:opacity .14s ease,transform .14s ease,color .14s ease,border-color .14s ease}.message-bubble:hover .message-reply-action,.message-bubble:focus-within .message-reply-action{border-color:var(--border-default);color:var(--accent);opacity:1;transform:translateY(0)}.message-reply-action:hover:not(:disabled){background:var(--accent-muted);box-shadow:none}.new-messages-divider{align-items:center;color:var(--status-info);display:grid;font-size:11px;font-weight:850;gap:10px;grid-template-columns:1fr auto 1fr;letter-spacing:0;margin:8px 0;text-transform:uppercase}.new-messages-divider:before,.new-messages-divider:after{background:color-mix(in srgb,var(--status-info) 44%,transparent);content:"";height:1px}.new-messages-divider span{background:color-mix(in srgb,var(--status-info) 12%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--status-info) 22%,var(--border-subtle));border-radius:999px;padding:5px 10px}.reply-box--rich{background:color-mix(in srgb,var(--bg-surface) 96%,var(--bg-base));border-top:1px solid var(--border-subtle);box-shadow:0 -12px 30px #0f172a0f;display:grid;gap:10px;padding:14px}:root[data-theme=dark] .reply-box--rich{box-shadow:0 -16px 36px #00000038}.reply-box--rich textarea{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);min-height:74px;padding:12px}.reply-box--rich textarea:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.reply-quote,.reply-image-preview{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:10px}.reply-quote{border-left:3px solid var(--accent)}.reply-quote>div,.reply-image-preview>div{display:grid;gap:3px;min-width:0}.reply-quote span,.reply-image-preview small{color:var(--text-tertiary);font-size:11px;font-weight:800;text-transform:uppercase}.reply-quote strong,.reply-image-preview span{color:var(--text-primary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-image-preview{grid-template-columns:auto minmax(0,1fr) auto}.reply-image-preview img{border-radius:8px;height:54px;object-fit:cover;width:54px}.reply-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.reply-attach-button{border:1px solid var(--border-default)}.reply-send-button{background:var(--accent);min-width:92px}.reply-send-button:hover:not(:disabled){background:var(--accent-hover)}.page-header__subtitle{color:var(--text-secondary);font-size:14px;margin:6px 0 0}.whatsapp-layout{grid-template-columns:minmax(320px,460px) minmax(0,1fr)}.whatsapp-instance-card,.whatsapp-groups-card{background:var(--bg-surface);border-color:var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-sm)}.whatsapp-instance-card{overflow:hidden;position:relative}.whatsapp-instance-card:before{background:var(--border-default);content:"";display:block;height:4px;inset:0 0 auto;position:absolute}.whatsapp-instance-card--open:before{background:var(--status-success)}.whatsapp-instance-card--connecting:before{background:var(--status-warning)}.whatsapp-instance-card--reconnecting:before{background:var(--status-info)}.whatsapp-instance-card--error:before{background:var(--status-danger)}.whatsapp-status-badge{align-items:center;display:inline-flex;gap:7px;white-space:nowrap}.whatsapp-instance-hero{align-items:center;background:linear-gradient(135deg,var(--bg-elevated),color-mix(in srgb,var(--accent-muted) 42%,var(--bg-surface)));border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:14px}.whatsapp-instance-avatar{background:var(--accent);color:var(--on-accent)}.whatsapp-instance-hero strong{color:var(--text-primary);display:block;font-size:15px}.whatsapp-instance-hero span{color:var(--text-secondary);display:block;font-size:13px;margin-top:3px;overflow-wrap:anywhere}.whatsapp-technical-grid div,.group-summary div,.whatsapp-group-stats span{background:var(--bg-elevated);border-color:var(--border-subtle)}.connection-state dl{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;padding:12px}.whatsapp-qr-panel{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;text-align:left}.whatsapp-qr-panel strong{color:var(--text-primary);display:block;margin-bottom:4px}.whatsapp-qr-panel span{color:var(--text-secondary);font-size:13px}.whatsapp-qr-panel img{background:#fff;border:1px solid var(--border-subtle);border-radius:12px;padding:8px;width:min(190px,38vw)}.whatsapp-groups-card .search-field input,.whatsapp-instance-card .connection-form input{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-primary)}.whatsapp-group-row{background:var(--bg-surface);border-color:var(--border-subtle);border-radius:12px;gap:12px;padding:14px;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.whatsapp-group-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.whatsapp-group-row--active{box-shadow:inset 3px 0 0 var(--status-success)}.whatsapp-group-identity{align-items:center;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr);min-width:0}.whatsapp-group-avatar{background:var(--accent-muted);color:var(--accent)}.whatsapp-group-identity strong,.whatsapp-group-identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsapp-group-identity strong{color:var(--text-primary);font-size:15px}.whatsapp-group-status{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.whatsapp-group-status .ui-badge{align-items:center;display:inline-flex;gap:6px}.whatsapp-group-actions{align-items:center}.whatsapp-group-stats{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(86px,1fr))}.whatsapp-group-stats span{border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-tertiary);display:grid;font-size:11px;gap:2px;padding:8px 10px;text-align:left}.whatsapp-group-stats strong{color:var(--text-primary);font-size:16px}.monitored-phone-trigger{align-items:center;display:inline-flex;gap:8px;justify-content:center;width:fit-content}.monitored-phone-panel{background:var(--bg-elevated);border-color:var(--border-subtle);border-radius:12px}.monitored-phone-form input{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-primary)}.monitored-phone-list article{background:var(--bg-surface);border-color:var(--border-subtle);border-radius:10px}.monitored-phone-skeletons,.whatsapp-group-skeletons,.participant-skeletons{display:grid;gap:10px}.monitored-phone-skeletons .ui-skeleton--block{height:56px}.whatsapp-group-skeleton{align-items:center;border:1px solid var(--border-subtle);border-radius:12px;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) 120px;padding:14px}.whatsapp-group-skeleton .ui-skeleton--circle{height:40px;width:40px}.whatsapp-empty-state{border-style:dashed;margin:0}.whatsapp-empty-state--compact{padding:14px}.group-listening-title{align-items:center;display:flex;gap:10px}.group-listening-sheet .ui-side-sheet__panel{max-width:620px}.group-listening-content{display:grid;gap:16px}.listener-mode{background:var(--bg-elevated);border-color:var(--border-subtle);border-radius:12px}.listener-mode.active{background:var(--accent-muted);border-color:var(--accent)}.participant-toolbar{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;padding:12px}.self-listening-toggle{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px}.participant-list{background:var(--bg-elevated);border-color:var(--border-subtle);border-radius:12px;padding:6px}.participant-row{border-radius:10px;padding:10px}.participant-row:hover{background:var(--bg-surface)}.participant-row .participant-avatar{flex:0 0 auto}.dashboard-page{display:grid;gap:18px}.dashboard-page-header{align-items:end;background:linear-gradient(135deg,var(--bg-surface),color-mix(in srgb,var(--accent-muted) 38%,var(--bg-surface)));border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-sm);padding:18px}.dashboard-page-header .ui-section-header__copy h2{font-size:clamp(24px,3vw,34px);margin:0}.dashboard-export-button{white-space:nowrap}.dashboard-filters--modern{align-items:end;background:var(--bg-surface);border-color:var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-sm);margin-bottom:0}.dashboard-filters--modern .segmented{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;padding:4px}.dashboard-filters--modern .segmented button{background:transparent;border-radius:8px;color:var(--text-secondary);min-height:36px;padding:8px 10px}.dashboard-filters--modern .segmented button:hover{background:var(--accent-muted);color:var(--accent)}.dashboard-filters--modern .search-field{color:var(--text-secondary);margin-bottom:0}.dashboard-filters--modern input,.dashboard-filters--modern select{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-primary)}.dashboard-metrics-grid{grid-template-columns:repeat(6,minmax(150px,1fr))}.dashboard-metric-card{background:var(--bg-surface);border-color:var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-sm);display:grid;gap:16px;min-height:138px;overflow:hidden;position:relative}.dashboard-metric-card:before{background:var(--status-color, var(--accent));content:"";height:4px;inset:0 0 auto;position:absolute}.dashboard-metric-card--default{--status-color: var(--accent)}.dashboard-metric-card--success{--status-color: var(--status-success)}.dashboard-metric-card--warning{--status-color: var(--status-warning)}.dashboard-metric-card--info{--status-color: var(--status-info)}.dashboard-metric-card--danger{--status-color: var(--status-danger)}.dashboard-metric-card>div{align-items:start;display:grid;gap:8px}.dashboard-metric-card span{color:var(--text-secondary);font-size:12px;font-weight:800;margin:0;text-transform:uppercase}.dashboard-metric-card strong{color:var(--text-primary);font-size:clamp(26px,3vw,38px);line-height:1}.dashboard-metric-card__skeleton{height:38px;width:70%}.dashboard-chart-panel,.dashboard-table-panel,.dashboard-ranking-panel{background:var(--bg-surface);border-color:var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-sm)}.dashboard-panel-header{margin-bottom:14px}.dashboard-panel-header .ui-section-header__copy h2{font-size:18px}.dashboard-chart-panel .simple-chart{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;border-bottom:1px solid var(--border-subtle);min-height:260px;padding:16px 12px 8px}.dashboard-chart-panel .timeline-bar__bars{background:color-mix(in srgb,var(--bg-surface) 72%,transparent);border-radius:10px;padding:8px 5px 0}.dashboard-chart-panel .timeline-bar__opened,.dashboard-chart-panel .timeline-bar__closed{border-radius:8px 8px 3px 3px}.dashboard-chart-panel .timeline-bar__opened{background:var(--status-info)}.dashboard-chart-panel .timeline-bar__closed{background:var(--status-success)}.dashboard-chart-panel .response-trend,.dashboard-chart-panel .hourly-chart{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;padding:12px}.dashboard-chart-panel .response-trend__item div,.dashboard-chart-panel .hourly-chart__row div{background:color-mix(in srgb,var(--bg-surface) 82%,transparent);border-radius:999px;overflow:hidden}.dashboard-chart-panel .response-trend__item strong{background:var(--accent);border-radius:999px}.dashboard-chart-panel .hourly-chart__row strong{background:var(--status-info);border-radius:999px}.dashboard-chart-panel .hourly-chart__row strong.is-top-hour{background:var(--status-warning)}.dashboard-group-table,.dashboard-agent-ranking,.dashboard-agent-groups{border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.dashboard-group-table .group-metrics-table__head{background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:11px;text-transform:uppercase}.dashboard-group-row{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);min-height:64px;transition:background .14s ease,box-shadow .14s ease}.dashboard-group-row:hover{background:var(--bg-elevated);box-shadow:inset 3px 0 0 var(--accent)}.dashboard-group-name{align-items:center;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr)}.dashboard-group-name>span{display:grid;gap:5px;min-width:0}.dashboard-group-name strong{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-group-name .health-badge{justify-self:start}.dashboard-table-skeleton{display:grid;gap:8px;padding:12px}.dashboard-table-skeleton .ui-skeleton--block{height:52px}.dashboard-agent-row{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);display:grid;gap:12px;grid-template-columns:minmax(220px,1fr) auto auto minmax(120px,220px);padding:12px}.dashboard-agent-row:hover{background:var(--bg-elevated);box-shadow:inset 3px 0 0 var(--accent)}.dashboard-agent-name{align-items:center;display:flex;gap:10px;min-width:0}.dashboard-agent-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-agent-progress{background:var(--bg-elevated);border-radius:999px;display:block;height:8px;overflow:hidden}.dashboard-agent-progress i{background:linear-gradient(90deg,var(--accent),var(--status-success));border-radius:inherit;display:block;height:100%}.agent-detail-sheet .ui-side-sheet__panel{max-width:680px}.agent-detail-panel{display:grid;gap:16px}.agent-detail-hero{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:12px;padding:14px}.agent-detail-hero strong{color:var(--text-primary);display:block}.agent-detail-hero span{color:var(--text-secondary);display:block;font-size:13px;margin-top:3px}.dashboard-skeleton-grid{display:grid;gap:10px}.dashboard-skeleton-grid .ui-skeleton--block{height:82px}.dashboard-empty-state{background:var(--bg-elevated);border-style:dashed;margin:0}.settings-page,.agents-page{display:grid;gap:18px}.settings-page-header,.agents-page-header{background:linear-gradient(135deg,var(--bg-surface),color-mix(in srgb,var(--accent-muted) 36%,var(--bg-surface)));border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-sm);padding:18px}.settings-page-header .ui-section-header__copy h2,.agents-page-header .ui-section-header__copy h2{font-size:clamp(24px,3vw,34px);margin:0}.settings-grid--modern{grid-template-columns:minmax(320px,430px) minmax(0,1fr)}.settings-card,.agents-list-card,.agents-edit-card{background:var(--bg-surface);border-color:var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-sm)}.settings-card-header{margin-bottom:14px}.settings-card-header .ui-section-header__copy h2{font-size:18px;margin:0}.settings-company-hero,.settings-sla-preview,.agent-detail-hero{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px}.settings-company-hero{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding:14px}.settings-company-hero span,.settings-sla-preview span{color:var(--text-tertiary);display:block;font-size:11px;font-weight:800;text-transform:uppercase}.settings-company-hero strong{color:var(--text-primary);display:block;font-size:18px;margin-top:3px}.company-overview dl{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;padding:12px}.settings-counter-grid div{background:var(--bg-elevated);border-color:var(--border-subtle);border-radius:12px}.settings-sla-preview{align-items:center;display:grid;gap:8px;margin-bottom:14px;padding:14px}.settings-sla-preview strong{color:var(--text-primary);font-size:40px;line-height:1}.settings-card .connection-form input,.settings-card .connection-form select,.agents-page .connection-form input,.agents-page .connection-form select{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-primary)}.settings-hours-card{grid-column:1 / -1}.business-hours-form{gap:16px}.business-hours-list{gap:10px}.business-hours-row{align-items:end;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;gap:12px;grid-template-columns:minmax(170px,1fr) minmax(120px,150px) minmax(120px,150px) auto;padding:12px}.business-hours-row--closed{opacity:.78}.business-hours-day{display:grid;gap:7px}.business-hours-day strong{color:var(--text-primary);font-size:15px}.business-hours-row input[type=time]{background:var(--bg-surface);border-color:var(--border-default);border-radius:10px}.business-hours-row input[type=time]:disabled{background:color-mix(in srgb,var(--bg-elevated) 70%,var(--bg-surface));color:var(--text-tertiary)}.business-hours-closed{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;padding:9px 10px}.settings-ignored-card{grid-column:1 / -1}.ignored-form{align-items:end;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;gap:12px;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) minmax(180px,1fr) auto;padding:12px}.ignored-phone-table,.agents-table{border:1px solid var(--border-subtle);border-radius:12px;margin-top:14px;overflow:hidden}.ignored-phone-table .agent-row,.agents-table .agent-row{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.ignored-phone-table .agent-row:last-child,.agents-table .agent-row:last-child{border-bottom:0}.settings-skeleton-stack{display:grid;gap:10px}.settings-skeleton-stack .ui-skeleton--block{height:58px}.settings-empty-state{background:var(--bg-elevated);border-style:dashed;margin:0}.agents-grid{display:grid;gap:18px;grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.agents-list-card,.agents-edit-card{grid-column:1 / -1}.agents-row{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(260px,1fr) auto auto;padding:12px}.agents-row:hover{background:var(--bg-elevated);box-shadow:inset 3px 0 0 var(--accent)}.agents-person{align-items:center;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr)}.agents-person>span{display:grid;gap:3px;min-width:0}.agents-person strong,.agents-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agents-person strong{color:var(--text-primary)}.agents-person small{color:var(--text-secondary);font-size:12px}.agents-invite-sheet .ui-side-sheet__panel{max-width:480px}.agents-invite-form{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;padding:14px}@media(max-width:1180px){.groups-crm-layout,.groups-crm-page--groups-collapsed .groups-crm-layout,.groups-crm-page--options-collapsed .groups-crm-layout,.groups-crm-page--groups-collapsed.groups-crm-page--options-collapsed .groups-crm-layout{grid-template-columns:minmax(240px,320px) minmax(0,1fr)}.groups-crm-options-wrap,.groups-crm-options-toggle{display:none}.contacts-layout{grid-template-columns:1fr}}@media(max-width:860px){.combobox-content{width:min(100%,calc(100vw - 48px))}.monitored-phone-form,.monitored-phone-list article,.contacts-toolbar,.contacts-table-head,.contact-row,.contact-history article{grid-template-columns:1fr}.contacts-table-head{display:none}}