.inbox-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.inbox-state.error{color:#b7273c}.inbox-state.channel-access-warning{color:#765c1d;background:#fffaf0;border:1px solid #f0d58a;border-radius:12px;margin:12px;padding:18px 14px}.inbox-state button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px}.message.failed{background:#fff0f2;border:1px solid #ffd6dc}.message-error{color:#b7273c!important;margin-top:6px!important;font-size:9px!important}.channel-health.reconnecting{color:#8a681d;background:#fff7df}.channel-health.offline{color:#a33b49;background:#fff0f2}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Segoe UI Variable", "Segoe UI", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--ink:#17211d;--muted:#65716b;--line:#dfe5e1;--soft:#f3f6f4;--panel:#fff;--nav:#101915;--nav-raised:#17231e;--brand:#665cf6;--brand-hover:#574ddf;--brand-soft:#efedff;--green:#2a9d6f;--green-soft:#e8f7f0;--amber:#c67a17;--amber-soft:#fff4df;--danger:#c74242;--danger-soft:#fff0f0;--surface-canvas:#f5f7f5;--surface-subtle:#eef2ef;--text-strong:#17211d;--text-muted:#65716b;--border-subtle:#dfe5e1;--focus-ring:0 0 0 3px #665cf633;--shadow-sm:0 1px 2px #1019150d;--shadow-md:0 14px 36px #10191514;--shadow-lg:0 24px 64px #10191524;--shadow:var(--shadow-md);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px}*{scrollbar-color:#c7d0ca transparent;scrollbar-width:thin}body{background:var(--surface-canvas);color:var(--text-strong);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--brand);outline-offset:2px}::selection{color:var(--text-strong);background:#665cf62e}.ui-button{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-weight:700;line-height:1;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:disabled{cursor:not-allowed;opacity:.55}.ui-button-primary{background:var(--brand);color:#fff;box-shadow:0 8px 18px #665cf633}.ui-button-primary:hover:not(:disabled){background:var(--brand-hover)}.ui-button-secondary{border-color:var(--border-subtle);background:var(--panel);color:var(--text-strong);box-shadow:var(--shadow-sm)}.ui-button-secondary:hover:not(:disabled),.ui-button-ghost:hover:not(:disabled){background:var(--surface-subtle)}.ui-button-ghost{color:inherit;background:0 0}.ui-button-danger{background:var(--danger);color:#fff}.ui-button-sm{border-radius:10px;min-height:34px;padding:0 11px;font-size:12px}.ui-button-lg{min-height:46px;padding:0 19px}.ui-button-icon{width:var(--touch-target);min-width:var(--touch-target);height:var(--touch-target);padding:0}.ui-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-sm)}.ui-card-interactive{transition:border-color .16s,box-shadow .16s,transform .16s}.ui-card-interactive:hover{box-shadow:var(--shadow-md);border-color:#cdd6d0;transform:translateY(-2px)}.ui-badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;min-height:24px;padding:3px 9px;font-size:11px;font-weight:750;display:inline-flex}.ui-badge-neutral{border-color:var(--border-subtle);background:var(--surface-subtle);color:var(--text-muted)}.ui-badge-brand{background:var(--brand-soft);color:#4d43d2}.ui-badge-success{background:var(--green-soft);color:#176b4b}.ui-badge-warning{background:var(--amber-soft);color:#87520c}.ui-badge-danger{background:var(--danger-soft);color:#9e3030}.app-shell{background:var(--surface-canvas)}.sidebar{background:radial-gradient(circle at 20% 0%, #46b4851c, transparent 30%), var(--nav);color:#b9c5be;border-right:1px solid #ffffff0f;width:248px;padding:18px 12px 14px}.sidebar-brand{padding:0 8px 18px}.sidebar .brand-lockup.compact{padding:0}.brand-copy{gap:1px;min-width:0;display:grid}.brand-copy strong{color:#fff;letter-spacing:-.025em;font-size:16px}.brand-copy small{color:#7f9187;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:750}.brand-mark{background:linear-gradient(145deg,#766df8,#554bdc);border:1px solid #ffffff1c;border-radius:12px;box-shadow:0 10px 24px #352cad47}.sidebar-workspace{margin-top:15px}.sidebar-workspace .workspace-switch,.sidebar-workspace .workspace-switch-static{color:#fff;background:#ffffff0b;border:1px solid #ffffff14;border-radius:13px;width:100%;min-width:0;padding:8px}.sidebar-workspace .workspace-switch:hover{background:#ffffff13}.sidebar-workspace .workspace-switch small{color:#82938a}.sidebar-workspace .workspace-menu{width:100%;top:calc(100% + 7px);left:0;right:auto}.sidebar-nav{gap:15px;min-height:0;padding:3px 0 10px;display:grid;overflow-y:auto}.nav-group{gap:3px;display:grid}.nav-group-label{color:#687a70;letter-spacing:.12em;text-transform:uppercase;padding:0 11px 5px;font-size:9px;font-weight:800}.sidebar .nav-item,.mobile-nav-drawer .nav-item{border-radius:10px;min-height:39px;padding:8px 10px;font-size:12px;font-weight:650;transition:background-color .15s,color .15s,transform .15s}.sidebar .nav-item:hover{color:#fff;background:#ffffff0f;transform:translate(2px)}.sidebar .nav-item.active{color:#fff;background:linear-gradient(90deg,#665cf63d,#665cf614);box-shadow:inset 2px 0 #8279ff}.sidebar .nav-item.active svg{color:#a7a1ff}.sidebar-bottom{border-color:#ffffff14}.main-area{background:var(--surface-canvas)}.topbar{border-color:var(--border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;height:auto;min-height:76px;padding:11px clamp(16px,2vw,28px)}.page-title{min-width:0}.page-title .eyebrow{color:var(--green);letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:800}.page-title h1{color:var(--text-strong);letter-spacing:-.035em;font-size:clamp(20px,1.9vw,27px);font-weight:760;line-height:1.08}.topbar-actions{gap:9px}.global-search{border:1px solid var(--border-subtle);background:var(--surface-subtle);border-radius:12px;height:42px;transition:background-color .15s,border-color .15s,box-shadow .15s}.global-search:focus-within{box-shadow:var(--focus-ring);background:#fff;border-color:#665cf680}.management-page{background:radial-gradient(circle at 100% 0%, #46b4850b, transparent 28%), var(--surface-canvas);padding:clamp(18px,2.3vw,32px)}.page-subtitle{max-width:760px;color:var(--text-muted);margin:0 0 22px;line-height:1.6}:where(.card,.panel,.list-panel,.resource-card,.settings-card,.integration-summary){border-color:var(--border-subtle);box-shadow:var(--shadow-sm)}:where(.primary-button,.button.primary){border-radius:var(--radius-md);background:var(--brand);box-shadow:0 8px 18px #665cf62e}:where(.primary-button,.button.primary):hover:not(:disabled){background:var(--brand-hover)}:where(input,textarea,select):focus{box-shadow:var(--focus-ring);border-color:#665cf68c}.automation-rule-actions .subtle-button,.automation-rule-actions .icon-only{border:1px solid var(--border-subtle);min-height:36px;color:var(--text-strong);background:#fff;border-radius:10px;padding:0 11px;text-decoration:none}.automation-rule-actions .subtle-button:hover,.automation-rule-actions .icon-only:hover{background:var(--brand-soft);color:#4d43d2;border-color:#cbc6ff}.automation-rule-actions .danger{color:var(--danger);border-color:#f0d2d2}.automation-rule-actions .danger:hover{background:var(--danger-soft);color:#9e3030;border-color:#e8bebe}.login-page,.auth-centered{background:radial-gradient(circle at 12% 8%,#46b48521,#0000 27%),radial-gradient(circle at 90% 90%,#665cf61f,#0000 30%),#f4f7f5}.login-story{background:linear-gradient(145deg, #101915f0, #14221cf7), var(--nav)}.login-story:after{background:radial-gradient(circle,#665cf647,#0000 67%)}.login-card,.auth-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid #dfe5e1e6}.login-card input,.auth-card input,.auth-card select{border-color:var(--border-subtle);border-radius:var(--radius-md);background:#fbfcfb;min-height:46px}@media (max-width:900px){.sidebar{width:76px}.sidebar .brand-copy,.sidebar .nav-group-label,.sidebar-workspace{display:none}}@media (max-width:680px){.topbar{min-height:64px;padding:8px max(10px, var(--safe-right)) 8px max(10px, var(--safe-left))}.management-page{padding:16px 12px max(20px, var(--safe-bottom))}.mobile-nav-drawer{background:radial-gradient(circle at 20% 0%, #46b4851c, transparent 28%), var(--nav)}.mobile-nav-drawer .nav-group-label{color:#74867c}.mobile-nav-drawer .nav-item.active{color:#fff;background:#665cf633}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.inbox-grid{border-top:1px solid var(--border-subtle);background:var(--surface-canvas)}.inbox-grid>:where(.filter-column,.conversation-column,.chat-column,.contact-panel){border-color:var(--border-subtle)}.filter-column{background:linear-gradient(#46b48509,#0000 180px),#f8faf8;padding:20px 14px}.filter-column .section-heading h1{color:var(--text-strong);letter-spacing:-.035em;font-size:21px;font-weight:760}.filter-item{color:#536159;border-radius:10px;min-height:36px;font-weight:600;transition:background-color .14s,color .14s,transform .14s}.filter-item:hover{background:var(--surface-subtle);color:var(--text-strong);transform:translate(2px)}.filter-item.selected{background:linear-gradient(90deg, var(--brand-soft), #efedff8c);color:#4d43d2}.label-filter-section{border-color:var(--border-subtle)}.conversation-column{background:#fff}.conversation-column .list-toolbar{border-bottom:1px solid var(--border-subtle);background:#fffffff5;gap:9px;padding:14px 13px 12px}.conversation-column .list-toolbar>label{background:var(--surface-subtle);border-radius:11px;height:40px}.conversation-row{border-color:#edf1ee;min-height:76px;padding:13px;transition:background-color .14s,box-shadow .14s}.conversation-row:hover{background:#f7f9f7}.conversation-row.selected{box-shadow:inset 3px 0 var(--brand), inset 0 1px #665cf60a;background:linear-gradient(90deg,#efedfff5,#f7f6ff)}.conversation-row .avatar{border:1px solid #665cf614;border-radius:13px}.row-title strong{color:var(--text-strong);letter-spacing:-.01em;font-weight:750}.preview{color:var(--text-muted);line-height:1.4}.row-tags em,.row-tags small{border-radius:999px;padding:3px 6px}.chat-column{background:#eeeae2}.chat-header{border-color:var(--border-subtle);background:#fffffff5;height:auto;min-height:68px;padding:9px 15px;box-shadow:0 1px #10191505}.chat-person strong{color:var(--text-strong);font-weight:750}.conversation-context{color:#75643b;background:#fffcf1f2;border-color:#e7dfc7;height:auto;min-height:38px}.messages{background-color:#eeeae2}.date-divider span,.system-event{color:#64716b;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd6;border:1px solid #fff9}.message{border:1px solid #10191509;border-radius:13px;box-shadow:0 2px 7px #10191514}.message.incoming{background:#fffffffa}.message.outgoing{background:#dff8e8}.message .message-text{color:var(--text-strong)}.composer{margin:0 14px 12px}.composer-row{background:#fffffffa;border-color:#cfd8d2f2;border-radius:18px;box-shadow:0 10px 28px #1019151c}.composer-row:focus-within{box-shadow:0 12px 32px #1019151f, var(--focus-ring);border-color:#665cf680}.composer-plus,.composer .icon-button{border-color:var(--border-subtle);color:#5d6b64}.send-button{background:linear-gradient(135deg,#34b77f,#238f66);box-shadow:0 7px 18px #238f6640}.contact-panel{background:#f7f9f7;padding:16px 14px}.contact-panel>.contact-card,.contact-panel>section{border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px}.contact-panel>.contact-card{padding:18px 14px 16px}.contact-panel>section{margin-top:11px;padding:14px}.contact-actions-mini button{border-color:var(--border-subtle);background:var(--surface-canvas);border-radius:10px;min-height:48px;transition:border-color .14s,background-color .14s,color .14s}.contact-actions-mini button:hover{background:var(--brand-soft);color:#4d43d2;border-color:#cbc6ff}:where(.channels-center,.automation-management-card,.integration-summary,.integration-widget,.integration-hero,.settings-card){border-color:var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fffffff7}.channel-card,.automation-rule-row{transition:border-color .15s,background-color .15s,box-shadow .15s,transform .15s}.channel-card:hover,.automation-rule-row:hover{box-shadow:var(--shadow-md);background:#fbfcfb;border-color:#ccd5cf}.channel-card:hover{transform:translateY(-1px)}.automation-summary-grid>article{border-color:var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:15px}.automation-rule-mark,.automation-summary-icon,.integration-widget-icon{border-radius:12px}.settings-tabs,.integration-tabs{border-bottom-color:var(--border-subtle);gap:5px}.settings-tabs a,.integration-tabs a{border-radius:10px 10px 0 0}@media (max-width:680px){.composer{margin-right:max(8px, var(--safe-right));margin-bottom:max(8px, var(--safe-bottom));margin-left:max(8px, var(--safe-left))}.composer-row{border-radius:16px}.conversation-row{min-height:76px}.contact-panel>section{margin-left:0;margin-right:0}}:where(a.subtle-button,button.subtle-button){border:1px solid var(--border-subtle);width:fit-content;min-height:36px;color:var(--text-strong);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:700;text-decoration:none;transition:border-color .14s,background-color .14s,color .14s,transform .14s;display:inline-flex}:where(a.subtle-button,button.subtle-button):hover{background:var(--brand-soft);color:#4d43d2;border-color:#c7c1ff;transform:translateY(-1px)}:where(.table-card,.stack-card,.resource-card,.files-toolbar,.files-layout,.label-summary-grid article){border-color:var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.table-card tbody tr{transition:background-color .13s}.table-card tbody tr:hover{background:#fafbff}.settings-tabs{border:1px solid var(--border-subtle);width:fit-content;max-width:100%;box-shadow:var(--shadow-sm);background:#ffffffd1;border-radius:12px;padding:4px;overflow-x:auto}.settings-tabs a,.integration-tabs a{white-space:nowrap}.settings-tabs a.active{background:var(--brand-soft);color:#5147d8;border-radius:8px}.management-page>.settings-card{width:min(820px,100%);max-width:none}.help-grid .stack-card{min-height:220px;padding:24px;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden}.help-grid .stack-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#665cf621,#0000 68%);border-radius:999px;width:128px;height:128px;position:absolute;top:-46px;right:-38px}.help-grid .stack-card:hover{box-shadow:var(--shadow-md);border-color:#cec9ff;transform:translateY(-2px)}.help-grid .stack-card>svg{box-sizing:content-box;background:var(--brand-soft);border-radius:12px;padding:10px}.help-grid .stack-card h2{margin-top:16px;font-size:17px}.help-grid .stack-card p{color:var(--text-muted);flex:1;margin:0 0 18px;font-size:13px;line-height:1.65}.team-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.team-summary-grid article{border:1px solid var(--border-subtle);min-height:82px;box-shadow:var(--shadow-sm);background:#fff;border-radius:15px;align-items:center;gap:13px;padding:14px 16px;display:flex}.team-summary-grid article>div{gap:3px;display:grid}.team-summary-grid small{color:var(--text-muted);font-size:11px}.team-summary-grid strong{font-size:22px;line-height:1}.team-summary-icon,.team-avatar{border-radius:12px;flex:none;place-items:center;display:grid}.team-summary-icon{color:#586b82;background:#edf1f6;width:42px;height:42px}.team-summary-icon.active{color:#18875a;background:#e1f7ea}.team-summary-icon.teams{background:var(--brand-soft);color:#5a50df}.team-row{grid-template-columns:auto minmax(0,1fr) auto;display:grid}.team-avatar{background:var(--brand-soft);color:#554bd7;width:34px;height:34px;font-size:10px;font-weight:800}.team-empty-state{background:var(--surface-canvas);color:var(--text-muted);border-radius:12px;justify-items:start;gap:8px;padding:18px;display:grid}.team-empty-state>svg{color:var(--brand)}.team-empty-state p{margin:0 0 4px;font-size:12px;line-height:1.55}.team-empty-state strong{color:var(--text-strong)}@media (max-width:760px){.team-summary-grid{grid-template-columns:1fr}.help-grid .stack-card{min-height:0}}