@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap";
:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eff6ff;--secondary:#6366f1;--accent:#059669;--accent-soft:#ecfdf5;--danger:#dc2626;--danger-soft:#fef2f2;--warning:#d97706;--warning-soft:#fffbeb;--background:#f6f8fc;--surface:#fff;--surface-subtle:#f8fafc;--surface-raised:#fff;--foreground:#0f172a;--foreground-soft:#334155;--muted:#64748b;--muted-light:#94a3b8;--border:#e2e8f0;--border-strong:#cbd5e1;--sidebar:#0b1220;--sidebar-soft:#111b2e;--sidebar-text:#cbd5e1;--sidebar-muted:#71809a;--ring:#2563eb;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 12px 34px #0f172a1f;--shadow-lg:0 24px 64px #0f172a2e;--font-heading:"Poppins", "Segoe UI", sans-serif;--font-body:"Open Sans", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--foreground);font-family:var(--font-body);margin:0;font-size:15px;line-height:1.5}body{overflow:hidden}button,input,select,textarea{color:inherit;font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button,input,select,textarea{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-heading)}svg{flex:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:999;background:var(--primary);color:#fff;border-radius:7px;padding:10px 14px;text-decoration:none;transition:transform .16s;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-root{background:var(--background);width:100%;height:100dvh;color:var(--foreground);grid-template-columns:236px minmax(0,1fr);display:grid;overflow:hidden}.app-root[data-theme=dark]{--primary:#60a5fa;--primary-hover:#93c5fd;--primary-soft:#172554;--accent:#34d399;--accent-soft:#052e2b;--danger:#f87171;--danger-soft:#3f1219;--warning:#fbbf24;--warning-soft:#422006;--background:#090f1b;--surface:#0f172a;--surface-subtle:#111c30;--surface-raised:#162033;--foreground:#f1f5f9;--foreground-soft:#dbe5f2;--muted:#a6b4c7;--muted-light:#78889e;--border:#26344b;--border-strong:#3b4a63;--sidebar:#060b14;--sidebar-soft:#111b2e;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 14px 36px #00000059;--shadow-lg:0 26px 70px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.primary-sidebar{z-index:40;background:var(--sidebar);min-width:0;color:var(--sidebar-text);flex-direction:column;padding:18px 14px 14px;display:flex;position:relative;overflow:hidden}.brand-row{justify-content:space-between;align-items:center;min-height:42px;padding:0 7px;display:flex}.brand{color:#fff;background:0 0;border:0;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.brand-mark{width:31px;height:31px;font-family:var(--font-heading);background:linear-gradient(145deg,#3b82f6,#4f46e5);border-radius:9px;place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden;box-shadow:0 5px 18px #2563eb59}.brand-mark:after{content:"";background:#ffffff2e;border-radius:50%;width:22px;height:22px;position:absolute;bottom:-9px;right:-8px}.brand-mark span{z-index:1}.brand-name{font-family:var(--font-heading);letter-spacing:-.4px;white-space:nowrap;font-size:18px;font-weight:600;overflow:hidden}.brand-name span{color:#7bb0ff}.sidebar-close,.mobile-menu,.mobile-back{display:none!important}.workspace-switcher{background:var(--sidebar-soft);width:100%;min-height:58px;color:var(--sidebar-text);text-align:left;border:1px solid #94a3b824;border-radius:9px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;margin:16px 0 18px;padding:8px 9px;transition:border-color .18s,background .18s;display:grid}.workspace-switcher:hover{background:#17243a;border-color:#94a3b84d}.workspace-avatar{color:#4338ca;background:#e0e7ff;border-radius:8px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.workspace-avatar.large{border-radius:12px;width:52px;height:52px;font-size:15px}.workspace-copy,.current-user-copy{flex-direction:column;min-width:0;display:flex}.workspace-copy strong,.current-user-copy strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.workspace-copy small,.current-user-copy small{color:var(--sidebar-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sidebar-nav{flex-direction:column;flex:1;gap:3px;display:flex;overflow-y:auto}.nav-label{color:var(--sidebar-muted);letter-spacing:.11em;text-transform:uppercase;margin:3px 10px 6px;font-size:10px;font-weight:700}.nav-item{color:#9eadc2;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:21px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;transition:color .16s,background .16s;display:grid;position:relative}.nav-item:hover{color:#e2e8f0;background:#94a3b814}.nav-item.is-active{color:#dbeafe;background:#3b82f626}.nav-item.is-active:before{content:"";background:#60a5fa;border-radius:0 4px 4px 0;width:3px;height:24px;position:absolute;left:-14px}.nav-item span:not(.nav-badge,.nav-alert){text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.nav-badge,.nav-alert{color:#fff;background:#2563eb;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:10px;font-weight:700;display:grid}.nav-alert{color:#111827;background:#f59e0b;min-width:18px;height:18px}.sidebar-footer{flex-direction:column;gap:8px;padding-top:12px;display:flex}.help-row{color:#8493aa;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:40px;padding:7px 9px;display:grid}.help-row:hover{color:#dbe4ee;background:#94a3b814}.help-row span{font-size:12px;font-weight:600}kbd{border:1px solid var(--border-strong);background:var(--surface-subtle);color:var(--muted);border-bottom-width:2px;border-radius:4px;padding:0 4px;font-family:inherit;font-size:10px;line-height:17px}.help-row kbd{color:#94a3b8;background:#94a3b814;border-color:#94a3b840}.current-user{border-top:1px solid #94a3b81f;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:52px;padding:12px 6px 0;display:grid}.avatar{background:color-mix(in srgb, var(--avatar-color) 16%, var(--surface));width:38px;height:38px;color:color-mix(in srgb, var(--avatar-color) 90%, var(--foreground));letter-spacing:.01em;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid;position:relative}.avatar-has-picture{overflow:hidden}.avatar-picture{border-radius:inherit;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:10px}.avatar-xs{width:23px;height:23px;font-size:8px}.avatar-lg{width:58px;height:58px;font-size:16px}.presence-dot{border:2px solid var(--sidebar);background:var(--muted-light);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.presence-dot.online{background:#22c55e}.presence-dot.busy{background:#f59e0b}.app-main{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.integration-warning{background:var(--surface);border-bottom:1px solid var(--border);color:var(--foreground);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:10px 20px;font-size:13px;display:flex}.integration-warning button{cursor:pointer;text-decoration:underline}.global-header{z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);flex:none;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex;position:relative}.global-title{align-items:center;gap:9px;display:flex}.global-title>div{align-items:baseline;gap:9px;display:flex}.global-title span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.global-title h1{letter-spacing:-.2px;font-size:16px;font-weight:600}.global-actions{align-items:center;gap:8px;display:flex}.prototype-pill{border:1px solid var(--border);background:var(--surface-subtle);min-height:30px;color:var(--muted);border-radius:16px;align-items:center;gap:7px;padding:4px 10px;font-size:10px;font-weight:600;display:flex}.prototype-pill>span{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #22c55e21}.prototype-pill.is-warning{color:#b45309;background:#f59e0b14;border-color:#f59e0b4d}.prototype-pill.is-warning>span{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b24}.prototype-pill.is-error{color:#b91c1c;background:#ef444414;border-color:#ef44444d}.prototype-pill.is-error>span{background:#ef4444;box-shadow:0 0 0 3px #ef444424}.icon-button{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--muted);border-radius:7px;flex:none;place-items:center;transition:border-color .16s,color .16s,background .16s,transform .16s;display:inline-grid;position:relative}.icon-button:hover{border-color:var(--border-strong);background:var(--surface-subtle);color:var(--foreground)}.icon-button:active{transform:scale(.96)}.icon-button.compact{background:0 0;border-color:#0000;width:30px;height:30px}.icon-button.compact:hover,.icon-button.compact.is-active{background:var(--surface-subtle);color:var(--primary)}.current-user .icon-button{color:#8392a8}.notification-button>.notification-count{border:1.5px solid var(--surface);background:var(--danger);color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:700;line-height:1;display:grid;position:absolute;top:1px;right:1px}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:7px 12px;font-size:12px;font-weight:700;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{background:var(--primary);color:#fff;box-shadow:0 1px 2px #2563eb2e}.app-root[data-theme=dark] .button-primary{color:#07111f}.button-primary:hover:not(:disabled){background:var(--primary-hover)}.button-secondary{border-color:var(--border);background:var(--surface);color:var(--foreground-soft)}.button-secondary:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.button-success{color:#047857;background:#ecfdf5;border-color:#bbf7d0}.app-root[data-theme=dark] .button-success{color:#6ee7b7;background:#052e24;border-color:#14532d}.button-success:hover{background:#d1fae5}.button-sm{min-height:32px;padding:5px 10px;font-size:11px}.button-icon-label{padding-inline:10px}.text-button{color:var(--primary);background:0 0;border:0;align-items:center;gap:4px;padding:3px;font-size:11px;font-weight:700;display:inline-flex}.text-button:hover{text-decoration:underline}.inbox-layout{background:var(--surface);flex:1;grid-template-columns:minmax(300px,330px) minmax(420px,1fr) minmax(272px,300px);min-width:0;min-height:0;transition:grid-template-columns .2s;display:grid;position:relative;overflow:hidden}.inbox-layout.details-collapsed{grid-template-columns:minmax(300px,330px) minmax(420px,1fr) 0}.inbox-layout.details-collapsed>.details-panel{visibility:hidden;opacity:0;pointer-events:none;border-left:0;overflow:hidden}.conversation-list-panel,.thread-panel,.details-panel{background:var(--surface);min-width:0;min-height:0}.conversation-list-panel{border-right:1px solid var(--border);flex-direction:column;display:flex}.queue-toolbar{border-bottom:1px solid var(--border);flex:none;padding:15px 14px 12px}.queue-title-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.queue-title-row>div{min-width:0}.queue-title-row .button{flex:none}.queue-title-row h2{letter-spacing:-.2px;font-size:16px;font-weight:600}.queue-title-row>div>span{color:var(--muted);font-size:10px}.search-field{border:1px solid var(--border);background:var(--surface-subtle);min-height:38px;color:var(--muted);border-radius:7px;align-items:center;gap:7px;padding:0 9px;transition:border-color .16s,box-shadow .16s,background .16s;display:flex;position:relative}.search-field:focus-within{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent)}.search-field input{background:0 0;border:0;flex:1;min-width:0;font-size:11.5px}.search-field input::placeholder,.composer textarea::placeholder,.field input::placeholder,.field textarea::placeholder{color:var(--muted-light)}.search-field kbd{opacity:.7}.segmented-control{background:var(--surface-subtle);border-radius:7px;align-items:center;gap:2px;min-height:34px;margin-top:10px;padding:3px;display:flex}.segmented-control button{min-width:0;min-height:28px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:5px;flex:1;padding:4px 6px;font-size:10px;font-weight:600}.segmented-control button:hover{color:var(--foreground)}.segmented-control button.is-selected{background:var(--surface);color:var(--foreground);box-shadow:var(--shadow-sm)}.queue-filters{grid-template-columns:.85fr 1.15fr;gap:6px;margin-top:9px;display:grid}.select-control{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:32px;color:var(--muted);border-radius:6px;align-items:center;gap:4px;padding:0 6px;display:flex;position:relative}.select-control select{width:100%;min-width:0;color:var(--foreground-soft);background:0 0;border:0;font-size:10px}.conversation-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;overflow-y:auto}.scroll-fade{-webkit-mask-image:linear-gradient(#0000 0,#000 12px calc(100% - 12px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 12px calc(100% - 12px),#0000 100%)}.conversation-item{border:0;border-bottom:1px solid color-mix(in srgb, var(--border) 74%, transparent);background:var(--surface);width:100%;min-height:91px;color:var(--foreground);text-align:left;grid-template-columns:39px minmax(0,1fr);gap:10px;padding:13px 12px;transition:background .15s;display:grid;position:relative}.conversation-item:hover{background:var(--surface-subtle)}.conversation-item.is-selected{background:var(--primary-soft)}.conversation-item.is-selected:before{background:var(--primary);content:"";border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.conversation-summary{flex-direction:column;gap:5px;min-width:0;display:flex}.conversation-line{align-items:center;min-width:0;display:flex}.conversation-line-top{justify-content:space-between;gap:8px}.conversation-line-top strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.conversation-line-top time{color:var(--muted-light);flex:none;font-size:9.5px}.conversation-preview{justify-content:space-between;gap:8px;min-height:19px}.conversation-preview>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:1.35;overflow:hidden}.last-author{color:var(--foreground-soft);font-size:inherit;font-weight:700}.typing-copy{color:var(--accent);font-style:normal;font-weight:700}.unread-count{background:var(--primary);color:#fff;border-radius:9px;flex:none;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:9px;display:grid}.mention-count{color:#6d28d9;background:#ede9fe;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:1px;min-width:28px;height:19px;padding:0 5px;font-size:8.5px;display:inline-flex}.app-root[data-theme=dark] .mention-count{color:#c4b5fd;background:#2e1065}.conversation-context{color:var(--muted-light);white-space:nowrap;gap:4px;font-size:9px;overflow:hidden}.conversation-context>span:not(.priority-dot,.mini-avatar,.unassigned-label,.context-divider){text-overflow:ellipsis;max-width:85px;overflow:hidden}.context-divider{color:var(--border-strong)}.priority-dot{background:var(--muted-light);border-radius:50%;flex:none;width:6px;height:6px}.priority-dot.priority-high,.priority-label.priority-high{color:#b45309;background-color:#f59e0b}.priority-dot.priority-urgent,.priority-label.priority-urgent{color:#b91c1c;background-color:#ef4444}.priority-dot.priority-low{background-color:#94a3b8}.priority-label.priority-normal{color:var(--foreground-soft)}.priority-label.priority-high,.priority-label.priority-urgent{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:4px;padding:2px 6px}.mini-avatar{background:color-mix(in srgb, var(--avatar-color) 16%, var(--surface));width:20px;height:20px;color:var(--avatar-color);border-radius:50%;flex:none;place-items:center;margin-left:auto;font-size:7px;font-weight:800;display:grid}.unassigned-label{color:var(--warning);margin-left:auto;font-weight:700}.thread-panel{border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.conversation-search{border-bottom:1px solid var(--border);color:var(--muted);flex-shrink:0;align-items:center;gap:10px;padding:8px 18px;display:flex}.conversation-search input{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--foreground);font:inherit;border-radius:6px;padding:8px;font-size:13px}.conversation-search-results{flex:1;min-height:0;padding:16px 18px;font-size:13px;overflow-y:auto}.conversation-search input::-webkit-search-cancel-button{display:none}.conversation-search-result{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:8px;margin:12px 0;padding:12px}.conversation-search-result>div{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.conversation-search-result time,.conversation-search-result small{color:var(--muted)}.conversation-search-result p{white-space:pre-wrap}.conversation-search-result mark{color:#422006;background:#fef08a}.conversation-search-result{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer}.conversation-search-result:hover{border-color:var(--muted)}.conversation-search-result:focus-visible{outline-offset:2px;outline:2px solid}.conversation-search-result:disabled{cursor:wait;opacity:.65}.thread-header{border-bottom:1px solid var(--border);background:var(--surface);flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:9px 13px;display:flex}.thread-contact,.thread-actions{align-items:center;gap:8px;min-width:0;display:flex}.thread-contact>div{min-width:0}.thread-contact h2{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.thread-contact>div>span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:9.5px;display:flex;overflow:hidden}.channel-status{background:var(--muted-light);border-radius:50%;flex:none;width:6px;height:6px}.channel-status.online{background:#22c55e}.channel-status.attention{background:#f59e0b}.assignee-select{border:1px solid var(--border);background:var(--surface);border-radius:7px;align-items:center;gap:5px;min-height:36px;padding:4px 6px;display:flex}.assignee-select select{background:0 0;border:0;max-width:92px;font-size:10px;font-weight:600}.assignee-select>.mini-avatar{margin-left:0}.presence-banner{background:var(--warning-soft);min-height:31px;color:color-mix(in srgb, var(--warning) 72%, var(--foreground));border-bottom:1px solid #f5deac;flex:none;justify-content:center;align-items:center;gap:5px;font-size:9.5px;display:flex}.message-scroller-shell{flex:1;min-width:0;min-height:0;display:flex;position:relative}.message-scroller{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;background:radial-gradient(circle at 18% 10%, color-mix(in srgb, var(--primary) 3%, transparent), transparent 26%), var(--surface-subtle);flex:1;min-width:0;max-width:100%;min-height:0;scroll-padding-block:16px;overflow:clip auto}.message-log{flex-direction:column;gap:12px;width:min(100%,760px);min-width:0;max-width:100%;min-height:100%;margin:0 auto;padding:18px 24px 22px;display:flex}.message-marker{color:var(--muted-light);letter-spacing:.03em;text-align:center;text-transform:uppercase;align-items:center;gap:10px;font-size:9px;font-weight:700;display:flex}.message-marker:before,.message-marker:after{background:var(--border);content:"";flex:1;height:1px}.message-marker-system{text-transform:none}.message-marker-system span{border:1px solid var(--border);background:var(--surface);max-width:78%;color:var(--muted);letter-spacing:0;border-radius:5px;padding:5px 9px;font-weight:500}.message-row{width:100%;min-width:0;display:flex}.message-row-contact{align-items:flex-start;gap:7px}.message-row-agent{justify-content:flex-end}.message-block{width:fit-content;min-width:0;max-width:min(76%,560px)}.message-sender-avatar{border:1px solid var(--border);background:var(--primary-soft);width:28px;height:28px;color:var(--primary);border-radius:50%;flex:none;place-items:center;margin-top:17px;font-size:8px;font-weight:800;display:grid;position:relative;overflow:hidden}.message-sender-avatar img{border-radius:inherit;object-fit:cover}.message-meta{color:var(--muted-light);align-items:center;gap:7px;margin:0 3px 4px;font-size:8.5px;display:flex}.message-meta>span{color:var(--muted);font-weight:700}.message-row-agent .message-meta{justify-content:flex-end}.message-bubble{border:1px solid var(--border);min-width:min(80px,100%);max-width:100%;box-shadow:var(--shadow-sm);border-radius:10px;padding:9px 11px 6px;position:relative}.message-jump-latest{z-index:25;border:1px solid var(--border-strong);background:var(--surface-raised);width:38px;height:38px;color:var(--foreground-soft);box-shadow:var(--shadow-md);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:18px}.message-jump-latest:hover{border-color:var(--primary);color:var(--primary)}.message-jump-latest>span{background:var(--success);color:#fff;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:8px;font-weight:800;line-height:18px;position:absolute;top:-6px;right:-6px}.message-meta>small{color:var(--muted-light);font-size:7.5px;font-style:italic}.message-details-trigger{z-index:2;background:color-mix(in srgb, var(--surface) 82%, transparent);width:23px;height:23px;color:var(--muted);opacity:0;box-shadow:var(--shadow-sm);border:0;border-radius:50%;place-items:center;transition:opacity .15s,color .15s;display:grid;position:absolute;top:3px;right:4px}.message-actions{z-index:20;position:absolute;top:0;right:0}.message-actions .message-details-trigger{position:static}.message-actions-menu{z-index:30;border:1px solid var(--border);background:var(--surface-raised);width:176px;box-shadow:var(--shadow-md);border-radius:8px;position:absolute;top:26px;right:3px;overflow:hidden}.message-actions-menu>button{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--foreground-soft);text-align:left;background:0 0;align-items:center;gap:8px;padding:9px 10px;font-size:9.5px;display:flex}.message-actions-menu>button:last-child{border-bottom:0}.message-actions-menu>button:hover{background:var(--surface-subtle)}.message-actions-menu>button.is-danger{color:var(--danger)}.message-reaction-picker{border-bottom:1px solid var(--border);background:var(--surface-subtle);grid-template-columns:repeat(6,1fr);gap:2px;padding:7px;display:grid}.message-reaction-picker button{background:0 0;border:0;border-radius:999px;place-items:center;min-width:0;height:28px;font-size:16px;transition:background .12s,transform .12s;display:grid}.message-reaction-picker button:hover,.message-reaction-picker button:focus-visible{background:var(--surface);outline:none;transform:scale(1.12)}.message-bubble:hover .message-details-trigger,.message-details-trigger:focus-visible{color:var(--foreground-soft);opacity:1}.message-bubble:has(.message-details-trigger)>p:first-of-type{padding-right:20px}.message-bubble p{min-width:0;max-width:100%;color:var(--foreground-soft);overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;font-size:11.5px;line-height:1.56}.bubble-incoming{background:var(--surface);border-top-left-radius:3px}.bubble-outgoing{border-color:color-mix(in srgb, var(--primary) 18%, var(--border));background:var(--primary-soft);border-top-right-radius:3px}.bubble-footer{min-height:15px;color:var(--muted-light);justify-content:space-between;align-items:flex-end;gap:10px;margin-top:3px;display:flex}.delivery-status{font-size:8px}.delivery-read{color:var(--primary)}.message-bubble.has-reactions{margin-bottom:12px}.message-reactions{z-index:3;gap:3px;display:flex;position:absolute;bottom:-15px;left:9px}.bubble-outgoing .message-reactions{left:auto;right:9px}.message-reaction{border:1px solid var(--border);background:var(--surface-raised);min-width:28px;height:24px;box-shadow:var(--shadow-sm);border-radius:999px;justify-content:center;align-items:center;gap:3px;padding:1px 7px;font-size:15px;line-height:1;display:inline-flex}.message-reaction small{color:var(--muted);font-size:9px;font-weight:700}.message-attachment{border:1px solid color-mix(in srgb, var(--primary) 16%, var(--border));background:color-mix(in srgb, var(--surface) 76%, transparent);text-align:left;border-radius:7px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;width:min(100%,280px);margin-top:9px;padding:7px;display:grid}.message-attachment:hover{border-color:var(--primary)}.message-attachment:disabled{cursor:default;opacity:.68}.attachment-icon{background:color-mix(in srgb, var(--primary) 11%, var(--surface));width:34px;height:34px;color:var(--primary);border-radius:6px;place-items:center;display:grid}.attachment-copy{flex-direction:column;min-width:0;display:flex}.attachment-copy strong{color:var(--foreground-soft);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.attachment-copy small{color:var(--muted);font-size:8px}.attachment-action{color:var(--primary);font-size:8.5px;font-weight:700}.message-media{border:1px solid color-mix(in srgb, var(--primary) 14%, var(--border));background:color-mix(in srgb, var(--surface) 82%, transparent);border-radius:8px;width:min(100%,380px);min-width:0;margin-top:7px;position:relative;overflow:hidden}.media-state-loading{z-index:2;pointer-events:none;background:color-mix(in srgb, var(--surface) 34%, transparent);position:relative}.media-state-loading.is-overlay{min-height:100%;position:absolute;inset:0}.message-media-sticker{background:0 0;border-color:#0000;width:min(100%,190px)}.message-media-audio{width:340px;max-width:100%}.media-state{width:100%;min-height:72px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:7px;padding:12px;font-size:9.5px;display:flex}.media-retry{appearance:none;color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:0}.media-retry:hover{background:var(--primary-soft)}.message-media .spin,.message-attachment .spin{animation:.9s linear infinite control-spin}.media-image-frame{width:100%;max-height:390px;aspect-ratio:var(--media-aspect,4 / 3);background:var(--surface-subtle);position:relative;overflow:hidden}.media-image-open{appearance:none;width:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.media-image-open .media-image-frame{display:block}.media-expand-action{z-index:1;color:#fff;opacity:0;background:#0f172ab8;border-radius:6px;place-items:center;width:28px;height:28px;transition:opacity .14s;display:grid;position:absolute;top:8px;right:8px}.media-image-open:hover .media-expand-action,.media-image-open:focus-visible .media-expand-action{opacity:1}.media-image-frame img{object-fit:contain}.media-image-frame.is-loading img{opacity:.78}.media-lightbox{background:#0b1120;border:0;border-radius:10px;width:min(96vw,1180px);max-width:none;height:min(92vh,900px);max-height:none;padding:0;overflow:hidden}.media-lightbox::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020617db}.media-lightbox-content,.media-lightbox-image{width:100%;height:100%;position:relative}.media-lightbox-image img{object-fit:contain}.media-lightbox-close{z-index:2;color:#fff;cursor:pointer;background:#0f172ac7;border:1px solid #fff3;border-radius:7px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:12px;right:12px}.message-audio{width:100%;min-width:0;padding:10px;display:block}.message-media-audio .vsc-controller{display:none!important}.message-video{background:#0f172a;width:100%;max-height:390px;display:block}.media-caption{min-width:0;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:8.5px;display:flex}.media-caption>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.media-caption>span svg{flex:none}.media-caption a{width:27px;height:27px;color:var(--primary);border-radius:5px;flex:none;place-items:center;display:grid}.media-caption a:hover{background:var(--primary-soft)}.internal-note{background:var(--warning-soft);border:1px solid #f2d48c;border-left:3px solid #eab308;border-radius:6px;width:min(88%,620px);margin:2px auto;padding:8px 10px}.internal-note p{overflow-wrap:anywhere;word-break:break-word}.internal-note-head{color:var(--warning);justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:8px;font-weight:700;display:flex}.internal-note-head span:last-child{color:var(--muted);font-weight:500}.internal-note p{color:var(--foreground-soft);font-size:10.5px;line-height:1.5}.typing-indicator{border:1px solid var(--border);background:var(--surface);width:fit-content;box-shadow:var(--shadow-sm);border-radius:9px 9px 9px 3px;align-items:center;gap:3px;padding:10px 12px;display:flex}.typing-indicator span{background:var(--muted-light);border-radius:50%;width:5px;height:5px;animation:1.15s ease-in-out infinite typing}.typing-indicator span:nth-child(2){animation-delay:.12s}.typing-indicator span:nth-child(3){animation-delay:.24s}@keyframes typing{0%,70%,to{opacity:.5;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.composer{border-top:1px solid var(--border);background:var(--surface);flex:none;padding:0 13px 11px;position:relative}.composer-note{background:color-mix(in srgb, var(--warning-soft) 68%, var(--surface))}.composer-readonly{background:var(--surface-subtle)}.composer-readonly-notice{border-bottom:1px solid var(--border);min-height:36px;color:var(--muted);align-items:center;gap:7px;font-size:9.5px;display:flex}.composer-readonly textarea,.composer-readonly .composer-footer{background:var(--surface-subtle)}.composer-tabs{align-items:center;gap:4px;min-height:39px;display:flex}.composer-tabs>button{min-height:29px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:6px 8px 4px;font-size:10px;font-weight:700;display:inline-flex}.composer-tabs>button:hover{color:var(--foreground)}.composer-tabs>button.is-active{border-bottom-color:var(--primary);color:var(--primary)}.composer-note .composer-tabs>button.is-active{border-bottom-color:var(--warning);color:var(--warning)}.composer-channel{color:var(--muted-light);align-items:center;gap:4px;margin-left:auto;font-size:9px;display:flex}.composer-reply-preview{border-left:3px solid var(--primary);background:var(--surface-subtle);min-width:0;color:var(--primary);border-radius:5px;align-items:center;gap:9px;margin-bottom:7px;padding:7px 8px;display:flex}.message-album{width:min(400px,65vw);max-width:100%;padding-top:12px}.album-grid{border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid;overflow:hidden}.album-grid-1{grid-template-columns:1fr}.album-grid-3>:first-child{grid-row:span 2;height:100%}.album-tile{aspect-ratio:1;background:var(--surface);width:100%;color:var(--muted);cursor:pointer;border:0;padding:0;display:block;position:relative;overflow:hidden}.album-tile img,.album-tile video{object-fit:cover;width:100%;height:100%}.album-tile:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}.album-count{color:var(--muted);padding-top:6px;display:block}.album-media-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:8px;font-size:12px;display:flex;position:absolute;inset:0}.album-overflow{color:#fff;background:#00000080;place-items:center;font-size:32px;font-weight:600;display:grid;position:absolute;inset:0}.album-video-label{color:#fff;background:#000000b3;border-radius:4px;padding:2px 6px;position:absolute;bottom:8px;left:8px}.album-viewer{color:#fff;flex-direction:column;height:100%;display:flex}.album-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.album-toolbar-actions{gap:4px;display:flex}.album-toolbar button,.album-toolbar a,.album-stage>button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:44px;height:44px;display:grid}.album-toolbar button:hover,.album-toolbar a:hover,.album-stage>button:hover{background:#ffffff26}.album-lightbox button:focus-visible,.album-lightbox a:focus-visible{outline-offset:-2px;outline:2px solid #fff}.album-stage{flex:1;align-items:center;min-height:0;display:flex;position:relative}.album-stage>button{flex-shrink:0}.album-stage>button:disabled{opacity:.25;cursor:default}.album-full-media{flex:1;min-width:0;height:100%;position:relative}.album-full-media img,.album-full-media video{object-fit:contain;width:100%;height:100%}.album-description{text-align:center;flex-shrink:0;max-height:25%;padding:12px 16px;font-size:13px;overflow:auto}.album-description p{white-space:pre-wrap;overflow-wrap:anywhere}@media (max-width:480px){.album-toolbar{padding:4px}.album-stage>button{width:36px}.message-album{width:64vw}}.composer-reply-preview>span{flex:1;gap:1px;min-width:0;display:grid}.composer-reply-preview small,.composer-reply-preview>span>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.composer-reply-preview strong{font-size:10px}.composer textarea{resize:vertical;border:1px solid var(--border);background:var(--surface);border-radius:8px 8px 0 0;width:100%;min-height:67px;max-height:140px;padding:10px 11px;font-size:11.5px;line-height:1.45;display:block}.composer textarea:focus{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.composer-note textarea:focus{border-color:var(--warning);box-shadow:inset 0 0 0 1px var(--warning)}.composer-footer{border:1px solid var(--border);background:var(--surface);border-top:0;border-radius:0 0 8px 8px;justify-content:space-between;align-items:center;min-height:39px;padding:4px 5px 4px 7px;display:flex}.composer-tools,.send-area{align-items:center;gap:2px;display:flex}.send-area{gap:9px}.send-area>span{color:var(--muted-light);font-size:8px}.send-area kbd{padding-inline:3px;font-size:8px;line-height:14px}.send-button{min-height:31px;padding:5px 10px}.quick-reply-wrap{position:relative}.quick-reply-menu{z-index:60;border:1px solid var(--border);background:var(--surface-raised);width:310px;box-shadow:var(--shadow-md);border-radius:9px;position:absolute;bottom:calc(100% + 9px);left:0;overflow:hidden}.quick-reply-menu>div{border-bottom:1px solid var(--border);flex-direction:column;padding:10px 12px;display:flex}.quick-reply-menu>div strong{font-size:11px}.quick-reply-menu>div span{color:var(--muted);font-size:9px}.quick-reply-menu>button{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--foreground-soft);text-align:left;background:0 0;padding:9px 12px;font-size:10px;line-height:1.4;display:block}.quick-reply-menu>button:last-child{border-bottom:0}.quick-reply-menu>button:hover{background:var(--primary-soft);color:var(--primary)}.composer-input-wrap{position:relative}.composer-input-wrap>textarea{width:100%}.mention-picker{z-index:20;border:1px solid var(--border);background:var(--surface);border-radius:12px;width:min(360px,100% - 24px);max-height:280px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:12px;overflow-y:auto;box-shadow:0 16px 40px #0f172a2e}.mention-picker>button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.mention-picker>button:hover,.mention-picker>button.is-active{background:var(--surface-subtle)}.mention-picker>button>span:last-child{min-width:0;display:grid}.mention-picker strong,.mention-picker small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-quote{border:0;border-left:3px solid var(--primary);background:color-mix(in srgb, var(--surface) 72%, transparent);width:calc(100% - 16px);min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:4px;flex-direction:column;gap:2px;margin:-2px 19px 7px -3px;padding:6px 8px;display:flex}.message-quote:hover{background:color-mix(in srgb, var(--primary-soft) 72%, var(--surface))}.message-quote:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.message-quote strong{color:var(--primary);font-size:9px}.message-quote span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.message-row.is-quoted-target .message-bubble{animation:2.2s ease-out quoted-message-focus}@keyframes quoted-message-focus{0%,28%{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 24%, transparent), var(--shadow-sm)}to{border-color:var(--border);box-shadow:var(--shadow-sm)}}@media (prefers-reduced-motion:reduce){.message-row.is-quoted-target .message-bubble{outline:3px solid color-mix(in srgb, var(--primary) 45%, transparent);animation:none}}.emoji-picker-wrap{position:relative}.emoji-picker{z-index:60;border:1px solid var(--border);background:var(--surface-raised);width:258px;box-shadow:var(--shadow-md);border-radius:10px;grid-template-columns:repeat(10,1fr);gap:2px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 9px);left:-74px}.emoji-picker button{background:0 0;border:0;border-radius:5px;place-items:center;width:22px;height:25px;padding:0;font-size:16px;line-height:1;display:grid}.emoji-picker button:hover,.emoji-picker button:focus-visible{background:var(--primary-soft)}.composer-recording{border:1px solid color-mix(in srgb, var(--danger) 34%, var(--border));background:color-mix(in srgb, var(--danger) 7%, var(--surface));min-height:48px;color:var(--foreground-soft);border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:7px 9px;font-size:10px;display:flex}.composer-recording time{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:auto}.composer-recording .button{min-height:29px;padding:5px 8px}.recording-pulse{background:var(--danger);width:9px;height:9px;box-shadow:0 0 0 0 color-mix(in srgb, var(--danger) 42%, transparent);border-radius:999px;flex:none;animation:1.3s ease-out infinite recording-pulse}.icon-button.is-recording{background:color-mix(in srgb, var(--danger) 12%, var(--surface));color:var(--danger)}@keyframes recording-pulse{70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.details-panel{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;overflow-y:auto}.details-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:52px;padding:0 14px;display:flex}.details-head h2{font-size:13px;font-weight:600}.details-close{display:none}.contact-profile{border-bottom:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;padding:18px 14px 15px;display:flex}.contact-profile h3{margin-top:8px;font-size:13px;font-weight:600}.contact-profile p{-webkit-line-clamp:2;max-width:240px;color:var(--muted);-webkit-box-orient:vertical;font-size:9.5px;display:-webkit-box;overflow:hidden}.contact-profile>div{gap:6px;margin-top:10px;display:flex}.contact-profile .icon-button{width:32px;height:32px}.detail-section{border-bottom:1px solid var(--border);padding:13px 14px}.detail-section h4{color:var(--muted);font-family:var(--font-body);letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px;font-size:9px;font-weight:700}.detail-row,.detail-select{min-height:30px;color:var(--foreground-soft);justify-content:space-between;align-items:center;gap:8px;font-size:9.5px;display:flex}.detail-row>span,.detail-select>span{color:var(--muted);align-items:center;gap:7px;display:flex}.detail-row strong{font-size:9px}.detail-select{position:relative}.detail-select select{text-align:right;appearance:none;background:0 0;border:0;max-width:116px;padding-right:15px;font-size:9.5px;font-weight:700}.detail-select>svg:last-child{pointer-events:none;position:absolute;right:0}.tags-wrap{flex-wrap:wrap;gap:5px;display:flex}.tag-chip,.tag-add{border:1px solid var(--border);background:var(--surface-subtle);min-height:25px;color:var(--foreground-soft);border-radius:5px;align-items:center;gap:4px;padding:3px 7px;font-size:8.5px;font-weight:600;display:inline-flex}.tag-chip:hover,.tag-add:hover{border-color:var(--primary);color:var(--primary)}.tag-add{justify-content:center;width:26px;padding:3px}.detail-copy{flex-direction:column;min-height:32px;display:flex}.detail-copy span{color:var(--muted-light);font-size:8px}.detail-copy strong{color:var(--foreground-soft);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:600;overflow:hidden}.participant-list{flex-direction:column;gap:8px;display:flex}.participant-row{grid-template-columns:26px minmax(0,1fr);align-items:center;gap:7px;display:grid}.participant-row>span:last-child,.group-channel-cell{flex-direction:column;min-width:0;display:flex}.participant-row strong,.group-channel-cell strong{color:var(--foreground-soft);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.participant-row small,.group-channel-cell small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;overflow:hidden}.participant-more,.group-jid{margin-top:10px}.group-jid strong{overflow-wrap:anywhere;white-space:normal}.channel-detail{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.channel-logo{color:#07864f;background:#e8fbf1;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.app-root[data-theme=dark] .channel-logo{color:#4ade80;background:#06351f}.channel-detail>span:nth-child(2),.channel-identity>span:last-child,.channel-mini-row>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.channel-detail strong,.channel-mini-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.channel-detail small,.channel-mini-row small{color:var(--muted);font-size:8px}.connection-label,.health-label,.presence-label,.rule-state{border-radius:4px;align-items:center;min-height:22px;padding:2px 6px;font-size:8px;font-weight:700;display:inline-flex}.connection-label.connected,.health-label.connected,.presence-label.online,.rule-state.active{background:var(--accent-soft);color:var(--accent)}.connection-label.attention,.health-label.attention,.presence-label.busy{background:var(--warning-soft);color:var(--warning)}.connection-label.offline,.health-label.offline,.presence-label.offline,.rule-state.paused{background:var(--surface-subtle);color:var(--muted)}.capacity>span,.team-health-row>div>span{background:var(--border);border-radius:3px;height:5px;margin-top:5px;display:block;overflow:hidden}.capacity>span i,.team-health-row>div>span i{border-radius:inherit;background:var(--accent);height:100%;display:block}.details-history{background:var(--surface-subtle);width:calc(100% - 28px);min-height:36px;color:var(--foreground-soft);border:0;border-radius:6px;align-items:center;gap:7px;margin:12px 14px 20px;padding:7px 9px;font-size:9.5px;font-weight:600;display:flex}.details-history svg:last-child{margin-left:auto}.details-head h2{flex:1}.group-description{color:var(--foreground-soft);overflow-wrap:anywhere;white-space:pre-wrap;font-size:10px;line-height:1.55}.message-data-preview{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));background:var(--primary-soft);border-radius:9px;margin:14px;padding:11px}.message-data-preview p{color:var(--foreground-soft);overflow-wrap:anywhere;white-space:pre-wrap;font-size:10.5px;line-height:1.5}.message-data-preview time{color:var(--muted);text-align:right;margin-top:6px;font-size:8px;display:block}.message-status-summary,.receipt-row,.asset-link,.asset-file{align-items:center;gap:9px;display:flex}.message-status-summary>svg,.receipt-row>svg{color:var(--primary);flex:none}.message-status-summary>span,.receipt-row>span,.asset-link>span,.asset-file>span{flex-direction:column;min-width:0;display:flex}.message-status-summary strong,.receipt-row strong,.asset-link strong,.asset-file strong{color:var(--foreground-soft);font-size:9.5px}.message-status-summary small,.receipt-row small,.asset-link small,.asset-file small{color:var(--muted);font-size:8px}.receipt-list{flex-direction:column;gap:11px;display:flex}.receipt-limit,.details-error,.details-loading,.asset-empty{background:var(--surface-subtle);color:var(--muted);border-radius:7px;align-items:flex-start;gap:8px;margin:13px 14px;padding:10px;font-size:9px;line-height:1.45;display:flex}.receipt-limit>svg{color:var(--primary);flex:none}.details-error{background:var(--danger-soft);color:var(--danger)}.details-loading{align-items:center}.asset-tabs{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:4px;padding:10px 12px;display:grid}.asset-tabs button{min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:6px;font-size:9px;font-weight:700}.asset-tabs button.is-active{background:var(--primary-soft);color:var(--primary)}.asset-list{flex-direction:column;gap:7px;padding:12px;display:flex}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.asset-link,.asset-file{border:1px solid var(--border);min-width:0;color:var(--primary);border-radius:7px;padding:9px;text-decoration:none}.asset-link strong,.asset-file strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-thumbnail{aspect-ratio:1;background:var(--surface-subtle);border-radius:7px;display:block;position:relative;overflow:hidden}.asset-thumbnail img{object-fit:cover}.asset-thumbnail span{color:#fff;background:#0000009e;border-radius:4px;padding:2px 4px;font-size:7px;position:absolute;bottom:4px;right:4px}.asset-load-more{width:calc(100% - 24px);margin:0 12px 14px}.empty-state{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.compact-empty{min-height:260px;padding:24px}.empty-icon{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);border-radius:10px;place-items:center;margin-bottom:10px;display:grid}.empty-state h3{color:var(--foreground);font-size:13px}.empty-state p{max-width:230px;margin:4px 0 12px;font-size:10px}.page-scroll{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;min-height:0;overflow-y:auto}.page-container{width:min(100%,1420px);margin:0 auto;padding:26px 30px 42px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.page-heading h2{letter-spacing:-.6px;font-size:23px;font-weight:600}.page-heading p{color:var(--muted);margin-top:4px;font-size:11.5px}.page-heading-actions{align-items:center;gap:8px;display:flex}.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:10px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-heading h3{font-size:13px;font-weight:600}.panel-heading p{color:var(--muted);margin-top:2px;font-size:9.5px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{border:1px solid var(--border);background:var(--surface);min-height:118px;box-shadow:var(--shadow-sm);border-radius:9px;grid-template-rows:auto auto auto;grid-template-columns:38px minmax(0,1fr);column-gap:10px;padding:14px;display:grid}.metric-icon{border-radius:8px;grid-row:1/3;place-items:center;width:36px;height:36px;display:grid}.metric-icon.blue,.activity-icon.blue{background:var(--primary-soft);color:var(--primary)}.metric-icon.green,.activity-icon.green{background:var(--accent-soft);color:var(--accent)}.metric-icon.purple,.activity-icon.purple{background:color-mix(in srgb, var(--secondary) 12%, var(--surface));color:var(--secondary)}.metric-icon.orange,.activity-icon.orange{background:var(--warning-soft);color:var(--warning)}.metric-label{color:var(--muted);font-size:9.5px;font-weight:600}.metric-card>strong{font-family:var(--font-heading);letter-spacing:-.5px;font-size:22px;font-weight:600}.metric-trend{color:var(--muted);grid-column:2;margin-top:5px;font-size:8.5px}.metric-trend.green{color:var(--accent)}.metric-trend.orange{color:var(--warning)}.dashboard-stack,.groups-stack,.channels-stack,.automation-stack,.nps-stack,.communication-stack,.reports-stack{flex-direction:column;gap:14px;display:flex}.nps-hero{background:linear-gradient(135deg, var(--surface), color-mix(in srgb, var(--primary) 7%, var(--surface)));justify-content:space-between;align-items:center;gap:24px;padding:20px;display:flex}.nps-dashboard-grid,.nps-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.nps-gauge-card{min-height:300px;padding:18px 20px}.stress-spotlight-card{background:linear-gradient(145deg, var(--surface), color-mix(in srgb, #f97316 7%, var(--surface)));min-height:300px;padding:18px 20px}.stress-coverage-card{min-height:300px;padding:18px 20px}.stress-gauge-card{background:linear-gradient(145deg, var(--surface), color-mix(in srgb, #f97316 5%, var(--surface)));min-height:300px;padding:18px 20px}.stress-gauge-dial{width:250px;height:142px;margin:24px auto 0;position:relative}.stress-gauge-arc{width:230px;height:115px;position:absolute;top:0;left:10px;overflow:hidden}.stress-gauge-arc:before{content:"";background:conic-gradient(from 270deg,#4ade80 0deg 45deg,#fbbf24 45deg 90deg,#fb923c 90deg 135deg,#fb7185 135deg 180deg,#0000 180deg 360deg);border-radius:50%;width:230px;height:230px;position:absolute}.stress-gauge-arc:after{background:var(--surface);content:"";border-radius:50%;width:192px;height:192px;position:absolute;top:19px;left:19px}.stress-gauge-reading{z-index:3;flex-direction:column;align-items:center;display:flex;position:absolute;top:50px;left:0;right:0}.stress-gauge-reading strong{font-family:var(--font-heading);font-size:31px;line-height:1}.stress-gauge-reading small{margin-top:5px;font-size:8px;font-weight:800}.stress-gauge-reading small.stress-text-healthy{color:var(--accent)}.stress-gauge-reading small.stress-text-attention{color:var(--warning)}.stress-gauge-reading small.stress-text-high{color:#ea580c}.stress-gauge-reading small.stress-text-critical{color:var(--danger)}.stress-gauge-needle{z-index:2;background:var(--foreground-soft);transform-origin:0;border-radius:3px;width:88px;height:3px;transition:transform .42s;position:absolute;top:112px;left:50%}.stress-gauge-pivot{z-index:4;border:3px solid var(--surface);background:var(--foreground-soft);border-radius:50%;width:14px;height:14px;position:absolute;top:106px;left:calc(50% - 7px)}.stress-gauge-min,.stress-gauge-mid,.stress-gauge-max{color:var(--muted);font-size:8px;position:absolute;top:126px}.stress-gauge-min{left:4px}.stress-gauge-mid{left:calc(50% - 5px)}.stress-gauge-max{right:0}.stress-gauge-card>p{color:var(--foreground-soft);text-align:center;font-size:9px;line-height:1.45}.stress-gauge-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:8px;display:flex}.stress-gauge-footer b{color:var(--foreground)}.stress-map-panel{min-height:230px;padding:17px}.stress-map-bar{background:var(--surface-subtle);border-radius:999px;height:14px;margin-top:31px;display:flex;overflow:hidden}.stress-map-bar>span{min-width:3px}.stress-map-healthy{background:#4ade80}.stress-map-attention{background:#fbbf24}.stress-map-high{background:#fb923c}.stress-map-critical{background:#fb7185}.stress-map-legend{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.stress-map-legend>button{border:1px solid var(--border);color:var(--muted);background:var(--surface);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:6px;padding:8px;font-size:8px;display:grid}.stress-map-legend>button:hover,.stress-map-legend>button[aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--surface))}.stress-map-legend>button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--primary)}.stress-map-legend>button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.stress-map-filter-hint{color:var(--muted);margin:10px 0 0;font-size:10px}.stress-map-legend i{border-radius:50%;width:8px;height:8px}.stress-map-legend strong{color:var(--foreground);font-size:12px}.stress-map-summary{background:color-mix(in srgb, #f97316 8%, var(--surface));color:#ea580c;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:16px;padding:10px;font-size:9px;display:grid}.stress-map-summary small{color:var(--muted);font-size:8px}@media (max-width:560px){.stress-map-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.stress-map-summary{grid-template-columns:auto 1fr}.stress-map-summary small{grid-column:2}}.stress-coverage-total{align-items:flex-end;gap:10px;margin-top:43px;display:flex}.stress-coverage-total>strong{color:var(--primary);font-family:var(--font-heading);font-size:52px;line-height:.9}.stress-coverage-total>span{color:var(--muted);font-size:11px}.stress-coverage-total b{color:var(--foreground)}.stress-coverage-track{background:var(--surface-subtle);border-radius:999px;height:10px;margin-top:24px;overflow:hidden}.stress-coverage-track span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--secondary));height:100%;display:block}.stress-coverage-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.stress-coverage-summary span{background:var(--surface-subtle);color:var(--muted);border-radius:8px;padding:10px;font-size:8px}.stress-coverage-summary b{color:var(--foreground);font-family:var(--font-heading);margin-bottom:3px;font-size:15px;display:block}.stress-coverage-card>p{color:var(--muted);margin-top:17px;font-size:9px;line-height:1.5}.stress-spotlight-score{align-items:center;gap:16px;margin-top:30px;display:flex}.stress-spotlight-score>strong{background:color-mix(in srgb, #f97316 13%, var(--surface));color:#ea580c;width:76px;height:76px;font-family:var(--font-heading);border-radius:22px;place-items:center;font-size:30px;display:grid}.stress-spotlight-score>span{flex-direction:column;gap:5px;display:flex}.stress-spotlight-score b{color:#ea580c;font-size:13px}.stress-spotlight-score small{color:var(--muted);font-size:9px}.stress-spotlight-card>p{color:var(--foreground-soft);margin-top:20px;font-size:10px;line-height:1.55}.stress-topic-list{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.stress-topic-list span{background:var(--surface-subtle);color:var(--muted);border-radius:999px;padding:5px 8px;font-size:8px;font-weight:700}.stress-spotlight-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:19px;padding-top:13px;font-size:9px;display:flex}.stress-spotlight-footer strong{color:var(--foreground)}.nps-gauge-card>p{color:var(--muted);text-align:center;margin-top:8px;font-size:9px}.nps-gauge{width:230px;height:122px;margin:27px auto 0;position:relative;overflow:hidden}.nps-gauge-arc{background:conic-gradient(from 270deg,#fb7185 0deg 68deg,#fbbf24 68deg 104deg,#4ade80 104deg 180deg,#0000 180deg 360deg);border-radius:50%;width:230px;height:230px;position:absolute}.nps-gauge-card.scale-stress .nps-gauge-arc{background:conic-gradient(from 270deg,#4ade80 0deg 45deg,#fbbf24 45deg 90deg,#fb923c 90deg 135deg,#fb7185 135deg 180deg,#0000 180deg 360deg)}.nps-gauge-arc>span{background:var(--surface);border-radius:50%;position:absolute;inset:20px}.nps-gauge-needle{z-index:2;background:var(--foreground-soft);transform-origin:0;border-radius:3px;width:86px;height:3px;transition:transform .42s;position:absolute;bottom:6px;left:50%}.nps-gauge-needle:after{border:3px solid var(--surface);background:var(--foreground-soft);content:"";border-radius:50%;width:13px;height:13px;position:absolute;top:-5px;left:-6px}.nps-gauge-value{z-index:3;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.nps-gauge-value strong{font-family:var(--font-heading);font-size:32px;line-height:1}.nps-gauge-value small{color:var(--muted);margin-top:4px;font-size:8px}.nps-gauge-scale{width:248px;color:var(--muted);justify-content:space-between;margin:3px auto 0;font-size:8px;display:flex}.nps-breakdown-panel,.nps-attention-panel{min-height:230px;padding:17px}.nps-data-state{background:var(--warning-soft);color:var(--warning);border-radius:999px;padding:5px 8px;font-size:8px;font-weight:700}.nps-breakdown-bar{background:var(--surface-subtle);border-radius:5px;height:16px;margin-top:38px;display:flex;overflow:hidden}.nps-breakdown-bar .detractors,.nps-breakdown-legend i.detractors{background:#fb7185}.nps-breakdown-bar .passives,.nps-breakdown-legend i.passives{background:#fbbf24}.nps-breakdown-bar .promoters,.nps-breakdown-legend i.promoters{background:#4ade80}.nps-breakdown-bar .non-responses,.nps-breakdown-legend i.non-responses{background:#475569}.nps-breakdown-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 22px;margin-top:25px;display:grid}.nps-breakdown-legend span{color:var(--muted);grid-template-columns:8px 1fr auto;align-items:center;gap:7px;font-size:9px;display:grid}.nps-breakdown-legend i{border-radius:50%;width:8px;height:8px}.nps-breakdown-legend strong{color:var(--foreground)}.nps-attention-list{flex-direction:column;margin-top:13px;display:flex}.nps-attention-list>button{border:0;border-top:1px solid var(--border);color:inherit;text-align:left;background:0 0;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 0;display:grid}.nps-attention-list>button:hover{background:var(--surface-subtle)}.nps-attention-list>button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.nps-attention-list>button strong{font-size:9px}.nps-attention-list>button small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.nps-attention-signals{gap:4px;display:flex}.nps-attention-signals b{background:var(--primary-soft);color:var(--primary);border-radius:4px;padding:3px 5px;font-size:7.5px}.nps-attention-signals b.offline{background:var(--danger-soft);color:var(--danger)}.nps-attention-signals b.stress-healthy,.stress-pill.stress-healthy{background:var(--accent-soft);color:var(--accent)}.nps-attention-signals b.stress-attention,.stress-pill.stress-attention{background:var(--warning-soft);color:var(--warning)}.nps-attention-signals b.stress-high,.stress-pill.stress-high{background:color-mix(in srgb, #f97316 13%, var(--surface));color:#ea580c}.nps-attention-signals b.stress-critical,.stress-pill.stress-critical{background:var(--danger-soft);color:var(--danger)}.stress-pill{border-radius:5px;padding:4px 6px;font-size:8px;font-weight:800}.nps-hero h3{margin-top:3px;font-size:21px}.nps-hero p,.nps-toolbar p{color:var(--muted);margin-top:4px;font-size:10px}.nps-coverage{flex-direction:column;align-items:flex-end;min-width:132px;display:flex}.nps-coverage strong{color:var(--primary);font-family:var(--font-heading);font-size:29px}.nps-coverage small{color:var(--muted);font-size:9px}.nps-portfolio-panel{overflow:hidden}.nps-platform-switch{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:11px;justify-content:space-between;align-items:center;gap:18px;padding:12px 14px;display:flex}.nps-platform-switch>div:first-child{flex-direction:column;gap:2px;display:flex}.nps-platform-switch>div:first-child strong{font-size:12px}.nps-platform-switch [role=tablist]{background:var(--background);border-radius:9px;flex-wrap:wrap;justify-content:flex-end;gap:5px;padding:4px;display:flex}.nps-platform-switch [role=tab]{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;padding:8px 10px;font-size:9px;font-weight:700;display:flex}.nps-platform-switch [role=tab] b{background:color-mix(in srgb, var(--foreground) 7%, transparent);border-radius:999px;place-items:center;min-width:22px;height:20px;font-size:8px;display:grid}.nps-platform-switch [role=tab].is-active{border-color:var(--border);background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.nps-account-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;display:grid}.nps-account-grid>button{border:1px solid var(--border);background:var(--surface);min-width:0;color:inherit;text-align:left;box-shadow:var(--shadow-sm);border-radius:9px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px;display:grid}.nps-account-grid>button:hover,.nps-account-grid>button.is-active{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));background:var(--primary-soft)}.nps-account-avatar{background:color-mix(in srgb, var(--secondary) 14%, var(--surface));width:31px;height:31px;color:var(--secondary);border-radius:50%;place-items:center;font-size:8px;font-weight:800;display:grid}.nps-account-grid>button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.nps-account-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.nps-account-grid small{color:var(--muted);margin-top:2px;font-size:7.5px}.nps-account-grid b{color:var(--primary);font-family:var(--font-heading);font-size:17px}.nps-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:13px 16px;display:flex}.nps-toolbar h3{font-size:13px}.nps-filters{align-items:center;gap:8px;display:flex}.nps-filters .search-field{width:220px}.nps-filters select{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--foreground-soft);border-radius:7px;padding:0 28px 0 10px;font-size:9px}.nps-client-list{flex-direction:column;display:flex}.nps-client-row{border-bottom:1px solid var(--border);grid-template-columns:34px minmax(190px,.7fr) minmax(280px,1.3fr) auto;align-items:center;gap:12px;min-height:66px;padding:10px 15px;display:grid}.nps-client-row:last-child{border-bottom:0}.nps-client-row.is-missing{background:color-mix(in srgb, var(--surface-subtle) 55%, transparent)}.nps-client-avatar{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border-radius:8px;place-items:center;font-size:9px;font-weight:700;display:grid}.is-missing .nps-client-avatar{background:var(--surface-subtle);color:var(--muted)}.nps-client-copy{flex-direction:column;min-width:0;display:flex}.nps-client-copy strong{font-size:10px}.nps-account-label{background:color-mix(in srgb, var(--secondary) 10%, var(--surface));width:max-content;color:var(--secondary);border-radius:999px;margin-top:3px;padding:2px 6px;font-size:7.5px;font-weight:700}.nps-client-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8.5px;overflow:hidden}.nps-client-insights{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.nps-client-insights>span:not(.attention-pill){background:var(--surface-subtle);color:var(--muted);border-radius:5px;padding:4px 6px;font-size:8px}.nps-client-insights .nps-channel-status.status-connected{background:var(--accent-soft);color:var(--accent)}.nps-client-insights .nps-channel-status.status-attention{background:var(--warning-soft);color:var(--warning)}.nps-discovery-label,.nps-duplicate{color:var(--muted);font-size:8px}.nps-duplicate{grid-column:3}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:14px;display:grid}.volume-panel,.queue-health,.activity-panel,.setup-panel,.area-chart-panel,.ranking-panel{min-height:330px;padding:17px}.select-button{border:1px solid var(--border);background:var(--surface);min-height:31px;color:var(--muted);border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:600;display:flex}.chart-legend{gap:14px;margin-top:17px;display:flex}.chart-legend span{color:var(--muted);align-items:center;gap:5px;font-size:8.5px;display:flex}.chart-legend i{border-radius:2px;width:7px;height:7px}.legend-blue{background:var(--primary)}.legend-green{background:var(--accent)}.bar-chart{background:repeating-linear-gradient(to top, transparent 0, transparent 49px, var(--border) 50px);grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;height:224px;margin-top:10px;display:grid}.bar-column{flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.bar-column>div{justify-content:center;align-items:flex-end;gap:4px;width:100%;height:185px;display:flex}.bar-column>div span{background:var(--primary);border-radius:4px 4px 1px 1px;width:min(17px,37%);transition:opacity .16s,transform .16s}.bar-column>div span:last-child{background:var(--accent)}.bar-column:hover>div span{opacity:.82;transform:scaleX(1.08)}.bar-column small{color:var(--muted);font-size:8px}.team-health-list{margin-top:11px}.team-health-row{border-bottom:1px solid var(--border);grid-template-columns:34px minmax(0,.9fr) minmax(80px,1fr);align-items:center;gap:9px;padding:15px 0;display:grid}.team-health-row:last-child{border-bottom:0}.team-icon{background:color-mix(in srgb, var(--team-color) 12%, var(--surface));width:32px;height:32px;color:var(--team-color);border-radius:7px;flex:none;place-items:center;display:grid}.team-health-row>span:nth-child(2),.activity-row>span:nth-child(2),.member-row>span:nth-child(2),.rule-copy,.settings-list button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.team-health-row strong{font-size:10px}.team-health-row small{color:var(--muted);font-size:8px}.team-health-row>div>span{margin-top:0}.team-health-row>div>small{text-align:right;margin-top:4px;display:block}.lower-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.activity-panel{min-height:302px}.live-label{color:var(--accent);text-transform:uppercase;align-items:center;gap:5px;font-size:8px;font-weight:700;display:inline-flex}.live-label>span{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);border-radius:50%}.activity-list{margin-top:10px}.activity-row{border-bottom:1px solid var(--border);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:54px;display:grid}.activity-row:last-child{border-bottom:0}.activity-icon{border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.activity-row strong{font-size:9.5px}.activity-row small,.activity-row time{color:var(--muted);font-size:8px}.setup-panel{border-color:color-mix(in srgb, var(--primary) 20%, var(--border));background:linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--primary-soft) 56%, var(--surface)));min-height:302px;position:relative;overflow:hidden}.setup-panel:after{border:28px solid color-mix(in srgb, var(--primary) 5%, transparent);content:"";border-radius:50%;width:170px;height:170px;position:absolute;bottom:-65px;right:-50px}.setup-illustration{background:var(--primary);color:#fff;width:54px;height:54px;box-shadow:0 12px 24px color-mix(in srgb, var(--primary) 24%, transparent);border-radius:13px;place-items:center;margin-bottom:13px;display:grid}.eyebrow{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800}.setup-panel h3{margin-top:3px;font-size:15px}.setup-panel>p{color:var(--muted);margin-top:7px;font-size:9.5px;line-height:1.55}.setup-checks{flex-wrap:wrap;gap:5px 10px;margin:12px 0;display:flex}.setup-checks span{color:var(--accent);align-items:center;gap:4px;font-size:8.5px;font-weight:700;display:flex}.setup-checks .is-pending{color:var(--warning)}.setup-panel .button{z-index:1;position:relative}.unread-summary{z-index:1;color:var(--muted);margin-top:10px;font-size:7.5px;display:block;position:relative}.data-panel{overflow:hidden}.data-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:68px;padding:12px 14px;display:flex}.wide-search{width:min(420px,100%)}.data-toolbar>div{gap:7px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:10px}th{background:var(--surface-subtle);height:38px;color:var(--muted);letter-spacing:.05em;text-align:left;text-transform:uppercase;font-size:8px;font-weight:700}th,td{border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 12px}tbody tr:hover{background:var(--surface-subtle)}tbody tr:last-child td{border-bottom:0}.table-contact{align-items:center;gap:8px;display:flex}.table-contact>span:last-child{flex-direction:column;display:flex}.table-contact strong{font-size:10px}.table-contact small{color:var(--muted);font-size:8px}.table-tags{gap:4px;display:flex}.table-tags span{border:1px solid var(--border);background:var(--surface-subtle);color:var(--foreground-soft);border-radius:4px;padding:2px 5px;font-size:8px}.groups-team-filter{min-width:170px}.group-table-avatar{border-radius:10px}.attention-pill{border-radius:5px;align-items:center;gap:2px;min-height:23px;padding:3px 7px;font-size:8px;font-weight:700;display:inline-flex}.attention-pill.mention{color:#6d28d9;background:#ede9fe}.attention-pill.unread{background:var(--primary-soft);color:var(--primary)}.attention-pill.quiet{background:var(--surface-subtle);color:var(--muted)}.app-root[data-theme=dark] .attention-pill.mention{color:#c4b5fd;background:#2e1065}.table-pagination{border-top:1px solid var(--border);min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;font-size:8.5px;display:flex}.groups-panel .text-button{min-height:28px}.table-empty{min-height:120px;color:var(--muted);justify-content:center;align-items:center;gap:9px;display:flex}.table-empty>span{flex-direction:column;display:flex}.table-empty strong{color:var(--foreground-soft);font-size:10px}.table-empty small{font-size:8.5px}.teams-layout{grid-template-columns:minmax(250px,.34fr) minmax(0,.66fr);align-items:start;gap:14px;display:grid}.teams-list-panel,.team-detail-panel{overflow:hidden}.teams-list-panel>.panel-heading{border-bottom:1px solid var(--border);min-height:66px;padding:12px 14px}.teams-list{padding:5px 0}.team-list-item{text-align:left;background:0 0;border:0;border-left:3px solid #0000;grid-template-columns:34px minmax(0,1fr) auto 17px;align-items:center;gap:9px;width:100%;min-height:64px;padding:8px 11px;display:grid}.team-list-item:hover{background:var(--surface-subtle)}.team-list-item.is-selected{border-left-color:var(--primary);background:var(--primary-soft)}.team-list-item>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.team-list-item strong{font-size:10.5px}.team-list-item small{color:var(--muted);font-size:8px}.team-open-count{border:1px solid var(--border);background:var(--surface);min-width:24px;height:22px;color:var(--muted);border-radius:5px;place-items:center;padding:0 5px;font-size:8px;font-weight:700;display:grid}.teams-tip{border:1px solid color-mix(in srgb, var(--primary) 17%, var(--border));background:var(--primary-soft);color:var(--primary);border-radius:7px;gap:8px;margin:9px 11px 12px;padding:9px;display:flex}.teams-tip p{color:var(--muted);flex-direction:column;font-size:8px;display:flex}.teams-tip strong{color:var(--foreground-soft);font-size:9px}.team-detail-head{border-bottom:1px solid var(--border);grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:102px;padding:16px;display:grid}.team-icon-lg{border-radius:11px;width:48px;height:48px}.team-detail-head h3{margin-top:1px;font-size:16px}.team-detail-head p{color:var(--muted);font-size:9.5px}.team-stats{border-bottom:1px solid var(--border);background:var(--surface-subtle);grid-template-columns:repeat(3,1fr);display:grid}.team-stats>div{border-right:1px solid var(--border);flex-direction:column;justify-content:center;min-height:82px;padding:12px 16px;display:flex}.team-stats>div:last-child{border-right:0}.team-stats span,.team-stats small{color:var(--muted);font-size:8px}.team-stats strong{font-family:var(--font-heading);font-size:19px;font-weight:600}.team-stats .stat-text{font-family:var(--font-body);margin-top:2px;font-size:11px}.team-detail-section{padding:16px}.team-detail-section+.team-detail-section{border-top:1px solid var(--border)}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.section-heading h4{font-size:11px}.section-heading span{color:var(--muted);font-size:8.5px;display:block}.member-list,.team-channel-list,.team-group-list{border:1px solid var(--border);border-radius:7px;overflow:hidden}.team-group-row{border-bottom:1px solid var(--border);grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:52px;padding:7px 9px;display:grid}.team-group-row:last-child{border-bottom:0}.team-group-row>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.team-group-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.team-group-row small{color:var(--muted);font-size:7.5px}.member-row{border-bottom:1px solid var(--border);grid-template-columns:34px minmax(110px,1fr) auto minmax(100px,.7fr) 34px;align-items:center;gap:9px;min-height:55px;padding:7px 9px;display:grid}.member-row:last-child,.channel-mini-row:last-child{border-bottom:0}.member-row strong{font-size:9.5px}.member-row small,.capacity small{color:var(--muted);font-size:7.5px}.capacity>span{margin:0 0 3px}.capacity>span i{background:var(--primary)}.channel-mini-row{border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr) auto 34px;align-items:center;gap:8px;min-height:55px;padding:7px 9px;display:grid}.inline-empty{border:1px dashed var(--border-strong);color:var(--muted);border-radius:7px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:13px;display:grid}.inline-empty>span{flex-direction:column;display:flex}.inline-empty strong{color:var(--foreground-soft);font-size:9.5px}.inline-empty small{font-size:8px}.channel-summary-strip{border:1px solid var(--border);background:var(--border);box-shadow:var(--shadow-sm);border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:1px;display:grid;overflow:hidden}.channel-summary-strip>div{background:var(--surface);align-items:center;gap:9px;min-height:78px;padding:12px 14px;display:flex}.channel-summary-strip>div>span:last-child{flex-direction:column;display:flex}.channel-summary-strip strong{font-size:10.5px}.channel-summary-strip small{color:var(--muted);font-size:8px}.summary-icon,.automation-hero-icon,.settings-icon{border-radius:9px;flex:none;place-items:center;width:38px;height:38px;display:grid}.summary-icon.green{background:var(--accent-soft);color:var(--accent)}.summary-icon.orange{background:var(--warning-soft);color:var(--warning)}.summary-icon.blue{background:var(--primary-soft);color:var(--primary)}.summary-icon.purple{color:#6d28d9;background:#ede9fe}.app-root[data-theme=dark] .summary-icon.purple{color:#c4b5fd;background:#2e1065}.channel-summary-strip>.button{border-radius:0;height:100%;min-height:78px;padding-inline:20px}.webhook-contract-card{overflow:hidden}.webhook-contract-head{border-bottom:1px solid var(--border);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:76px;padding:13px 15px;display:grid}.webhook-contract-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.webhook-contract-card.needs-setup .webhook-contract-icon{background:var(--warning-soft);color:var(--warning)}.webhook-contract-head h3{margin-top:1px;font-size:12px}.webhook-contract-head p{color:var(--muted);margin-top:2px;font-size:10px}.webhook-overall-status,.webhook-status-label{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;min-height:25px;padding:4px 8px;font-size:9.5px;font-weight:700;display:inline-flex}.webhook-overall-status>span,.webhook-status-label>span{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.webhook-overall-status.configured,.webhook-status-label.configured{border-color:color-mix(in srgb, var(--accent) 24%, var(--border));background:var(--accent-soft);color:var(--accent)}.webhook-status-label.missing{border-color:color-mix(in srgb, var(--danger) 24%, var(--border));background:color-mix(in srgb, var(--danger) 9%, var(--surface));color:var(--danger)}.webhook-status-label.mismatch{border-color:color-mix(in srgb, var(--warning) 26%, var(--border));background:var(--warning-soft);color:var(--warning)}.webhook-overall-status.unavailable,.webhook-status-label.unavailable{border-color:var(--border);background:var(--surface-subtle);color:var(--muted)}button.webhook-status-label:not(:disabled):hover{filter:brightness(.97)}button.webhook-status-label{cursor:pointer;min-height:36px}button.webhook-status-label:disabled{cursor:default}.webhook-contract-grid{background:var(--border);grid-template-columns:minmax(260px,1.15fr) minmax(225px,.9fr) minmax(220px,1fr) 190px;gap:1px;display:grid}.webhook-contract-value,.webhook-repair-action{background:var(--surface);min-width:0;padding:13px 14px}.webhook-contract-value{flex-direction:column;gap:6px;display:flex}.webhook-contract-value>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:700}.webhook-contract-value>div:not(.webhook-event-list){align-items:center;gap:7px;min-width:0;display:flex}.webhook-contract-value code,.pairing-code code{overflow-wrap:anywhere;color:var(--foreground-soft);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9.5px}.webhook-contract-value.endpoint code{flex:1;min-width:0}.webhook-contract-value.endpoint .icon-button{width:40px;height:40px}.webhook-contract-value small,.webhook-repair-action small{color:var(--muted);font-size:9px;line-height:1.45}.webhook-event-list{flex-wrap:wrap;gap:4px;display:flex}.webhook-event-list code{border:1px solid var(--border);background:var(--surface-subtle);border-radius:4px;padding:3px 5px;font-size:8px}.webhook-repair-action{flex-direction:column;justify-content:center;gap:5px;display:flex}.webhook-repair-action strong{font-size:11px}.webhook-repair-action .button{align-self:flex-start;margin-top:3px}.channels-panel>.panel-heading,.rules-panel>.panel-heading{border-bottom:1px solid var(--border);min-height:68px;padding:13px 15px}.secure-label{color:var(--accent);align-items:center;gap:5px;font-size:8.5px;font-weight:700;display:flex}.channel-table-head,.channel-table-row{grid-template-columns:minmax(230px,1.3fr) minmax(86px,.6fr) minmax(72px,.45fr) minmax(96px,.62fr) minmax(92px,.6fr) minmax(86px,.48fr) 76px;align-items:center;gap:10px;display:grid}.channel-table-head{background:var(--surface-subtle);min-height:34px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;font-size:7.5px;font-weight:700}.channel-table-row{border-top:1px solid var(--border);min-height:70px;padding:9px 14px}.channel-table-row:first-child{border-top:0}.channel-table-row:hover{background:var(--surface-subtle)}.channel-identity{align-items:center;gap:9px;min-width:0;display:flex}.channel-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.channel-identity small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.team-pill,.provider-label{border:1px solid color-mix(in srgb, var(--team-color) 22%, var(--border));background:color-mix(in srgb, var(--team-color) 8%, var(--surface));min-height:23px;color:var(--team-color);border-radius:5px;align-items:center;padding:3px 7px;font-size:8px;font-weight:700;display:inline-flex}.provider-label{border-color:var(--border);background:var(--surface-subtle);color:var(--foreground-soft)}.health-label{gap:5px}.health-label>span{background:currentColor;border-radius:50%;width:6px;height:6px}.quality-copy{color:var(--muted);margin-top:2px;font-size:7.5px;display:block}.sync-copy{color:var(--foreground-soft);font-size:8.5px}.row-actions{justify-content:flex-end;gap:4px;display:flex}.row-actions .icon-button{width:31px;height:31px}.integration-note{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));background:var(--primary-soft);border-radius:8px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 14px;display:grid}.note-icon{background:var(--surface);width:38px;height:38px;color:var(--primary);border-radius:8px;place-items:center;display:grid}.integration-note strong{font-size:10px;display:block}.integration-note p{max-width:880px;color:var(--muted);margin-top:2px;font-size:8.5px}.automation-hero{border:1px solid color-mix(in srgb, var(--secondary) 18%, var(--border));background:linear-gradient(120deg, var(--surface), color-mix(in srgb, var(--secondary) 7%, var(--surface)));border-radius:10px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:116px;padding:18px;display:grid;overflow:hidden}.automation-hero-icon{background:color-mix(in srgb, var(--secondary) 13%, var(--surface));width:48px;height:48px;color:var(--secondary)}.automation-hero h3{margin-top:3px;font-size:16px}.automation-hero p{max-width:720px;color:var(--muted);margin-top:4px;font-size:9.5px}.rule-row{border-bottom:1px solid var(--border);grid-template-columns:27px 38px minmax(0,1fr) 42px 36px;align-items:center;gap:10px;min-height:100px;padding:12px 14px;display:grid}.rule-row:last-child{border-bottom:0}.rule-row:hover{background:var(--surface-subtle)}.rule-order{color:var(--muted-light);font-family:var(--font-heading);text-align:center;font-size:11px;font-weight:600}.rule-icon{background:color-mix(in srgb, var(--secondary) 11%, var(--surface));width:36px;height:36px;color:var(--secondary);border-radius:8px;place-items:center;display:grid}.rule-copy>div{align-items:center;gap:7px;display:flex}.rule-copy h4{font-size:11px}.rule-copy p{max-width:880px;color:var(--muted);margin-top:3px;font-size:8.5px;line-height:1.45}.rule-meta{color:var(--muted-light);align-items:center;gap:8px;margin-top:7px;font-size:7.5px;display:flex}.switch{background:var(--border-strong);border:0;border-radius:10px;width:34px;height:20px;padding:2px;transition:background .16s;position:relative}.switch span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;display:block;box-shadow:0 1px 3px #0f172a40}.switch.is-on{background:var(--primary)}.switch.is-on span{transform:translate(14px)}.prompt-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:9px;grid-template-columns:minmax(260px,.9fr) minmax(260px,1.1fr) auto;align-items:center;gap:16px;padding:14px 16px;display:grid}.prompt-card>div:first-child{align-items:center;gap:10px;display:flex}.prompt-icon{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.prompt-card h3{font-size:12px}.prompt-card>p{color:var(--muted);font-size:8.5px;line-height:1.5}.prompt-card pre{display:none}.report-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.report-tabs{width:min(420px,100%);margin-top:0}.positive-badge{background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:3px 7px;font-size:8px;font-weight:700}.line-chart{height:245px;margin-top:22px;padding-left:26px;position:relative}.line-chart svg{width:calc(100% - 27px);height:calc(100% - 22px);position:absolute;bottom:22px;left:27px;right:0}.chart-grid{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 22px}.chart-grid span{background:var(--border);height:1px;color:var(--muted);font-size:7px;line-height:0;display:block}.chart-days{color:var(--muted);justify-content:space-between;font-size:7.5px;display:flex;position:absolute;bottom:0;left:27px;right:0}.ranking-row{border-bottom:1px solid var(--border);grid-template-columns:20px 32px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:64px;display:grid}.ranking-row:last-child{border-bottom:0}.ranking-row>span:first-child{color:var(--muted-light);font-family:var(--font-heading);font-size:10px;font-weight:600}.ranking-row>span:nth-child(3){flex-direction:column;display:flex}.ranking-row strong{font-size:10px}.ranking-row small{color:var(--muted);font-size:8px}.settings-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);align-items:start;gap:14px;display:grid}.settings-card{overflow:hidden}.settings-profile{border-bottom:1px solid var(--border);grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:86px;padding:14px 16px;display:grid}.settings-profile h3{font-size:14px}.settings-profile p{color:var(--muted);font-size:9px}.settings-list button{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;grid-template-columns:40px minmax(0,1fr) auto 18px;align-items:center;gap:10px;width:100%;min-height:70px;padding:10px 16px;display:grid}.settings-list button:last-child{border-bottom:0}.settings-list button:hover{background:var(--surface-subtle)}.settings-icon{background:var(--surface-subtle);color:var(--primary)}.settings-list strong{font-size:10.5px}.settings-list small{color:var(--muted);font-size:8.5px}.settings-action{color:var(--primary);font-size:8.5px;font-weight:700}.settings-roadmap{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:10px;padding:18px}.communication-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:24px;display:flex}.communication-hero>div:first-child{flex:100%}.portfolio-view-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.portfolio-view-tabs button{border:1px solid var(--border);background:var(--surface);color:var(--foreground-soft);font:inherit;cursor:pointer;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:600}.portfolio-view-tabs button.is-active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.portfolio-view-tabs button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.communication-hero h3{margin:4px 0 7px;font-size:20px}.communication-hero p{max-width:680px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.communication-filter{min-width:210px;color:var(--muted);text-transform:uppercase;gap:5px;font-size:9px;font-weight:700;display:grid}.communication-filter select,.communication-filter input{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--foreground);font:inherit;text-transform:none;border-radius:9px;padding:0 12px;font-size:11px}.communication-calendar{padding:22px}.communication-calendar form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.communication-calendar p,.communication-calendar details{color:var(--muted);margin-top:12px;font-size:12px}.communication-calendar summary{cursor:pointer}.communication-score{text-align:right;min-width:170px;display:grid}.communication-score strong{color:var(--primary);font-family:var(--font-heading);font-size:34px;line-height:1}.communication-score span{margin-top:5px;font-weight:700}.communication-score small{color:var(--muted);margin-top:4px}.communication-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.communication-status-card{align-items:flex-start;gap:12px;min-height:116px;padding:18px;display:flex}.communication-status-card>div{gap:2px;display:grid}.communication-status-card small{color:var(--muted);font-size:10px;font-weight:700}.communication-status-card strong{font-family:var(--font-heading);font-size:26px;line-height:1.15}.communication-status-card p{color:var(--muted);margin:4px 0 0;font-size:9px}.communication-status-dot{background:currentColor;border-radius:4px;width:13px;height:13px;margin-top:3px}.communication-status-card.is-completed{color:#2f7df4}.communication-status-card.is-missed{color:#ef4444}.communication-status-card.is-current{color:#98a2b3}.communication-status-card.is-neutral{color:var(--primary)}.communication-chart{padding:0;overflow:hidden}.communication-chart>.panel-heading{border-bottom:1px solid var(--border);padding:19px 22px}.communication-chart .panel-heading p{max-width:720px;color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.5}.communication-chart-legend{flex-wrap:wrap;justify-content:center;gap:22px;padding:16px 22px 6px;display:flex}.communication-chart-legend span{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.communication-chart-legend i{border-radius:3px;width:11px;height:11px}.communication-chart-legend b{color:var(--foreground);font-size:11px}.communication-chart-legend .is-completed i,.communication-stacked-bar .is-completed{background:#2f7df4}.communication-chart-legend .is-missed i,.communication-stacked-bar .is-missed{background:#ef4444}.communication-chart-legend .is-current i,.communication-stacked-bar .is-current{background:#aeb6c3}.communication-chart-rows{gap:15px;padding:18px 22px 24px;display:grid}.communication-chart-row{grid-template-columns:minmax(105px,170px) minmax(160px,1fr) 58px;align-items:center;gap:14px;display:grid}.communication-chart-row>strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.communication-chart-row>small{color:var(--muted);text-align:right;font-size:9px}.communication-stacked-bar{background:var(--surface-subtle);width:100%;height:20px;box-shadow:inset 0 0 0 1px var(--border);border-radius:6px;display:flex;overflow:hidden}.communication-stacked-bar>span,.communication-stacked-bar>i{min-width:0;height:100%;transition:width .18s;display:block}.communication-loading{min-height:220px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.communication-loading.is-error{color:var(--danger)}.communication-team-list{gap:16px;display:grid}.communication-team{padding:0;overflow:hidden}.communication-team>.panel-heading{border-bottom:1px solid var(--border);padding:18px 20px}.communication-people{display:grid}.communication-person+.communication-person{border-top:1px solid var(--border)}.communication-person-summary{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) minmax(150px,240px) auto auto;align-items:center;gap:13px;padding:14px 20px;display:grid}.communication-person-summary:hover{background:var(--surface-subtle)}.communication-person-copy{min-width:0;display:grid}.communication-person-copy strong{font-size:12px}.communication-person-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.communication-person-bar{gap:4px;display:grid}.communication-person-bar .communication-stacked-bar{border-radius:99px;height:7px}.communication-person-bar>small{color:var(--muted);text-align:right;font-size:8px}.communication-target{text-align:right;min-width:105px;display:grid}.communication-target strong{font-family:var(--font-heading);font-size:18px}.communication-target small{color:var(--muted);font-size:8px}.communication-target.is-on-target strong{color:var(--accent)}.communication-target.is-below-target strong{color:var(--danger)}.communication-person-summary .is-rotated{transform:rotate(180deg)}.communication-person-detail{background:var(--surface-subtle);gap:12px;padding:0 20px 18px 73px;display:grid}.communication-cadence-heading{padding-top:12px}.communication-cadence-heading h4{margin:0 0 6px;font-size:14px}.communication-cadence-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.communication-days{flex-wrap:wrap;gap:8px;display:flex}.communication-days>button{border:1px solid var(--border);background:var(--surface);border-radius:9px;min-width:88px;padding:8px 10px;display:grid}.communication-days>button.is-complete{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.communication-days>button.is-missed{border-color:color-mix(in srgb, #ef4444 45%, var(--border));background:color-mix(in srgb, #ef4444 5%, var(--surface))}.communication-days>button.is-current{border-color:color-mix(in srgb, #98a2b3 55%, var(--border));background:color-mix(in srgb, #98a2b3 8%, var(--surface))}.communication-days b{font-size:10px}.communication-days small{color:var(--muted);font-size:9px}.communication-person-detail details summary{color:var(--danger);cursor:pointer;font-size:10px;font-weight:700}.communication-meetings{border:1px solid var(--border);background:var(--surface);border-radius:10px}.communication-person-detail .communication-meetings>summary{color:var(--foreground);justify-content:space-between;align-items:center;gap:12px;padding:16px;font-size:13px;list-style:none;display:flex}.communication-meetings>summary::-webkit-details-marker{display:none}.communication-meetings>summary span{gap:4px;display:grid}.communication-meetings>summary small{color:var(--muted);font-size:11px;font-weight:400}.communication-meetings>summary svg{flex-shrink:0}.communication-meetings[open]>summary svg{transform:rotate(180deg)}.communication-meetings>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}.communication-meetings>section{margin:0 12px 12px}.communication-person-detail ul{columns:2;color:var(--foreground-soft);margin:10px 0 0;padding-left:18px;font-size:10px;line-height:1.7}.communication-complete{color:var(--accent);align-items:center;gap:7px;margin:0;font-size:10px;font-weight:700;display:flex}@media (max-width:760px){.communication-hero{flex-direction:column;align-items:flex-start}.communication-score{text-align:left}.communication-summary-grid{grid-template-columns:1fr 1fr}.communication-chart-row{grid-template-columns:90px minmax(120px,1fr)}.communication-chart-row>small{display:none}.communication-person-summary{grid-template-columns:auto minmax(0,1fr) auto}.communication-person-summary>svg,.communication-person-bar{display:none}.communication-person-detail{padding-left:20px}.communication-person-detail ul{columns:1}}@media (max-width:480px){.communication-summary-grid{grid-template-columns:1fr}}.personal-instance-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.personal-instance-card,.personal-profile-card{overflow:hidden}.personal-profile-form{border-top:1px solid var(--border);gap:18px;padding:22px;display:grid}.personal-profile-form .field{max-width:560px}.personal-profile-preview{border:1px solid var(--border);background:var(--surface-subtle);border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:11px;max-width:560px;padding:14px;display:grid}.personal-profile-preview>div{gap:3px;display:grid}.personal-profile-preview small,.personal-profile-preview p{color:var(--muted);font-size:9px}.composer-attachment{border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border));background:var(--primary-soft);border-radius:8px;align-items:center;gap:9px;margin-bottom:6px;padding:7px 8px;display:flex}.composer-attachment-icon{background:var(--surface);width:30px;height:30px;color:var(--primary);border-radius:7px;flex:none;place-items:center;display:grid}.composer-attachment>span:nth-child(2){flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.composer-attachment strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.composer-attachment small{color:var(--muted);font-size:8.5px}.message-edit-modal{max-width:520px}.message-edit-modal textarea{resize:vertical;min-height:130px}.delete-message-preview{border-left:3px solid var(--danger);background:var(--surface-subtle);max-height:130px;color:var(--foreground-soft);white-space:pre-wrap;border-radius:4px;padding:9px 11px;font-size:10px;line-height:1.5;overflow:auto}.personal-profile-preview strong{font-size:11px}.personal-profile-actions{justify-content:flex-start;display:flex}.portfolio-personal-controls{border-top:1px solid var(--border);grid-template-columns:minmax(180px,.7fr) minmax(280px,1fr);gap:16px;padding:20px 22px;display:grid}.managed-portfolio-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.managed-portfolio-controls label,.managed-portfolio-controls select{min-width:0}.portfolio-personal-controls label{color:var(--muted);gap:7px;font-size:12px;font-weight:700;display:grid}.portfolio-search{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:end;gap:12px;padding:16px 22px;display:flex}.portfolio-search label{flex:240px;gap:8px;min-width:0;font-size:12px;font-weight:600;display:grid}.portfolio-search label>div{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.portfolio-search label>div:focus-within{outline:2px solid var(--primary);outline-offset:2px}.portfolio-search input{width:100%;min-width:0;min-height:40px;color:var(--text);font:inherit;background:0 0;border:0;outline:none}.portfolio-search svg{color:var(--muted);flex-shrink:0}.portfolio-search small{color:var(--muted);padding-block:12px}.portfolio-personal-controls select{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:40px;color:var(--text);border-radius:9px;padding:0 12px}.portfolio-transfer-notice{border-top:1px solid var(--border);background:color-mix(in srgb, var(--primary) 6%, var(--surface));color:var(--muted);align-items:center;gap:8px;padding:10px 22px;font-size:11px;line-height:1.45;display:flex}.portfolio-transfer-notice svg{color:var(--primary);flex:none}.portfolio-personal-summary{border-top:1px solid var(--border);background:var(--surface-soft);color:var(--muted);align-items:baseline;gap:8px;padding:14px 22px;display:flex}.portfolio-personal-summary strong{color:var(--primary);font-size:22px}.portfolio-select-all{white-space:nowrap;margin-left:auto}.portfolio-personal-groups{max-height:560px;display:grid;overflow:auto}.portfolio-personal-groups>label{border-top:1px solid var(--border);cursor:pointer;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:10px 22px;display:grid}.portfolio-personal-groups>label.is-selected{background:var(--primary-soft)}.portfolio-personal-groups>label>span:nth-of-type(2){gap:3px;display:grid}.portfolio-personal-groups small{color:var(--muted)}.personal-instance-list{display:grid}.personal-instance-row{border-top:1px solid var(--border);grid-template-columns:minmax(180px,.7fr) minmax(280px,1fr);align-items:center;gap:24px;padding:18px 22px;display:grid}.personal-instance-row>span{gap:4px;display:grid}.personal-instance-row small{color:var(--muted)}.personal-instance-row select{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:40px;color:var(--text);border-radius:9px;padding:0 12px}@media (max-width:980px){.personal-instance-layout{grid-template-columns:1fr}.personal-instance-row{grid-template-columns:1fr;gap:10px}.portfolio-personal-controls{grid-template-columns:1fr}}.settings-roadmap h3{margin-top:3px;font-size:15px}.settings-roadmap ol{flex-direction:column;gap:0;margin:17px 0;padding:0;list-style:none;display:flex}.settings-roadmap li{grid-template-columns:28px minmax(0,1fr);gap:9px;min-height:62px;display:grid;position:relative}.settings-roadmap li:not(:last-child):after{background:var(--border);content:"";width:1px;position:absolute;top:29px;bottom:2px;left:13px}.settings-roadmap li>span{border:1px solid var(--border);background:var(--surface);width:27px;height:27px;color:var(--muted);border-radius:50%;place-items:center;font-size:9px;font-weight:700;display:grid}.settings-roadmap li.is-current>span{border-color:var(--primary);background:var(--primary);color:#fff}.settings-roadmap li>div{flex-direction:column;padding-top:2px;display:flex}.settings-roadmap li strong{font-size:10px}.settings-roadmap li small{color:var(--muted);font-size:8px}.security-callout{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));background:var(--accent-soft);color:var(--accent);border-radius:7px;gap:8px;padding:10px;display:flex}.security-callout p{color:var(--muted);flex-direction:column;font-size:8px;display:flex}.security-callout strong{color:var(--foreground-soft);font-size:9px}.access-layout{grid-template-columns:minmax(0,1fr) minmax(250px,.3fr);align-items:start;gap:14px;display:grid}.access-card{overflow:hidden}.access-heading{border-bottom:1px solid var(--border);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.access-heading h2{margin-top:2px;font-size:17px}.access-heading p{max-width:620px;color:var(--muted);margin-top:3px;font-size:10px}.access-summary{border-bottom:1px solid var(--border);background:var(--surface-subtle);grid-template-columns:repeat(3,minmax(0,1fr));padding:11px 16px;display:grid}.access-summary>span{border-right:1px solid var(--border);align-items:baseline;gap:6px;padding-inline:12px;display:flex}.access-summary>span:first-child{padding-left:0}.access-summary>span:last-child{border-right:0}.access-summary strong{color:var(--foreground);font-family:var(--font-heading);font-size:16px}.access-summary small{color:var(--muted);font-size:9px}.access-readonly{border-bottom:1px solid var(--border);background:var(--primary-soft);color:var(--primary);align-items:center;gap:8px;padding:10px 16px;display:flex}.access-readonly p{color:var(--foreground-soft);font-size:10px}.access-table-head,.access-member-row{grid-template-columns:38px minmax(155px,1.25fr) minmax(102px,.65fr) minmax(150px,1fr) minmax(102px,.55fr) 36px;align-items:center;gap:9px;display:grid}.access-table-head{border-bottom:1px solid var(--border);min-height:34px;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;padding:6px 14px;font-size:8px;font-weight:700}.access-table-head>span:first-child{grid-column:1/3}.access-member-row{border-bottom:1px solid var(--border);min-height:66px;padding:10px 14px}.access-member-row:last-child{border-bottom:0}.access-member-copy{flex-direction:column;min-width:0;display:flex}.access-member-copy strong{align-items:center;gap:6px;font-size:10.5px;display:flex}.access-member-copy>small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.you-label{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:2px 5px;font-size:7.5px;font-weight:700}.access-role,.access-status{border:1px solid var(--border);background:var(--surface-subtle);width:fit-content;color:var(--foreground-soft);border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font-size:8.5px;font-weight:700;display:inline-flex}.access-role.role-owner,.access-role.role-admin{border-color:color-mix(in srgb, var(--primary) 24%, var(--border));background:var(--primary-soft);color:var(--primary)}.access-role.role-viewer{color:var(--muted)}.access-status>span{background:var(--accent);border-radius:50%;width:6px;height:6px}.access-status.invited>span{background:var(--warning)}.access-team-list{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.access-team-list>small:not(.team-pill){color:var(--muted);font-size:8.5px}.access-member-row .icon-button:disabled{opacity:.35}.access-empty{min-height:230px}.access-role-guide{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:10px;padding:18px}.access-role-guide h3{margin-top:3px;font-size:15px}.access-role-guide dl{flex-direction:column;margin-top:16px;display:flex}.access-role-guide dl>div{border-bottom:1px solid var(--border);padding:12px 0}.access-role-guide dl>div:last-child{border-bottom:0}.access-role-guide dt{color:var(--foreground-soft);align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.access-role-guide dt svg{color:var(--primary)}.access-role-guide dd{color:var(--muted);margin:4px 0 0 23px;font-size:9px;line-height:1.45}.member-access-modal{width:min(100%,720px)}.team-access-options{border:0;min-width:0;padding:0}.team-access-options legend{color:var(--foreground-soft);font-size:9.5px;font-weight:700}.team-access-options>p{color:var(--muted);margin:3px 0 8px;font-size:9px}.team-access-options>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.team-access-options label{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;grid-template-columns:18px 34px minmax(0,1fr);align-items:center;gap:8px;min-height:54px;padding:8px;display:grid}.team-access-options label:hover,.team-access-options label.is-selected{border-color:color-mix(in srgb, var(--primary) 44%, var(--border));background:var(--primary-soft)}.team-access-options input{width:17px;height:17px;accent-color:var(--primary)}.team-access-options label>span:last-child{flex-direction:column;min-width:0;display:flex}.team-access-options label strong{font-size:10px}.team-access-options label small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.access-no-teams{background:var(--surface-subtle);color:var(--muted);border-radius:7px;grid-column:1/-1;align-items:center;gap:7px;padding:10px;font-size:9px;display:flex!important}.member-form-help{color:var(--muted);text-align:right;font-size:8.5px}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02061794;place-items:center;padding:20px;animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{border:1px solid var(--border);background:var(--surface-raised);width:min(100%,580px);box-shadow:var(--shadow-lg);border-radius:12px;animation:.2s ease-out modal-in;overflow:hidden}.connect-modal{width:min(100%,680px)}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:13px 18px;display:flex}.modal-head h2{margin-top:2px;font-size:17px;font-weight:600}.stepper{border-bottom:1px solid var(--border);background:var(--surface-subtle);justify-content:center;align-items:center;min-height:58px;padding:9px 18px;display:flex}.stepper>span{color:var(--muted-light);align-items:center;gap:6px;font-size:8.5px;font-weight:700;display:flex}.stepper i{border:1px solid var(--border-strong);background:var(--surface);border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.stepper>span.is-active{color:var(--primary)}.stepper>span.is-active i{border-color:var(--primary);background:var(--primary);color:#fff}.stepper>span.is-complete{color:var(--accent)}.stepper>span.is-complete i{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.stepper>b{background:var(--border-strong);width:60px;height:1px;margin:0 8px}.modal-body{padding:18px}.form-stack{flex-direction:column;gap:14px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.channel-mode-tabs{grid-template-columns:1fr 1fr;width:100%;display:grid}.channel-mode-tabs button{justify-content:center;gap:7px;min-height:44px}.automatic-setup-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.automatic-setup-list>span{border:1px solid var(--border);background:var(--surface-subtle);min-height:48px;color:var(--accent);border-radius:7px;align-items:center;gap:6px;padding:8px;display:flex}.automatic-setup-list strong{color:var(--foreground-soft);font-size:9.5px;line-height:1.35}.field{flex-direction:column;gap:5px;display:flex}.field>span,.field>label,.assignment-options legend{color:var(--foreground-soft);font-size:9.5px;font-weight:700}.member-password-control{grid-template-columns:minmax(0,1fr) 40px auto 40px;gap:6px;display:grid}.member-password-control input{letter-spacing:.035em;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.member-password-control .icon-button,.member-password-control .button{min-height:40px}.member-password-confirm{min-height:32px;color:var(--foreground-soft);cursor:pointer;align-items:center;gap:8px;display:flex}.field .member-password-confirm input{width:16px;min-height:16px;accent-color:var(--primary);margin:0}.member-password-confirm span{font-size:9.5px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border);background:var(--surface);border-radius:7px;width:100%;min-height:40px;padding:8px 10px;font-size:10.5px}.field textarea{resize:vertical;min-height:74px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent)}.field small{color:var(--muted);font-size:9px}.instance-preview{border:1px dashed var(--border-strong);background:var(--surface-subtle);border-radius:7px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;display:grid}.instance-preview>span{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border-radius:7px;place-items:center;display:grid}.instance-preview>div{flex-direction:column;min-width:0;display:flex}.instance-preview small{color:var(--muted);font-size:8px}.instance-preview strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.info-callout{background:var(--primary-soft);color:var(--primary);border-radius:7px;gap:7px;padding:9px;display:flex}.info-callout p{color:var(--muted);font-size:9.5px}.connection-error{border:1px solid color-mix(in srgb, var(--danger) 25%, var(--border));background:color-mix(in srgb, var(--danger) 8%, var(--surface));color:var(--danger);border-radius:7px;align-items:flex-start;gap:7px;padding:9px;display:flex}.connection-error svg{flex:none}.connection-error p{color:var(--foreground-soft);font-size:9.5px;line-height:1.45}.is-spinning{animation:.85s linear infinite control-spin}@keyframes control-spin{to{transform:rotate(360deg)}}.modal-footer{border-top:1px solid var(--border);background:var(--surface-subtle);justify-content:flex-end;align-items:center;gap:8px;min-height:64px;padding:11px 18px;display:flex}.qr-step{grid-template-columns:190px minmax(0,1fr);align-items:center;gap:22px;min-height:300px;display:grid}.qr-wrap{border:1px solid var(--border);width:188px;height:188px;box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;place-items:center;display:grid;position:relative}.qr-wrap img{border-radius:3px;width:164px;height:164px;display:block}.qr-loading{color:var(--primary);place-items:center;display:grid}.qr-grid{background:#fff;grid-template-rows:repeat(11,1fr);grid-template-columns:repeat(11,1fr);gap:2px;width:152px;height:152px;padding:2px;display:grid}.qr-grid span{background:#fff;border-radius:1px}.qr-grid span.filled{background:#0f172a}.qr-logo{background:var(--primary);color:#fff;width:31px;height:31px;font-family:var(--font-heading);border:4px solid #fff;border-radius:8px;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute}.qr-step h3{margin-top:3px;font-size:15px}.qr-instructions{min-width:0}.qr-step ol{color:var(--muted);margin:12px 0;padding-left:18px;font-size:9.5px;line-height:1.8}.qr-timer{color:var(--warning);align-items:center;gap:5px;font-size:9.5px;display:flex}.pairing-code{border:1px dashed var(--border-strong);background:var(--surface-subtle);border-radius:7px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;padding:8px 9px;display:flex}.pairing-code span{color:var(--muted);font-size:8px}.pairing-code code{color:var(--foreground);letter-spacing:.12em;font-size:12px;font-weight:700}.success-step{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.success-icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:12px;display:grid}.success-step h3{margin-top:3px;font-size:17px}.success-step>p{max-width:390px;color:var(--muted);margin-top:5px;font-size:9.5px}.connection-result{border:1px solid var(--border);background:var(--surface-subtle);text-align:left;border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;width:min(100%,400px);margin-top:16px;padding:9px;display:grid}.connection-result>span:first-child{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:7px;place-items:center;display:grid}.connection-result>div{flex-direction:column;display:flex}.connection-result strong{font-size:9.5px}.connection-result small{color:var(--muted);font-size:8px}.team-modal{width:min(100%,520px)}.assignment-options{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.assignment-options legend{margin-bottom:5px}.assignment-options label{border:1px solid var(--border);cursor:pointer;border-radius:7px;grid-template-columns:17px minmax(0,1fr);align-items:start;gap:8px;padding:9px;display:grid}.assignment-options label.is-selected{border-color:var(--primary);background:var(--primary-soft)}.assignment-options input{accent-color:var(--primary)}.assignment-options label span{flex-direction:column;display:flex}.assignment-options strong{font-size:9.5px}.assignment-options small{color:var(--muted);font-size:8px}.toast{z-index:300;border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));background:var(--surface-raised);min-height:44px;color:var(--foreground-soft);box-shadow:var(--shadow-md);border-radius:8px;align-items:center;gap:8px;padding:10px 13px;font-size:10px;font-weight:600;animation:.22s ease-out toast-in;display:flex;position:fixed;bottom:20px;right:20px}.toast svg{color:var(--accent)}.toast.error{border-color:color-mix(in srgb, var(--danger) 30%, var(--border))}.toast.error svg{color:var(--danger)}.sidebar-backdrop{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1300px){.inbox-layout,.inbox-layout.details-collapsed{grid-template-columns:minmax(292px,320px) minmax(410px,1fr)}.inbox-layout.details-collapsed>.details-panel{opacity:1}.details-panel{z-index:50;visibility:hidden;border-left:1px solid var(--border);width:304px;box-shadow:var(--shadow-md);pointer-events:none;transition:transform .21s,visibility .21s;position:absolute;top:0;bottom:0;right:0;transform:translate(102%)}.details-panel.is-open{visibility:visible;pointer-events:auto;transform:translate(0)}.details-close{display:inline-grid}.thread-panel{border-right:0}}@media (max-width:1160px) and (min-width:861px){.app-root{grid-template-columns:76px minmax(0,1fr)}.primary-sidebar{padding-inline:10px}.brand-row{justify-content:center;padding:0}.brand-name,.workspace-copy,.workspace-switcher>svg,.nav-label,.nav-item>span,.help-row>span,.help-row>kbd,.current-user-copy,.current-user>.icon-button{display:none}.workspace-switcher,.nav-item{justify-content:center;padding:8px;display:flex}.nav-item.is-active:before{left:-10px}.nav-item .nav-badge,.nav-item .nav-alert{min-width:15px;height:15px;padding:0 3px;font-size:7px;display:grid;position:absolute;top:3px;right:3px}.help-row{justify-content:center;padding:7px;display:flex}.current-user{justify-content:center;padding-inline:0;display:flex}.dashboard-grid,.lower-grid{grid-template-columns:minmax(0,1.3fr) minmax(255px,.7fr)}}@media (max-width:1060px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.lower-grid,.settings-layout{grid-template-columns:1fr}.teams-layout{grid-template-columns:minmax(220px,.38fr) minmax(0,.62fr)}.channel-summary-strip{grid-template-columns:repeat(3,1fr)}.channel-summary-strip>.button{grid-column:1/-1;min-height:46px}.webhook-contract-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-table-head,.channel-table-row{grid-template-columns:minmax(210px,1.35fr) minmax(84px,.6fr) minmax(94px,.65fr) minmax(90px,.62fr) 68px}.channel-table-head>span:nth-child(3),.channel-table-row>div:nth-child(3),.channel-table-head>span:nth-child(6),.channel-table-row>div:nth-child(6){display:none}.prompt-card{grid-template-columns:minmax(250px,.9fr) minmax(260px,1.1fr)}.prompt-card .button{grid-column:1/-1;justify-self:start}.nps-client-row{grid-template-columns:34px minmax(170px,.7fr) minmax(220px,1fr) auto}}@media (max-width:860px){.app-root{grid-template-columns:minmax(0,1fr)}.primary-sidebar{z-index:120;visibility:hidden;pointer-events:none;width:min(284px,86vw);transition:transform .22s,visibility .22s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.primary-sidebar.is-open{visibility:visible;pointer-events:auto;transform:translate(0)}.sidebar-backdrop{z-index:110;opacity:0;pointer-events:none;background:#02061785;transition:opacity .18s;display:block;position:fixed;inset:0}.sidebar-backdrop.is-visible{opacity:1;pointer-events:auto}.sidebar-close,.mobile-menu{display:inline-grid!important}.sidebar-close{color:var(--sidebar-text);background:0 0;border-color:#94a3b826}.global-header{padding-inline:14px}.global-title>div{display:block}.global-title>div>span,.prototype-pill{display:none}.page-container{padding-inline:20px}.teams-layout{grid-template-columns:1fr}.teams-list-panel{max-height:380px}.automation-hero{grid-template-columns:48px minmax(0,1fr)}.automation-hero>.button{grid-column:1/-1;justify-self:start}}@media (max-width:760px){.inbox-layout{display:block}.conversation-list-panel,.thread-panel{width:100%;height:100%}.thread-panel,.inbox-layout.mobile-thread-open .conversation-list-panel{display:none}.inbox-layout.mobile-thread-open .thread-panel{display:flex}.mobile-back{display:inline-grid!important}.details-panel{width:min(330px,92vw)}.thread-actions .assignee-select,.thread-actions>.icon-button:last-child{display:none}.message-log{padding-inline:16px}.message-block{max-width:86%}.metric-grid{grid-template-columns:1fr 1fr}.channel-summary-strip{grid-template-columns:1fr}.channel-summary-strip>.button{grid-column:auto}.webhook-contract-head{grid-template-columns:40px minmax(0,1fr)}.webhook-overall-status{grid-column:2;justify-self:start}.webhook-contract-grid{grid-template-columns:1fr}.channel-table-head{display:none}.channel-table-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px}.channel-table-row>div:nth-child(2),.channel-table-row>div:nth-child(3),.channel-table-row>div:nth-child(6){display:none}.channel-table-row .row-actions{grid-column:2}.integration-note{grid-template-columns:38px minmax(0,1fr)}.integration-note .text-button{grid-column:2;justify-self:start}.prompt-card{grid-template-columns:1fr}.prompt-card .button{grid-column:auto}.rule-row{grid-template-columns:24px 34px minmax(0,1fr) 36px}.rule-row>.icon-button{display:none}.report-toolbar{flex-direction:column;align-items:stretch}.report-tabs{width:100%;overflow-x:auto}.qr-step{text-align:center;grid-template-columns:1fr;justify-items:center}.qr-step ol{text-align:left;display:inline-block}.qr-timer{justify-content:center}.modal-card{max-height:calc(100dvh - 24px);overflow-y:auto}.nps-toolbar,.nps-filters{flex-direction:column;align-items:stretch}.nps-filters .search-field{width:100%}.nps-client-row{grid-template-columns:34px minmax(0,1fr) auto}.nps-client-insights,.nps-duplicate{grid-column:2/-1}}@media (max-width:560px){.nps-platform-switch{flex-direction:column;align-items:stretch}.nps-platform-switch [role=tablist],.nps-platform-switch [role=tab]{flex:1}.nps-platform-switch [role=tab]{justify-content:center}.global-header{height:56px;padding-inline:10px}.global-title h1{font-size:14px}.global-actions{gap:5px}.global-actions .icon-button{width:34px;height:34px}.page-container{padding:18px 12px 32px}.page-heading{flex-direction:column;align-items:flex-start;margin-bottom:16px}.page-heading h2{font-size:20px}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:100px}.volume-panel,.queue-health,.activity-panel,.setup-panel,.area-chart-panel,.ranking-panel{min-height:280px;padding:13px}.bar-chart{gap:5px}.queue-toolbar{padding:12px 11px 10px}.queue-filters{grid-template-columns:1fr 1fr}.conversation-item{min-height:88px}.thread-header{min-height:60px;padding:8px}.thread-contact .avatar{width:34px;height:34px}.thread-actions .button{width:36px;padding:7px;font-size:0}.thread-actions .button svg{width:18px;height:18px}.thread-actions>.icon-button{width:34px;height:34px}.presence-banner{font-size:8.5px}.message-log{padding:14px 11px 18px}.message-block{max-width:91%}.message-row-contact .message-block{max-width:calc(91% - 35px)}.composer{padding:0 8px 8px}.composer textarea{min-height:60px}.send-area>span{display:none}.composer-recording{flex-wrap:wrap}.composer-recording time{margin-right:0}.composer-recording .button:first-of-type{margin-left:auto}.emoji-picker{width:min(258px,100vw - 32px);left:-70px}.quick-reply-menu{width:min(310px,100vw - 32px);left:-42px}.teams-list-panel{max-height:none}.team-detail-head{grid-template-columns:45px minmax(0,1fr)}.team-detail-head>.button{grid-column:1/-1;justify-self:start}.team-stats{grid-template-columns:1fr}.team-stats>div{border-right:0;border-bottom:1px solid var(--border);min-height:62px}.team-stats>div:last-child{border-bottom:0}.section-heading{flex-direction:column;align-items:flex-start}.member-row{grid-template-columns:34px minmax(0,1fr) 34px}.member-row .presence-label,.member-row .capacity{display:none}.channel-mini-row{grid-template-columns:36px minmax(0,1fr) 34px}.channel-mini-row .health-label{display:none}.data-toolbar{flex-direction:column;align-items:stretch}.data-toolbar>div{justify-content:flex-end}.groups-team-filter{width:100%}.table-pagination{flex-direction:column;align-items:flex-start}.automation-hero{grid-template-columns:1fr;padding:14px}.rule-row{grid-template-columns:26px minmax(0,1fr) 36px}.rule-icon,.rule-meta .team-pill{display:none}.settings-profile{grid-template-columns:52px minmax(0,1fr)}.settings-profile .button{grid-column:1/-1;justify-self:start}.settings-list button{grid-template-columns:40px minmax(0,1fr) 18px}.settings-action{display:none}.modal-backdrop{align-items:end;padding:0}.modal-card{border-radius:14px 14px 0 0;width:100%;max-height:92dvh}.modal-head,.modal-body,.modal-footer{padding-inline:14px}.modal-head h2{font-size:15px}.connect-modal .modal-head .icon-button,.connect-modal .modal-footer .button,.connect-modal .field input,.connect-modal .field select{min-height:44px}.connect-modal .modal-head .icon-button{width:44px;height:44px}.stepper>b{width:24px;margin-inline:5px}.stepper>span{font-size:0}.form-row,.automatic-setup-list{grid-template-columns:1fr}.qr-wrap{width:168px;height:168px}.qr-wrap img{width:146px;height:146px}.qr-grid{width:138px;height:138px}.toast{justify-content:center;bottom:12px;left:12px;right:12px}.nps-hero{flex-direction:column;align-items:flex-start}.nps-coverage{align-items:flex-start}.nps-client-row{grid-template-columns:32px minmax(0,1fr)}.nps-client-row>.button{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:900px){.nps-dashboard-grid,.nps-insight-grid{grid-template-columns:1fr}.nps-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.nps-gauge-card{min-height:280px;padding-inline:14px}.nps-gauge{width:210px;height:112px}.nps-gauge-arc{width:210px;height:210px}.nps-gauge-scale{width:225px}.nps-breakdown-legend{grid-template-columns:1fr}.nps-attention-list>button{grid-template-columns:32px minmax(0,1fr)}.nps-attention-signals{grid-column:2}.nps-account-grid{grid-template-columns:1fr}}.login-shell{background:var(--surface);width:100%;min-height:100dvh;color:var(--foreground);grid-template-columns:minmax(430px,.92fr) minmax(500px,1.08fr);display:grid;overflow-y:auto}.login-brand-panel{isolation:isolate;color:#f8fafc;background:#0b1220;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:clamp(34px,5vw,72px);display:flex;position:relative;overflow:hidden}.login-brand-panel:before{z-index:-1;aspect-ratio:1;content:"";border:1px solid #60a5fa33;border-radius:50%;width:min(42vw,620px);position:absolute;top:-12%;right:-26%;box-shadow:0 0 0 74px #2563eb09,0 0 0 148px #2563eb06}.login-brand-panel:after{z-index:-1;content:"";background-image:radial-gradient(#94a3b833 1px,#0000 1px);background-size:12px 12px;width:132px;height:96px;position:absolute;bottom:8%;right:8%;-webkit-mask-image:linear-gradient(to bottom right,#000,#0000 82%);mask-image:linear-gradient(to bottom right,#000,#0000 82%)}.login-brand-lockup,.login-mobile-brand{align-items:center;gap:11px;display:flex}.login-brand-mark{color:#fff;width:36px;height:36px;font-family:var(--font-heading);background:#2563eb;border-radius:10px;place-items:center;font-size:17px;font-weight:700;display:grid;box-shadow:0 8px 24px #2563eb52}.login-brand-name{color:#f8fafc;font-family:var(--font-heading);letter-spacing:-.45px;font-size:20px;font-weight:600}.login-brand-name span{color:#7bb0ff}.login-brand-content{width:min(100%,560px);margin-block:64px}.login-eyebrow{color:#60a5fa;letter-spacing:.15em;font-size:11px;font-weight:700}.login-brand-content h1{color:#f8fafc;letter-spacing:-.045em;max-width:620px;margin-top:16px;font-size:clamp(38px,4.35vw,62px);font-weight:600;line-height:1.08}.login-lead{color:#a9b7ca;max-width:540px;margin-top:22px;font-size:clamp(15px,1.4vw,18px);line-height:1.7}.login-highlights{gap:17px;margin-top:42px;display:grid}.login-highlight{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:13px;display:grid}.login-highlight>span{color:#93c5fd;background:#2563eb1f;border:1px solid #60a5fa29;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.login-highlight strong{color:#eaf1fb;font-size:13px;font-weight:700;display:block}.login-highlight p{color:#8494aa;margin-top:2px;font-size:12px;line-height:1.55}.login-status{color:#8291a7;align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex}.login-status>span{box-sizing:content-box;background:#34d399;border:2px solid #34d39933;border-radius:50%;width:8px;height:8px}.login-form-panel{background:#fff;place-items:center;min-height:100dvh;padding:clamp(32px,7vw,96px);display:grid}.login-card{width:min(100%,430px)}.login-mobile-brand{margin-bottom:48px;display:none}.login-mobile-brand .login-brand-name{color:var(--foreground)}.login-card-heading h2{color:var(--foreground);letter-spacing:-.035em;margin-top:10px;font-size:clamp(28px,3vw,36px);font-weight:600;line-height:1.2}.login-card .login-eyebrow{color:#2563eb}.login-card-heading>p:last-child{color:var(--muted);margin-top:11px;font-size:14px}.login-form{flex-direction:column;gap:20px;margin-top:34px;display:flex}.login-error-summary{border:1px solid #fecaca;border-left:3px solid var(--danger);background:var(--danger-soft);color:#7f1d1d;border-radius:9px;padding:12px 14px}.login-error-summary:focus-visible{outline:2px solid var(--danger);outline-offset:3px}.login-error-summary strong{font-size:13px;display:block}.login-error-summary p,.login-error-summary li{margin-top:3px;font-size:12px;line-height:1.5}.login-error-summary ul{margin:6px 0 0;padding-left:18px}.login-error-summary a{color:inherit;text-underline-offset:2px;font-weight:600}.login-field{flex-direction:column;gap:7px;display:flex}.login-field label{color:var(--foreground-soft);font-size:13px;font-weight:700}.login-field input{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:50px;color:var(--foreground);border-radius:9px;padding:12px 14px;font-size:16px;transition:border-color .18s,box-shadow .18s,background .18s}.login-field input::placeholder{color:var(--muted)}.login-field input:hover:not(:disabled){border-color:#94a3b8}.login-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.login-field input[aria-invalid=true]{border-color:var(--danger)}.login-field input:disabled{background:var(--surface-subtle)}.password-field{position:relative}.password-field input{padding-right:52px}.password-toggle{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;transition:background .18s,color .18s;display:grid;position:absolute;top:3px;right:3px}.password-toggle:hover:not(:disabled){background:var(--surface-subtle);color:var(--primary)}.login-field-error{color:var(--danger);font-size:12px;font-weight:600}.login-submit{color:#fff;background:#2563eb;border:1px solid #2563eb;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;margin-top:4px;padding:12px 18px;font-size:14px;font-weight:700;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 8px 18px #2563eb33}.login-submit:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 10px 22px #2563eb40}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-security-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;font-size:11px;display:flex}.login-support{border-top:1px solid var(--border);color:var(--muted);text-align:center;margin-top:34px;padding-top:20px;font-size:11px;line-height:1.6}.login-spinner,.logout-spinner{animation:.85s linear infinite login-spin}.logout-form{display:contents}@keyframes login-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.login-shell{background:#f6f8fc;display:block}.login-brand-panel{display:none}.login-form-panel{background:#f6f8fc;min-height:100dvh;padding:36px 24px}.login-card{border:1px solid var(--border);background:var(--surface);width:min(100%,460px);box-shadow:var(--shadow-md);border-radius:16px;padding:36px}.login-mobile-brand{display:flex}}@media (max-width:520px){.login-form-panel{background:var(--surface);align-items:start;padding:26px 20px 32px}.login-card{box-shadow:none;border:0;border-radius:0;padding:0}.login-mobile-brand{margin-bottom:56px}.login-card-heading h2{font-size:28px}.login-form{margin-top:30px}}@media (max-height:740px) and (min-width:901px){.login-brand-panel,.login-form-panel{padding-block:30px}.login-brand-content{margin-block:30px}.login-brand-content h1{font-size:40px}.login-highlights{gap:12px;margin-top:26px}.login-highlight p{display:none}}@media (max-width:1160px) and (min-width:861px){.current-user>.logout-form{display:none}}@media (max-width:1240px){.access-layout{grid-template-columns:1fr}.access-role-guide dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;display:grid}}@media (max-width:760px){.access-table-head{display:none}.access-member-row{grid-template-columns:38px minmax(0,1fr) 36px;gap:7px 9px;padding-block:12px}.access-member-copy,.access-member-row>.access-role,.access-member-row>.access-team-list,.access-member-row>.access-status{grid-column:2}.access-member-row>.icon-button{grid-area:1/3}.access-team-list{margin-top:-3px}}@media (max-width:560px){.access-heading{grid-template-columns:38px minmax(0,1fr)}.access-heading>.button{grid-column:1/-1;justify-content:center;min-height:44px}.access-summary{padding-inline:12px}.access-summary>span{flex-direction:column;align-items:flex-start;gap:1px;padding-inline:8px}.access-role-guide dl,.team-access-options>div,.member-access-modal .form-row{grid-template-columns:1fr}.member-password-control{grid-template-columns:minmax(0,1fr) 40px}.member-password-control .button{justify-content:center}.member-access-modal .modal-footer{flex-direction:column-reverse;align-items:stretch}.member-access-modal .modal-footer .button{justify-content:center;min-height:44px}}.message-placeholder{color:var(--muted);font-style:italic}.team-group-assign{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;display:inline-flex;position:relative}.team-group-assign select{max-width:168px;color:var(--foreground);font:inherit;appearance:none;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:5px 26px 5px 9px;font-size:12px}.team-group-assign select:disabled{color:var(--muted);cursor:not-allowed}.team-group-assign>svg{color:var(--muted);pointer-events:none;position:absolute;right:7px}.team-color-options{border:0;padding:0}.team-color-options legend{color:var(--muted);margin-bottom:7px;font-size:12px;font-weight:600}.team-color-options>div{flex-wrap:wrap;gap:8px;display:flex}.team-color-options label{background:var(--team-color);color:#fff;cursor:pointer;border:2px solid #0000;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.team-color-options label.is-selected{border-color:var(--foreground)}.team-color-options input{opacity:0;width:1px;height:1px;position:absolute}.team-color-options label:focus-within{outline:2px solid var(--primary);outline-offset:2px}.conversation-item.is-unread .conversation-line-top strong{font-weight:700}.conversation-item.is-unread .conversation-preview>span{color:var(--foreground)}.conversation-item.is-unread .conversation-line-top time{color:var(--accent);font-weight:600}.conversation-item.is-unread .unread-count{background:var(--accent);font-weight:700}.channel-offline-warning{background:var(--danger-soft);color:var(--danger);border-radius:5px;align-items:center;gap:3px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-flex}.access-heading>div:only-child{grid-column:1/-1;min-width:0}.portfolio-personal-groups>.compact-empty{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.portfolio-personal-groups>.compact-empty svg{flex-shrink:0}.channel-sync-warning{background:var(--warning-soft);color:var(--warning);border-radius:5px;align-items:center;gap:3px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-flex}.composer-readonly-notice.is-warning{background:var(--warning-soft);color:var(--warning)}.button-danger{border:1px solid var(--danger);background:var(--danger);color:#fff}.button-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.button-danger:disabled{opacity:.55;cursor:not-allowed}.channel-actions-wrap{display:inline-flex;position:relative}.channel-actions-menu{z-index:60;border:1px solid var(--border);background:var(--surface-raised);width:268px;box-shadow:var(--shadow-md);border-radius:12px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.channel-actions-menu>button{color:var(--foreground);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:flex-start;gap:9px;padding:8px 9px;display:flex}.channel-actions-menu>button>svg{flex:none;margin-top:2px}.channel-actions-menu>button span{flex-direction:column;min-width:0;display:flex}.channel-actions-menu>button strong{font-size:13px;font-weight:600}.channel-actions-menu>button small{color:var(--muted);font-size:11px}.channel-actions-menu>button:hover:not(:disabled){background:var(--surface-subtle)}.channel-actions-menu>button:disabled{opacity:.5;cursor:not-allowed}.channel-actions-menu>button.is-danger{color:var(--danger)}.channel-actions-menu>button.is-danger:hover:not(:disabled){background:var(--danger-soft)}.channel-actions-menu>button.is-danger small{color:var(--danger);opacity:.75}.delete-impact{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.delete-impact>div{border:1px solid var(--border);background:var(--surface-subtle);border-radius:10px;flex-direction:column;gap:2px;padding:10px;display:flex}.delete-impact strong{font-family:var(--font-heading);font-size:20px}.delete-impact small{color:var(--muted);font-size:11px;line-height:1.3}.team-detail-actions{align-items:center;gap:6px;display:inline-flex}.team-detail-actions .icon-button:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.access-row-actions{align-items:center;gap:4px;display:inline-flex}.access-row-actions .icon-button:last-child:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.communication-days>button{font:inherit;color:var(--text);text-align:left;cursor:pointer}.communication-days>button[aria-pressed=true],.communication-days>button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.communication-day-detail{border:1px solid var(--border);background:var(--surface);border-radius:9px;margin-top:16px;padding:16px}.communication-client-search{gap:8px;margin-block:16px;display:grid}.communication-client-search input{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);border-radius:8px;padding:10px}.communication-client-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.communication-client-columns h5{font-size:13px}.communication-client-columns ul{columns:1;margin:8px 0;padding:0;font-size:12px;list-style:none}.communication-client-columns li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-block:10px;display:flex}.communication-client-columns li span{overflow-wrap:anywhere;min-width:0}.communication-client-columns li{flex-wrap:wrap}.communication-client-columns li small{color:var(--muted);margin-top:4px;display:block}.communication-client-columns>section:last-child{grid-column:1/-1}.communication-exclusion-form{border:1px solid var(--border);border-radius:8px;gap:12px;margin-top:12px;padding:16px;display:grid}.communication-exclusion-form label{gap:8px;display:grid}.communication-exclusion-form textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:80px;color:var(--text);font:inherit;border-radius:6px;padding:10px}.communication-exclusion-form>div{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:680px){.communication-client-columns{grid-template-columns:1fr}}.portfolio-kind-filter{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.portfolio-kind-filter button{border:1px solid var(--border);color:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:9px 16px}.portfolio-kind-filter button.is-active{background:var(--primary);color:#fff}.portfolio-kind-filter button:focus-visible{outline-offset:3px;outline:2px solid}