:root{color-scheme:light;--ink:#221e35;--muted:#6b667d;--line:#e9e6f0;--paper:#fff;--background:#f8f7fc;--purple:#6349d6;--deep:#4e36b0;--soft:#eee9ff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color:var(--ink);background:var(--background)}
*{box-sizing:border-box}
body{margin:0}
button,input,textarea,select{font:inherit}
button{cursor:pointer;color:inherit}
button:disabled{cursor:wait;opacity:.65}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #795cf4;outline-offset:2px}
a{color:var(--deep)}
svg{width:19px;height:19px;flex:none}
h1,h2,h3,p{margin:0}
small{font-size:.84rem}
pre,.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.muted{color:var(--muted)}
.boot{min-height:100dvh;display:grid;place-items:center;color:var(--muted)}
.shell{position:fixed;inset:0;display:grid;grid-template-columns:218px minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}
.sidebar{display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);min-height:0;z-index:4}
.brand{border:0;background:none;display:flex;align-items:center;text-align:left;gap:11px;font-weight:800;font-size:1.07rem;letter-spacing:-.024em;padding:14px 13px;color:#272138;white-space:nowrap}
.brand small{display:block;color:#777087;font-size:9px;letter-spacing:.12em;font-weight:700;margin-top:4px}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:white;background:linear-gradient(145deg,#8268ee,#5740c6);box-shadow:0 3px 8px #5d44cd35}
.brand-mark svg{width:24px;height:24px}
.sidebar nav{overflow:auto;padding:2px 8px 10px;flex:1;scrollbar-width:thin;overscroll-behavior:contain}
.nav-label{color:#756e89;font-weight:800;font-size:10px;letter-spacing:.12em;padding:16px 10px 7px}
.nav-label:first-child{padding-top:10px}
.nav-split{display:flex;align-items:center;justify-content:space-between;padding-right:4px}
.nav-split .icon-button{height:25px;width:25px}
.nav-split svg{width:15px;height:15px}
.nav-item{display:flex;align-items:center;text-align:left;gap:10px;width:100%;min-width:0;padding:9px 11px;border:0;background:transparent;border-radius:8px;color:#534e65;min-height:38px;font-weight:600}
.nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-item:hover,.icon-button:hover,.profile:hover,.top-profile:hover{background:#f4f1fc}
.nav-item.selected{background:#ede8ff;color:#533abb;font-weight:750}
.nav-item .count{margin-left:auto;background:#eee9ff;color:#533abb;padding:2px 6px;border-radius:6px;font-size:10px;line-height:1.45}
.nav-item.selected .count{background:#dfd5ff}
.channel-item{font-weight:550;min-height:33px;padding-block:6px}
.channel-item svg{width:16px;height:16px}
.nav-hint{padding:5px 11px;color:#716a85;font-size:12px}
.profile{display:flex;gap:9px;align-items:center;text-align:left;border:0;border-top:1px solid var(--line);background:white;padding:9px 11px;width:100%;flex:none}
.profile>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.profile strong,.profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile small{color:var(--muted);text-transform:capitalize;margin-top:3px}
.avatar{display:inline-grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;font-size:11px;font-weight:800;background:#e8deff;color:#4d369f}
.avatar-large{width:52px;height:52px;font-size:16px;border-radius:15px}
.tone-0{background:#dff3ec;color:#196951}.tone-1{background:#fae9dd;color:#8b4b21}.tone-2{background:#e9dfff;color:#5735ab}.tone-3{background:#e1ecff;color:#305b9c}.tone-4{background:#fde4ee;color:#9b3c60}
.body{min-width:0;min-height:0;display:flex;flex-direction:column}
.topbar{height:66px;flex:none;padding:0 28px;display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}
.crumb,.top-actions{display:flex;align-items:center;gap:12px}
.crumb span{color:var(--muted)}
.crumb svg{width:13px;color:#8b8599}
.top-actions{gap:10px}
.search-button{border:1px solid var(--line);background:#f9f8fc;border-radius:9px;display:flex;align-items:center;gap:9px;padding:8px 10px;color:#666077;min-width:245px;text-align:left}
.search-button:hover{border-color:#c5b8f5}
.search-button span{flex:1}
kbd{font-family:inherit;font-size:11px;white-space:nowrap;color:#645a79;background:white;border:1px solid #e7e3ef;border-radius:4px;padding:1px 5px}
.top-profile,.icon-button{display:inline-grid;place-items:center;flex:none;border:0;border-radius:8px;background:transparent;width:36px;height:36px;padding:0;color:#5c536f}
.top-profile .avatar{border-radius:50%;width:32px;height:32px}
.mobile-menu,.bottom-nav,.scrim,.drawer-close,.preferences-picker{display:none}
.main{overflow:auto;flex:1;min-height:0}
.page{max-width:1430px;margin:auto;padding:30px 32px 44px}
.dashboard-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:23px}
.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:#6654a4;display:flex;align-items:center;gap:7px;margin-bottom:8px}
.eyebrow span{width:6px;height:6px;border-radius:50%;background:#8066ed}
h1{font-size:clamp(26px,3vw,38px);letter-spacing:-.045em;line-height:1.13;font-weight:800;overflow-wrap:anywhere}
.dashboard-heading p,.module-head p{color:var(--muted);margin-top:8px;line-height:1.5}
.today{white-space:nowrap;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 11px;color:#5e556e;font-size:12px}
.today svg{width:16px;color:#7359d4}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:212px;border-radius:17px;padding:23px 27px;background:radial-gradient(ellipse at 81% 50%,#7957e4 0%,transparent 54%),linear-gradient(105deg,#38247f,#5635b0 62%,#6143c7);color:#fff;box-shadow:0 6px 18px #3d2a8b24}
.hero-copy{position:relative;z-index:1;max-width:440px}
.hero-label{display:inline-flex;align-items:center;gap:6px;background:#ffffff20;border:1px solid #ffffff2a;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:800;letter-spacing:.12em}
.hero-label svg{width:12px;height:12px}
.hero h2{font-size:clamp(24px,3.15vw,36px);letter-spacing:-.045em;margin:9px 0 5px}
.hero p{color:#f0eaff;line-height:1.5;margin-bottom:14px;max-width:360px}
.button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e4dfed;background:white;color:#493d61;padding:8px 12px;border-radius:8px;font-weight:700;line-height:1.3;text-decoration:none}
.button:hover{border-color:#bbaaf4;background:#f8f5ff}
.button svg,.text-button svg{width:16px;height:16px}
.button.primary{background:#6046ce;border-color:#6046ce;color:white}
.button.primary:hover{background:#4f35ba;border-color:#4f35ba}
.hero .hero-button{flex-direction:row-reverse;color:#4b309c;border:0;background:white;font-size:12px;padding:9px 12px}
.hero .hero-button:hover{background:#eee7ff}
.orbital{position:absolute;inset:0 0 0 55%;min-width:300px;opacity:.92}
.orb,.orbit,.orbital i,.orbital b,.orbital em{position:absolute;left:50%;top:50%}
.orb{display:grid;place-items:center;width:100px;height:100px;transform:translate(-50%,-50%) rotate(-13deg);border:1px solid #e6d7ff8a;border-radius:27px;background:linear-gradient(145deg,#c3a1ffb5,#7956e1a8);box-shadow:inset 0 0 24px #dfccff70,0 0 60px #c19aff8a}
.orb svg{width:46px;height:46px;color:#f3eaff;stroke-width:1.25}
.orbit{border:1px solid #ddd1ff4f;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg);width:245px;height:107px}
.orbit-b{width:323px;height:140px;transform:translate(-50%,-50%) rotate(23deg)}
.orbit-c{width:365px;height:151px}
.orbital i,.orbital b,.orbital em{width:7px;height:7px;border-radius:50%;background:#f1e6ff;box-shadow:0 0 12px #e3d1ff;transform:translate(102px,-56px)}
.orbital b{width:5px;height:5px;transform:translate(-115px,44px)}
.orbital em{width:8px;height:8px;transform:translate(109px,65px)}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:17px 0}
.stat-card,.card{background:#fff;border:1px solid var(--line);border-radius:13px;min-width:0}
.stat-card{display:flex;align-items:flex-start;gap:11px;text-align:left;padding:14px 12px;min-height:76px}
.stat-card:hover{border-color:#cbbbff;box-shadow:0 2px 10px #45228c0d}
.stat-card>span:nth-child(2){min-width:0;flex:1}
.stat-card strong,.stat-card small{display:block}
.stat-card strong{font-size:23px;font-weight:800;letter-spacing:-.05em;line-height:1}
.stat-card small{color:var(--muted);margin-top:5px;line-height:1.2}
.stat-card>svg,.task-row>svg{width:14px;color:#827593}
.glyph{width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center;flex:none;color:#66547f;background:#f1edf7}
.glyph.purple,.pill.purple{background:#eee8ff;color:#5939bc}
.glyph.blue{background:#e5efff;color:#3564b4}
.glyph.amber{background:#fff0d9;color:#885113}
.glyph.green,.pill.green{background:#dff5ec;color:#187455}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.57fr) minmax(0,1fr);gap:15px;align-items:start}
.dashboard-right{display:grid;gap:15px}
.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 17px 12px}
.card-head h2{font-size:17px;font-weight:800;letter-spacing:-.025em}
.card-head p{font-size:12px;margin-top:4px;color:var(--muted)}
.tabs{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:0 16px}
.tabs button{padding:8px 2px;color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;font-size:12px;font-weight:750}
.tabs .active{color:#5637c0;border-bottom-color:#7659eb}
.card-list{padding:0 12px 5px}
.activity-row,.task-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #f0edf5;min-height:57px;padding:9px 5px;min-width:0}
button.activity-row:hover,button.task-row:hover{background:#f8f6fe}
.activity-row:last-child,.task-row:last-child{border-bottom:0}
.row-main{flex:1;min-width:0;overflow-wrap:anywhere}
.row-main strong{font-weight:750}
.row-main small,.activity-preview{display:block;color:var(--muted);margin-top:4px;line-height:1.25}
.activity-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.activity-row .muted,.row-time{font-size:11px;color:#6c637c}
.row-time{white-space:nowrap}
.task-circle{display:grid;place-items:center;width:18px;height:18px;border:1.5px solid #c0b4d8;border-radius:50%;flex:none}
.task-circle.checked{border-color:#57af8c;color:#237659}
.task-circle svg{width:12px}
.pill{font-size:10px;font-weight:750;background:#f0edf6;color:#635874;border-radius:999px;padding:4px 8px;white-space:nowrap}
.card-foot{border-top:1px solid var(--line);padding:8px 15px}
.text-button{background:transparent;border:0;color:#5c3dc2;padding:4px;font-size:12px}
.text-button:hover{background:#eee8ff}
.empty{display:grid;justify-items:center;text-align:center;gap:6px;padding:24px 12px;color:#463c58}
.empty p{font-size:12px;color:var(--muted)}
.module-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 16px;margin-bottom:20px}
.module-head>.module-actions{justify-content:flex-end;flex:0 0 auto;max-width:55%;margin-top:2px}
.module-heading{display:flex;align-items:flex-start;gap:12px;min-width:0}
.module-heading>.glyph{margin-top:2px}
.module-heading>div{min-width:0}
.module-head p{margin-top:5px}
.module-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.module>.card+.card{margin-top:16px}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}
.toolbar .tabs{padding-left:0}
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.board-column{border:1px solid var(--line);border-radius:13px;background:#f0edf8;min-width:0;padding:12px}
.board-column h2{display:flex;justify-content:space-between;font-size:14px;margin-bottom:10px}
.board-column h2 span{color:var(--muted)}
.board-column>.muted{font-size:12px}
.board-task{background:#fff;border:1px solid var(--line);border-radius:9px;text-align:left;padding:11px;width:100%;margin-bottom:8px;overflow-wrap:anywhere}
.board-task:hover{border-color:#c7b6fa}
.board-task p{font-size:12px;color:var(--muted);margin:6px 0 10px}
.board-task>div{display:flex;align-items:center;gap:5px;color:var(--muted)}
.board-task .avatar{width:23px;height:23px;border-radius:6px;font-size:9px}
.board-task small:last-child{margin-left:auto}
.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,185px),1fr));gap:12px}
.person{padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;overflow-wrap:anywhere}
.person h2{font-size:17px}
.person p{color:var(--muted);font-size:12px;line-height:1.4}
.person-identity p,.person-status{margin-top:4px}
.person-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px}
.person-meta .pill{text-transform:capitalize}
.person-action{display:flex;align-items:center;min-height:36px;margin-top:auto}
.person-action>.muted{font-size:12px}
@supports (grid-template-rows:subgrid){
  .person{display:grid;grid-row:span 4;grid-template-rows:subgrid;align-items:start;justify-items:start}
  .person-action{grid-row:4;align-self:end}
  .people-grid{row-gap:8px}
}
.audit{margin-top:16px}
.assistant-card{max-width:790px}
.assistant-form,.assistant-result{padding:12px 17px 17px}
.assistant-submit{display:flex;margin-inline-start:auto}
.assistant-result{border-top:1px solid var(--line)}
.assistant-result>p{white-space:pre-wrap;margin:12px 0}
.source{padding:12px 0;border-top:1px solid var(--line)}
.source p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);margin:4px 0}
.chat-layout{display:grid;grid-template-columns:minmax(0,1fr);height:100%;background:#fff}
.chat-layout.has-thread{grid-template-columns:minmax(0,1fr) minmax(280px,35%)}
.conversation,.thread{display:flex;flex-direction:column;min-width:0;min-height:0}
.thread{border-left:1px solid var(--line);background:#fcfbff}
.conversation-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:12px 17px;min-height:63px}
.conversation-head h1,.conversation-head h2{font-size:19px;line-height:1.15;letter-spacing:-.03em}
.conversation-head p{color:var(--muted);font-size:12px;margin-top:4px;overflow-wrap:anywhere}
.conversation-tools{margin-left:auto;display:flex;gap:5px;align-items:center}
.thread .conversation-tools{margin-left:auto}
.thread .conversation-head{flex:none}
.thread-list-row{display:flex;align-items:center;min-width:0;border-bottom:1px solid var(--line)}
.thread-list-row:last-child{border-bottom:0}
.thread-list-row>.activity-row{flex:1;min-width:0;border-bottom:0}
.thread-list-row>.icon-button{margin-right:8px}
.message-menu-group+.message-menu-group{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}
.message-menu-group .danger-action{color:#a42848}
.thread-activity{width:100%;text-align:left}
.browse-channel{display:flex;align-items:center;gap:8px}
.browse-channel[hidden]{display:none}
.browse-channel .shortcut-row{flex:1;min-width:0}
.browse-channel small{display:block}
.browse-channel-list{margin:8px 0}
.notification-settings{margin-top:16px}
.call-screens{display:grid;gap:8px}
.call-screens video{display:block;width:100%;max-height:45vh;object-fit:contain;background:#161322;border-radius:8px}
.call-recording:empty,.call-screens:empty{display:none}
.call-recording{font-weight:700}
.incoming-calls{max-height:30vh;overflow:auto;border-bottom:1px solid #ddd6fe;background:#f5f3ff}
.incoming-call{display:flex;align-items:center;gap:10px;padding:8px 14px}
.incoming-call>div{flex:1;min-width:0}
.incoming-call .incoming-call-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:10px;background:#e8ddff;color:#6046ce}
.incoming-call-icon svg,.call-mute svg{width:18px;height:18px;flex:none}
.incoming-call strong,.incoming-call span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.incoming-call span{font-size:12px;color:var(--muted)}
.active-call-bar{display:flex;align-items:center;gap:12px;padding:9px 14px;background:#e9f7ee;border-bottom:1px solid #badbc7;color:#173b27}
.active-call-info{flex:1;min-width:0}
.active-call-info>strong,.active-call-info>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.active-call-info>span{font-size:12px;margin-top:2px}
.call-live-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#18834b}
.active-call-buttons,.call-controls{display:flex;align-items:center;gap:8px}
.active-call-buttons{flex-shrink:0}
.active-call-buttons svg,.call-page .button svg,.incoming-call .button svg{flex:none}
.active-call-buttons .call-mute{border:1px solid #badbc7;background:#fff}
.button.call-leave{background:#a3293d;border-color:#a3293d;color:white}
.button.call-leave:hover{background:#851e31;border-color:#851e31}
.call-page{background:#f7f6fb}
.call-page-inner{width:min(100%,1000px);margin:0 auto;padding:24px}
.call-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.call-page-head h1{margin:3px 0 0;font-size:clamp(24px,4vw,36px);overflow-wrap:anywhere}
.call-eyebrow{font-size:11px;letter-spacing:.11em;font-weight:800;color:#634ba0}
.call-stage{background:#211934;color:#fff;border-radius:16px;padding:16px}
.call-status{margin:0 0 12px;font-weight:650;color:#def5e8}
.call-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:0;margin:0;list-style:none}
.call-people li{display:grid;justify-items:center;align-content:center;gap:8px;min-width:0;min-height:116px;padding:10px;background:#34294d;border-radius:10px;text-align:center}
.call-people li>span:last-child{min-width:0;overflow-wrap:anywhere}
.call-stage .call-screens:not(:empty){margin-top:12px}
.call-controls,.call-preview,.call-record-options{background:white;border:1px solid var(--line);border-radius:12px;padding:14px}
.call-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:12px 0}
.call-controls .module-actions{align-items:center}
.call-preview{display:grid;justify-items:center;gap:10px;text-align:center;padding:26px 14px}
.call-preview p{color:var(--muted)}
.call-preview .module-actions{justify-content:center}
.call-preview-icon{display:grid;place-items:center;width:52px;height:52px;background:#eee8ff;color:#634ba0;border-radius:14px}
.call-preview-icon svg{width:26px;height:26px}
.call-record-options{margin-top:10px}
.call-record-options p,.call-page .call-recording:not(:empty){margin:10px 0}
.schedule-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.messages{flex:1;overflow:auto;min-height:0;padding:12px 14px}
.messages .empty{height:100%;align-content:center}
.older{display:flex;margin:1px auto 8px}
.message{display:flex;align-items:flex-start;gap:9px;padding:8px;border-radius:9px}
.message:hover,.message.highlight{background:#f5f0ff}
.message-main{min-width:0;flex:1}
.message-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.message-meta time,.message-meta small{color:var(--muted);font-size:11px}
.message-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px;line-height:1.5}
.message-actions,.reactions{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin-top:4px}
.message-actions .icon-button{width:26px;height:25px}
.message-actions .icon-button svg{width:14px;height:14px}
.reaction{border:1px solid #ede8f5;background:#fff;border-radius:12px;padding:2px 5px;font-size:11px}
.reaction:hover,.reaction.mine{background:#efe8ff;border-color:#c8b7f6}
.message.removed,.thread-note,.thread-label{color:var(--muted);font-size:12px}
.thread-label{padding:8px 6px;border-bottom:1px solid var(--line);font-weight:750}
.thread-note{padding:10px 6px}
.composer{margin:7px 14px 13px;border:1px solid #e0d8ed;border-radius:11px;background:#fff;overflow:hidden}
.composer:focus-within{border-color:#a590ea}
.composer textarea{border:0;border-radius:0;width:100%;min-height:53px;display:block;padding:9px 10px;resize:vertical;max-height:160px}
.composer textarea:focus-visible{outline:none}
.composer>div{padding:4px 7px 6px 10px;display:flex;align-items:center;gap:7px;justify-content:space-between}
.composer>div>span,.posting-note{font-size:11px;color:var(--muted)}
.posting-note{padding:12px 15px}
dialog{border:1px solid var(--line);border-radius:16px;padding:0;background:white;color:var(--ink);width:min(530px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-shadow:0 18px 80px #21134140}
dialog::backdrop{background:#25194070}
.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}
.dialog-head h2{font-size:20px;letter-spacing:-.03em}
.dialog-body{padding:16px}
.dialog-body>p{margin-bottom:12px}
.dialog-body>h3:not(:first-child){margin-top:16px}
.dialog-body>h3+p,.dialog-body>h3+.module-actions{margin-top:6px}
.dialog-body>p:last-child{margin-bottom:0}
form label:not(.sr){display:grid;gap:5px;color:#4e435f;font-size:12px;font-weight:700;margin-bottom:11px}
input,textarea,select{width:100%;min-width:0;border:1px solid #e1dbed;border-radius:8px;padding:8px 10px;background:#fff;color:var(--ink)}
textarea{resize:vertical}
form input[type=checkbox]{width:auto;margin:0;accent-color:var(--purple)}
form .checkbox{display:flex!important;align-items:center;gap:8px}
fieldset{border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin:0 0 10px}
legend{color:var(--muted);font-size:12px}
.form-error{color:#a33247;min-height:0;font-size:12px}
.form-error:not(:empty){margin:7px 0}
.form-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
.doc-input{min-height:165px}
form .search-field{display:flex!important;align-items:center;gap:6px}
.search-field input{flex:1}
.account{display:flex;gap:12px;align-items:center;margin-bottom:15px}
.account p{color:var(--muted);margin:4px 0 7px}
#toast{position:fixed;right:16px;bottom:16px;z-index:10;padding:10px 14px;border-radius:9px;background:#3b2b63;color:#fff;opacity:0;pointer-events:none;max-width:min(400px,calc(100vw - 32px));transition:opacity .15s}
#toast.visible{opacity:1}
#toast.error{background:#85283b}
.login{display:grid;place-items:center;min-height:100dvh;padding:18px;background:radial-gradient(ellipse at 30% 30%,#eee7ff,transparent 60%),#f9f8fc}
.login-card{width:min(100%,430px);padding:29px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 10px 40px #48378517}
.login-brand{padding:0 0 22px}
.login-card>p{color:var(--muted);margin:8px 0 18px}
.login-card .button{width:100%;margin-top:6px}
@media(max-width:1130px){.shell{grid-template-columns:204px minmax(0,1fr)}.page{padding-inline:22px}.topbar{padding-inline:19px}.stat-card{gap:7px}.stat-card>svg{display:none}.hero-copy{max-width:60%}}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.dashboard-right{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card>svg{display:block}.hero-copy{max-width:68%}.orbital{opacity:.55;left:60%}}
@media(max-width:800px){
  .active-call-bar{padding:5px 8px;gap:7px}
  .active-call-buttons{gap:4px}
  .active-call-buttons .button{min-height:44px;padding-inline:7px;font-size:11px;white-space:nowrap}
  .active-call-buttons .call-mute{width:36px;height:44px}
  .active-call-buttons .button svg{display:none}
  .incoming-call{padding-inline:8px;gap:7px}
  .incoming-call .button{min-height:44px;padding-inline:7px;font-size:11px}
  .incoming-call .button svg{display:none}
  .active-call-info>strong{font-size:12px}
  .active-call-info>span{font-size:11px}
  .call-page-inner{padding:12px 10px max(16px,env(safe-area-inset-bottom))}
  .call-page .button{min-height:44px}
  .call-controls{padding:8px;gap:6px}
  .call-controls .button{padding-inline:8px}
  .shell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
  .sidebar{position:fixed;top:0;left:0;bottom:0;width:min(248px,84vw);transform:translateX(-100%);visibility:hidden;transition:transform .17s}
  .sidebar.mobile-open{transform:translateX(0);visibility:visible}
  .scrim{display:block;position:fixed;inset:0;border:0;background:#23183965;z-index:3}
  .mobile-menu{display:inline-grid}
  .topbar{height:54px;padding-inline:9px}
  .crumb{flex:1;gap:6px}
  .top-actions{gap:3px}
  .search-button{min-width:0;padding:5px;background:white;border-color:transparent}
  .search-button span,.search-button kbd{display:none}
  .page{padding:18px 13px 25px}
  .bottom-nav{display:flex;align-items:stretch;background:white;border-top:1px solid var(--line);padding:3px 3px max(4px,env(safe-area-inset-bottom))}
  .bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 1px;font-size:9px;min-height:43px;position:relative}
  .bottom-nav .nav-item svg{width:16px;height:16px}
  .bottom-nav .count{position:absolute;right:1px;top:1px;padding:1px 3px;font-size:8px}
  .dashboard-heading{align-items:flex-start;margin-bottom:14px}
  .today{font-size:0;padding:6px}
  .hero{padding:17px;min-height:179px}
  .hero-copy{max-width:76%}
  .hero p{font-size:12px}
  .orbital{left:48%;opacity:.38}
  .stat-grid{gap:7px;margin:11px 0}
  .stat-card{padding:8px;min-height:60px}
  .stat-card>svg{display:none}
  .dashboard-right{grid-template-columns:1fr}
  .board{grid-template-columns:1fr}
  .module-head{flex-direction:column;margin-bottom:16px}
  .module-head>.module-actions{justify-content:flex-start;max-width:100%;margin-top:0}
  .conversation-head{padding:9px;min-height:54px}
  .conversation-head .button{font-size:10px;padding:5px}
  .messages{padding:8px}
  .composer{margin:4px 7px 7px}
  #toast{bottom:60px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}

.inbox-indicator{position:relative}
.inbox-indicator>span{position:absolute;top:5px;right:6px;width:8px;height:8px;border:1px solid white;border-radius:50%;background:#7051da;pointer-events:none}
.inbox-row{display:flex;align-items:center;border-bottom:1px solid var(--line)}
.inbox-row:last-child{border:0}
.inbox-row .activity-row{border:0;flex:1;padding-inline:9px}
.inbox-unread{background:#f8f4ff;border-radius:8px}
.inbox-row>.icon-button{margin-right:4px}
.channel-member-list{margin-top:16px}
.channel-member-list>.task-row{min-height:45px}
.composer-tools{display:flex;align-items:center;gap:8px}
.composer .mention-button{font-size:11px;padding:4px 6px}
@media(max-width:700px){.composer-tools small{display:none}}

.shortcut-help{color:var(--muted)}
.message:focus-visible{outline:2px solid #a28af0;outline-offset:-2px}
.message-actions{gap:6px}
.message-actions .icon-button{width:32px;height:29px}
.message-actions .icon-button svg{width:16px;height:16px}
.message-actions .saved-button{background:#eee8ff;color:#5536bc}
.message-actions .text-button{padding:5px 8px;background:#f4f0fd}
.message-body code{color:#784153;background:#f7edf1;border-radius:4px;padding:1px 4px}
.message-body a{font-weight:700;text-underline-offset:2px}
.composer .composer-tools{gap:3px}
.composer-tools .icon-button{width:32px;height:32px}
.composer-tools .icon-button svg{width:17px;height:17px}
.send-group{display:flex;align-items:stretch;gap:1px}
.send-group .button{border-radius:8px 0 0 8px}
.send-group .send-later{height:auto;width:31px;border-radius:0 8px 8px 0;background:#6046ce;color:white}
.send-group .send-later:hover{background:#4f35ba}
.send-group .send-later svg{width:16px;height:16px}
.shortcut-row{display:flex;align-items:center;gap:10px;min-height:39px;width:100%;text-align:left;padding:6px 8px;border:0;border-radius:7px;background:white;color:var(--ink)}
button.shortcut-row:hover,button.shortcut-row:focus-visible{background:#f2edff}
.shortcut-row>span{flex:1;line-height:1.35}
.shortcut-row small{display:block;margin-top:3px;line-height:1.35}
.shortcut-row>svg{width:17px;height:17px;color:#5d47ad}
.shortcut-row kbd{white-space:normal;text-align:right}
.shortcut-section{margin-bottom:13px}
.shortcut-section h3{font-size:12px;color:var(--muted);padding:4px 8px}
.form-note{font-size:13px;color:var(--muted);margin-bottom:12px;line-height:1.5}
.scheduled-row{display:flex;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px solid var(--line)}
.scheduled-row:last-child{border:0}
.scheduled-row .module-actions{flex:none}
@media(max-width:700px){
  .shortcut-help{display:none}
  .message-actions .icon-button{width:36px;height:32px}
  .scheduled-row{flex-wrap:wrap}
  .scheduled-row .row-main{min-width:55%}
  .scheduled-row .module-actions{margin-left:46px}
}
.message-stack{min-height:100%;display:flex;flex-direction:column;justify-content:flex-end}
.message-stack>.empty{margin:auto}
.message-day{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:11px;font-weight:700;margin:10px 5px 6px}
.message-day::before,.message-day::after{content:"";flex:1;height:1px;background:var(--line)}
.composer>div{flex-wrap:wrap}
.composer-tools{flex-wrap:wrap}
.composer .mention-button svg{width:13px;height:13px}
.composer .send-group{margin-left:auto}
.shortcut-row[hidden],[data-command-empty][hidden]{display:none}
[data-command-empty]{color:var(--muted);padding:8px}
@media(max-width:390px){
  .composer-tools>.icon-button{display:none}
}
.message-file{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 10px 7px 7px;margin-top:5px;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:var(--ink)}
.message-file:hover{background:#f8f5ff}
.message-file>span:last-child{min-width:0;overflow-wrap:anywhere}
.message-file small{display:block;margin-top:3px;color:var(--muted)}

.home-quick{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 18px}
.section-tabs{min-width:0;max-width:100%;padding:0 5px;gap:17px;overflow-x:auto;scrollbar-width:thin;margin-bottom:13px;flex:none}
.section-tabs button{white-space:nowrap;padding:10px 4px;font-size:13px}
.conversation>.section-tabs{padding-inline:16px;margin:0}
.conversation-resources{overflow:auto;padding:8px 16px;flex:1}
.conversation-head>.conversation-tools{flex:none}
.work-toolbar{flex-wrap:wrap;justify-content:flex-start}
.work-toolbar .section-tabs{margin:0}
.work-toolbar .project-filter{margin-left:auto}
.table-scroll{overflow-x:auto}
.data-table{border-collapse:collapse;width:100%;min-width:470px}
.data-table th,.data-table td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--line)}
.data-table th{font-size:12px;color:var(--muted);font-weight:750}
.data-table tbody tr:last-child td{border:0}
.data-table td:first-child .text-button{text-align:left;justify-content:flex-start}
.calendar{margin-bottom:14px}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0 12px 12px;gap:4px;text-align:center}
.calendar-grid>strong{font-size:11px;color:var(--muted);padding:4px 0}
.calendar-grid>button{min-width:0;min-height:36px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 6px;display:flex;gap:3px;align-items:center;justify-content:space-between}
.calendar-grid>button:hover,.calendar-grid>button.active{background:#eee8ff;border-color:#cbbaf7;color:#5034b0}
.calendar-grid>button small{background:#e9e1fc;color:#5438a3;padding:1px 4px;border-radius:5px}
.more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px}
.more-card{display:flex;align-items:flex-start;gap:11px;padding:14px;text-align:left}
.more-card:hover{background:#faf7ff;border-color:#d2c3f8}
.more-card>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.more-card strong,.more-card small{display:block}
.more-card small{color:var(--muted);line-height:1.4;margin-top:5px}
.more-card>svg{width:14px;color:var(--muted);margin-top:2px}
.reports-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:15px}
.assistant-actions{max-width:790px;margin-bottom:12px}
.assistant-actions>.module-actions{padding:0 16px 15px}
.library-reader{background:#faf8fe;padding:12px;border-radius:8px;margin:0 0 12px;line-height:1.55}
.compact-chat .message{padding-block:4px}
.compact-chat .message>.avatar{width:26px;height:26px;font-size:9px}
.compact-chat .message-body{line-height:1.28}
@media(max-width:700px){
  .home-quick{margin-top:0}
  .section-tabs{gap:9px}
  .section-tabs button{font-size:12px}
  .work-toolbar .project-filter{margin-left:0}
  .calendar-grid{padding-inline:6px;gap:2px}
  .calendar-grid>button{padding:4px;min-height:31px}
  .calendar .button{font-size:10px;padding:5px}
  .reports-stats{grid-template-columns:1fr}
  .conversation-resources{padding-inline:9px}
}
.library-reader h3,.library-reader h4,.library-reader h5{margin:5px 0}
.reader-space{height:10px}
@media(max-width:370px){.conversation-head{flex-wrap:wrap}.conversation-tools{margin-left:0}.calendar .card-head{align-items:flex-start;flex-wrap:wrap}}

.message-actions .message-save.saved-button{background:#e9e0ff;color:#4723a4;box-shadow:inset 0 0 0 1px #cab8f8}
.message-save.saved-button svg{fill:currentColor}
.mention-chip{color:#4b2ba5;background:#eee7ff;font-weight:700;border-radius:5px;padding:1px 4px;white-space:nowrap}
.mention-chip.mention-self{background:#fff0c1;color:#664b10}
.composer{position:relative;overflow:visible}
.composer textarea{border-radius:10px 10px 0 0}
.composer>.composer-suggestions{position:absolute;left:6px;right:6px;bottom:calc(100% + 5px);max-width:380px;max-height:245px;display:block;overflow-y:auto;background:white;border:1px solid #d9cdef;border-radius:10px;padding:4px;box-shadow:0 8px 25px #2f1c5b26;z-index:6}
.composer>.composer-suggestions[hidden]{display:none}
.composer-suggestions button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:white;border-radius:6px;padding:6px}
.composer-suggestions button:hover,.composer-suggestions button[aria-selected=true]{background:#f1eaff;color:#4c2da5}
.composer-suggestions strong,.composer-suggestions small,.attachment-preview strong,.attachment-preview small{display:block;overflow-wrap:anywhere}
.composer-suggestions small,.attachment-preview small{color:var(--muted);margin-top:2px}
.composer>.attachment-preview{justify-content:flex-start;gap:9px;margin:0 8px 5px;padding:6px;border:1px solid var(--line);border-radius:8px;background:#faf8ff}
.composer>.attachment-preview>span{color:var(--ink)}
.attachment-preview>.icon-button{margin-left:auto}
.composer>.composer-drop-hint{position:absolute;inset:0;z-index:7;display:none;place-content:center;text-align:center;border:2px dashed #7853dc;border-radius:10px;background:#f0eaff;color:#49219f;font-weight:750;pointer-events:none}
.composer.drop-active>.composer-drop-hint{display:grid}
.board-instruction{font-size:12px;color:var(--muted);margin:0 0 8px}
.board-task[draggable=true]{cursor:grab}
.board-task[draggable=true]:active{cursor:grabbing}
.board-column.drop-active{outline:2px dashed #7956df;outline-offset:-3px;background:#eee7ff}
.forward-card{margin:7px 0;border-left:3px solid #8971d3;border-radius:0 9px 9px 0;background:#f8f5ff;max-width:650px;padding:9px 12px;overflow-wrap:anywhere}
.forward-label,.forward-meta,.forward-file{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.forward-label{font-size:12px;color:#51369b;font-weight:750;margin-bottom:5px}
.forward-meta>span,.forward-card>p{font-size:12px;color:var(--muted)}
.forward-file{font-size:12px;margin:4px 0}
.forward-label svg,.forward-file svg{width:15px;height:15px}
.forward-card .text-button{margin-top:5px}
.dialog-body .forward-card{margin:0 0 12px}
.task-breadcrumb{display:flex;gap:10px;margin:-9px 0 10px}
.task-detail-grid{display:grid;grid-template-columns:minmax(290px,1fr) minmax(315px,1.17fr);align-items:start;gap:14px}
.task-detail-left,.task-detail-right{display:grid;gap:12px;min-width:0}
.task-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 17px;margin:5px 0 14px}
.task-facts dt{font-size:12px;color:var(--muted);margin-bottom:4px}
.task-facts dd{margin:0;font-weight:650}
.task-description{padding:12px 17px 16px;border-top:1px solid var(--line)}
.task-description h3{font-size:14px;margin-bottom:7px}
.task-description .prewrap{line-height:1.55;margin-bottom:8px}
.task-related summary{padding:12px 17px;font-weight:700;cursor:pointer}
.task-comments{max-height:430px;min-height:145px;overflow:auto;padding:0 12px}
.task-comment{display:flex;gap:8px;padding:8px 5px;border-bottom:1px solid var(--line)}
.task-comment:last-child{border:0}
.task-discussion .task-composer{margin:9px 12px 12px}
@media(max-width:900px){.task-detail-grid{grid-template-columns:1fr}}
.search-filters{margin-bottom:9px}
.search-filters summary{cursor:pointer;font-weight:700;margin-bottom:8px}
.search-filters>div{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.search-filters>p{font-size:11px}
.channel-item>small{margin-left:auto;color:var(--muted);font-size:10px}
[data-voice-shortcut]:empty{display:none}

.nav-split>span:last-child{display:flex;gap:4px;align-items:center}
.conversation-head>.glyph+div{min-width:0}
.conversation-head h1{overflow-wrap:anywhere}
.message-link{overflow-wrap:anywhere}
.chat-layout.has-split{grid-template-columns:minmax(0,1fr) minmax(240px,38%)}
.split-preview .conversation-head>div{flex:1;min-width:0}
.split-message{padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.split-message p{margin:5px 0;white-space:pre-wrap}
.channel-member-list{margin-top:12px}
.channel-member-list .task-row>span:nth-child(2){flex:1}
.channel-permissions p,.empty-settings{padding:8px 12px}
@media(max-width:900px){
  .chat-layout.has-split{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,2fr) minmax(140px,1fr)}
  .split-preview{border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:600px){
  .conversation>.conversation-head{flex-wrap:wrap}
  .conversation>.conversation-head>.glyph+div{flex:1}
  .conversation>.conversation-head>.conversation-tools{flex-basis:100%;justify-content:flex-end}
  
}

[data-workflow-steps]{display:grid;gap:8px;margin:12px 0}
[data-workflow-steps] fieldset{min-width:0}
.integration-row .module-actions{flex-shrink:0}
@media(max-width:600px){
  .integration-row{flex-wrap:wrap}
  .integration-row .module-actions:not(:empty){flex-basis:100%}
}

.section-empty{font-size:12px;color:var(--muted)}
.nav-split>span:first-child{min-width:0;overflow-wrap:anywhere}
.chat-tabs-bar{display:flex;align-items:center;flex:none;border-bottom:1px solid var(--line);padding:0 12px;min-width:0}
.chat-tabs-bar .section-tabs{margin:0;min-width:0;flex:0 1 auto;border-bottom:0}
.chat-tabs-bar>.icon-button{flex:none}
.channel-detail-actions{margin-bottom:10px}
.channel-start-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 18px}
.resource-card{padding:16px;overflow-wrap:anywhere}
.resource-card h2{margin-bottom:10px}
.resource-card>.button,.resource-card p{margin-top:10px}
.resource-tab-row{flex-wrap:wrap}
.invite-link-row{display:flex;align-items:end;gap:8px;margin:12px 0}
.invite-link-row label{flex:1;min-width:0}
.composer-format{display:flex;flex-wrap:wrap;align-items:center;gap:4px;border-bottom:1px solid var(--line);padding:4px 0}
.composer-format[hidden]{display:none}
.composer-format button:not(.icon-button){padding:4px 7px;border-radius:5px;font-size:12px;font-weight:700}
.composer-format button:hover{background:var(--soft)}
.message-body pre{white-space:pre-wrap;background:#f7f4fb;border-radius:6px;padding:8px}
.message-body blockquote{padding-left:10px;border-left:2px solid var(--line);margin:5px 0}
.message-body ul,.message-body ol,.channel-list{padding-left:23px}
@media(max-width:700px){
  .composer .composer-tools>.icon-button{display:inline-grid}
  .chat-tabs-bar{padding:0 6px}
  .resource-tab-row .module-actions{flex-wrap:wrap}
}
.resource-tab-row>.row-main{flex:1 0 140px}
.resource-tab-row>.module-actions{flex:0 1 auto}
.channel-detail-actions+.section-tabs{flex-wrap:wrap;gap:0 12px;overflow:visible}

.chat-head{gap:12px;min-height:65px}
.chat-head .conversation-title{flex:1;min-width:0}
.conversation-identity{display:flex;align-items:center;gap:10px;border:0;background:transparent;border-radius:9px;padding:4px 7px;text-align:left;max-width:100%}
.conversation-identity:hover{background:var(--background)}
.conversation-identity>span:nth-child(2){min-width:0;display:grid;gap:3px}
.conversation-identity strong,.conversation-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversation-identity strong{font-size:17px;line-height:1.25}
.conversation-identity small{font-size:11px;color:var(--muted);font-weight:500;letter-spacing:0}
.conversation-identity>svg{width:14px;height:14px;color:var(--muted)}
.chat-head .conversation-tools{gap:4px;align-items:center}
.chat-head .huddle-tool{min-height:35px;color:var(--deep);background:#f7f4ff;border-color:#e9dffd}
.composer[data-form="message"]{border-radius:13px;background:var(--paper);box-shadow:0 3px 12px #3a22620b}
.composer[data-form="message"]>.composer-format{justify-content:flex-start;gap:2px;background:#f8f7fc;padding:4px 8px}
.composer-format .icon-button{width:32px;height:32px}
.composer-format .icon-button svg{width:16px;height:16px}
.composer[data-form="message"] textarea{min-height:62px;padding:10px 13px;background:transparent}
.composer[data-form="message"]>.composer-footer{gap:5px;flex-wrap:nowrap;padding:5px 8px 7px}
.composer-footer .composer-tools{flex-wrap:wrap;min-width:0}
.composer-footer .composer-add{border-radius:50%;background:var(--soft);color:var(--deep)}
.composer-footer [aria-expanded="true"]{background:#f3effe;color:var(--deep)}
.composer-footer .send-group{flex:none}
.composer-footer .send-group .button{display:flex;align-items:center;gap:5px;min-height:34px}
.app-group{margin:0 0 24px}
.app-group>h2{font-size:15px;margin-bottom:10px}
.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px}
.app-card{display:flex;flex-direction:column;justify-content:space-between;padding:14px;gap:14px;min-width:0}
.app-card-heading{display:flex;align-items:flex-start;gap:11px}
.app-card-heading>div{min-width:0}
.app-card-heading h2{font-size:15px;margin:1px 0 3px}
.app-card-heading p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.app-card .app-logo{background:#f7f7fb;border:1px solid var(--line);border-radius:11px;width:42px;height:42px}
.app-logo svg{width:24px;height:24px}
.app-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.app-card-footer .module-actions{justify-content:flex-start;gap:5px}
@supports (grid-template-rows:subgrid){
  .app-card{display:grid;grid-template-rows:subgrid;grid-row:span 2}
  .app-card-footer{align-self:end}
}
.integration-callbacks{margin:12px 0;padding:9px 11px;background:var(--background);border:1px solid var(--line);border-radius:9px}
.integration-callbacks small{display:block;overflow-wrap:anywhere;line-height:1.4}
form .callback-row label:not(.sr){margin-bottom:0}
@media(max-width:700px){
  .conversation>.chat-head{flex-wrap:nowrap;gap:5px}
  .conversation>.chat-head>.conversation-tools{flex-basis:auto;justify-content:flex-end;gap:1px}
  .chat-head .icon-button{width:30px;height:32px}
  .chat-head .huddle-tool{font-size:0;width:33px;padding:0;justify-content:center}
  .chat-head .huddle-tool svg{width:18px;height:18px}
  .conversation-identity{gap:5px;padding:2px 3px}
  .conversation-identity strong{font-size:14px}
  .conversation-identity .avatar,.conversation-identity .glyph{width:28px;height:28px}
  .conversation-identity>svg{display:none}
  .composer-footer .composer-tools .composer-extra{display:none}
  .composer-footer .composer-tools .icon-button{width:30px;height:32px}
  .composer-footer .send-group .button>span{display:none}
}

.button.icon-action{min-width:36px;min-height:36px;padding-inline:9px}
@media(max-width:700px){
  .active-call-buttons .button.icon-action svg,.incoming-call .button.icon-action svg{display:block}
  .button.icon-action{min-width:36px;min-height:36px}
  .active-call-buttons .button.icon-action,.incoming-call .button.icon-action{min-height:44px}
}

.emoji-picker{min-width:0}
.emoji-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,36%);gap:8px}
.emoji-search{position:relative;display:block}
.emoji-search svg{position:absolute;left:10px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.emoji-search input{padding-left:34px}
.emoji-filters input,.emoji-filters select{min-height:38px}
.emoji-results{height:min(360px,48dvh);overflow:auto;overscroll-behavior:contain;margin-top:12px;padding:0 4px 4px 2px}
.emoji-results section+section{margin-top:12px}
.emoji-results h3{position:sticky;top:0;z-index:1;padding:7px 2px;background:var(--paper);font-size:12px;color:var(--muted)}
.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:3px}
.emoji-grid button{display:grid;place-items:center;min-height:38px;padding:0;background:transparent;border:0;border-radius:7px;font-size:23px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.emoji-grid button:hover,.emoji-grid button:focus-visible{background:var(--soft)}
.emoji-grid button:focus-visible{outline-offset:-2px}
.emoji-empty{padding:20px 4px;color:var(--muted);text-align:center}
@media(max-width:700px){
  .module-head{gap:10px;margin-bottom:16px}
  .module-heading{gap:8px}
  .module-heading>.glyph{width:32px;height:32px}
  .dialog-head{padding:8px 12px}
  .dialog-body{padding:12px}
}

.integration-notice{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px}
.integration-notice h2{font-size:15px;margin-bottom:4px}
.integration-notice p{color:var(--muted);line-height:1.45}

.workflow-templates { padding: 0 16px 16px; flex-wrap: wrap; }
.integration-search { display: flex; align-items: end; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.integration-search label { flex: 1 1 200px; min-width: 0; }
.integration-search .form-error:empty { display: none; }

/* Account controls and personal preferences */
.top-profile,.setup-indicator{position:relative}
.profile-dot,.presence i,.nav-activity-dot{width:9px;height:9px;border-radius:50%;background:#25865b;flex:none}
.profile-dot{position:absolute;right:1px;bottom:2px;border:2px solid var(--paper);width:12px;height:12px}
.profile-dot.away,.presence i.away{background:#947947}
.presence{display:inline-flex;gap:6px;align-items:center;color:var(--muted);font-size:.88rem}
.profile-summary strong{display:block}
.profile-summary .presence{margin:4px 7px 0 0}
.profile-options{margin-top:12px;border-top:1px solid var(--line);padding-top:6px}
.profile-options .shortcut-row:last-child{margin-top:6px;border-top:1px solid var(--line);border-radius:0}
.profile-status{padding:10px 0;overflow-wrap:anywhere}
.setup-indicator .icon-button>span:not(.sr){
  position:absolute;right:-1px;top:0;min-width:16px;min-height:16px;padding:0 3px;
  display:grid;place-items:center;border:1px solid var(--paper);border-radius:20px;
  background:var(--deep);color:var(--paper);font-size:10px;font-weight:750;line-height:1
}
.nav-activity-dot{margin-left:auto;background:var(--purple)}
.preferences-layout{display:grid;grid-template-columns:minmax(175px,225px) minmax(0,1fr);align-items:start;gap:16px}
.preferences-nav{display:grid;gap:2px;padding:8px}
.preferences-nav .nav-item{font-size:.94rem}
.preferences-nav svg{width:16px;height:16px}
.preferences-panel{min-height:360px;padding:22px;overflow-wrap:anywhere}
.preferences-panel>h2{font-size:1.35rem}
.preference-group{display:grid;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}
.preference-group:last-child{border-bottom:0;padding-bottom:0}
.preference-group h3{font-size:1rem}
.preference-group p{color:var(--muted);line-height:1.45}
.preferences-panel form{display:grid;gap:12px}
.preferences-panel form .preference-group{padding-bottom:13px}
.preferences-panel :is(input:not([type=checkbox]),select){max-width:350px}
.preferences-panel :is(.button,.checkbox){justify-self:start}
.preferences-panel .schedule-times{max-width:440px}
.directory-search{margin:14px 0;max-width:440px}
.directory-search label{display:grid;gap:6px;font-size:.9rem;font-weight:650}
.directory-empty{padding:12px 0}
[data-directory-entry][hidden]{display:none}
@media(max-width:700px){
  .preferences-layout{grid-template-columns:minmax(0,1fr);gap:12px}
  .preferences-nav{display:none}
  .preferences-picker{display:grid;gap:6px;font-weight:700;color:var(--muted)}
  .preferences-panel{min-height:0;padding:16px}
  .setup-indicator .icon-button{width:34px}
}
:root[data-text-size=large]{font-size:16px}
:root[data-text-size=large] :is(.message-body,.shortcut-row,.chat-tab){font-size:1rem}
:root[data-reduce-motion=true] *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}

:root[data-theme=dark]{
  color-scheme:dark;--ink:#eeeaf8;--muted:#b9b1c9;--line:#3e374d;--paper:#24202f;--background:#1b1824;
  --purple:#a991ff;--deep:#c8b6ff;--soft:#3c3058
}
[data-theme=dark] :is(.sidebar,.topbar,.profile,.bottom-nav,.card,.stat-card,.chat-layout,.composer,.thread,
  .dialog-head,dialog,input,textarea,select,.shortcut-row,.activity-row,.board-task,.calendar-grid>button,
  .call-controls,.call-preview,.call-record-options,.composer-suggestions,.composer-suggestions button,.reaction,.today,kbd){
  background:var(--paper);color:var(--ink);border-color:var(--line)
}
[data-theme=dark] :is(.brand,.nav-label,.nav-item,.icon-button,.top-profile,.crumb,.text-button,.module-head p,
  .chat-tab,.message-meta,.message-meta strong,.activity-row small,.row-main small,.account p){color:var(--muted)}
[data-theme=dark] :is(.button:not(.primary),.text-button,.huddle-tool){
  background:var(--paper);color:var(--ink);border-color:var(--line)
}
[data-theme=dark] :is(.nav-item.selected,.nav-item:hover,.icon-button:hover,.profile:hover,.top-profile:hover,
  .shortcut-row:hover,.activity-row:hover,.button:not(.primary):hover,.message:hover,.inbox-unread,.button[aria-selected=true]){
  background:var(--soft);color:var(--ink)
}
[data-theme=dark] :is(.button.primary,.setup-indicator .icon-button>span:not(.sr)){background:#7558e2;color:#fff}
[data-theme=dark] .shortcut-row.danger-action{color:#ff9b9b}

/* Keep dense panels usable as their available width shrinks. */
.crumb{min-width:0}
.crumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-head>div,.conversation-head>div,.shortcut-row>span,.call-page-head>div{min-width:0;overflow-wrap:anywhere}
.chat-layout{grid-template-rows:minmax(0,1fr)}
.conversation-head,.composer{flex-shrink:0}
.composer textarea{max-height:min(160px,25dvh)}
.dialog-body,.account>div{min-width:0;overflow-wrap:anywhere}
fieldset{min-inline-size:0}
.data-table :is(th,td){overflow-wrap:anywhere}
.work-toolbar .project-filter{min-width:0}
[data-theme=dark] :is(.board-column,.call-page,.library-reader,.message-body pre,.incoming-calls){background:var(--background)}
[data-theme=dark] :is(form label:not(.sr),.empty,.row-time){color:var(--muted)}
[data-theme=dark] .section-tabs .active{color:var(--deep);border-bottom-color:var(--purple)}

@media(max-width:980px){
  .chat-layout.has-thread{grid-template-columns:minmax(0,1fr)}
  .chat-layout.has-thread>.conversation{display:none}
  .chat-layout.has-thread>.thread{border-left:0}
}
@media(max-width:900px){
  .chat-layout.has-split{grid-template-rows:minmax(0,2fr) minmax(0,1fr)}
}
@media(max-width:800px){
  .sidebar>.brand{padding-right:50px}
  .drawer-close{display:inline-grid;position:absolute;right:8px;top:15px}
  .bottom-nav .nav-item{font-size:10px;min-height:49px}
  .bottom-nav .nav-activity-dot{position:absolute;top:3px;right:25%;width:6px;height:6px}
  .top-actions{flex:none}
  .setup-indicator .icon-button{width:36px}
  .chat-head .icon-button,.chat-head .huddle-tool{min-height:38px}
  .composer-footer .composer-tools .icon-button,.composer-footer .send-group .icon-button,
  .composer-footer .send-group .button{min-height:38px}
  .calendar-grid>button{justify-content:flex-start;align-items:center;flex-direction:column;gap:1px;min-height:38px}
  .calendar-grid>button small{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .call-controls{grid-template-columns:minmax(0,1fr)}
  .call-controls>.call-leave{justify-self:start}
  .work-toolbar .project-filter{flex:1 1 150px}
}
@media(max-width:500px){
  .topbar .crumb>span,.topbar .crumb>svg{display:none}
  .topbar{gap:5px}
  .search-filters>div{grid-template-columns:minmax(0,1fr)}
  input:not([type=checkbox]),textarea,select{font-size:16px}
  .hero-copy{max-width:100%}
  .orbital{opacity:.18}
}
@media(max-height:500px) and (orientation:landscape){
  .chat-layout.has-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
  .chat-layout.has-split .split-preview{border-top:0;border-left:1px solid var(--line)}
  .incoming-calls{max-height:19dvh}
}
.compact-task-list{display:none;list-style:none;margin:0;padding:0 10px}
.compact-task-list li+li{border-top:1px solid var(--line)}
@media(max-width:800px){
  .task-table{display:none}
  .compact-task-list{display:block}
}

@media(max-width:800px) and (max-height:500px) and (orientation:landscape){
  .topbar{height:44px}
  .bottom-nav .nav-item{min-height:36px;flex-direction:row;gap:5px}
  .conversation-head,.conversation>.chat-head{min-height:44px;padding-block:3px}
  .conversation-identity small{display:none}
  .chat-tabs-bar .section-tabs button{padding-block:6px}
  .messages{padding-block:5px}
  .composer[data-form="message"] textarea{height:40px;min-height:40px;padding-block:5px}
  .composer[data-form="message"]>.composer-footer{padding-block:2px}
  .composer .composer-format{flex-wrap:nowrap;overflow:auto}
  .active-call-bar,.incoming-call{padding-block:3px}
  .active-call-buttons .button,.active-call-buttons .call-mute,.incoming-call .button{min-height:34px;height:34px}
}

.sidebar-find{padding:0 9px 8px;flex:none}
.sidebar-find-button{width:100%;display:flex;align-items:center;gap:8px;padding:7px 9px;text-align:left;border:1px solid var(--line);border-radius:8px;background:var(--background);color:var(--muted);font-size:.87rem}
.sidebar-find-button:hover{background:var(--soft);color:var(--ink)}
.sidebar-find-button svg{width:15px;height:15px}
.sidebar-pages{padding-bottom:5px}
.sidebar .nav-item{min-height:32px;padding:5px 8px;gap:8px;font-size:.91rem}
.sidebar .nav-item>svg{width:16px;height:16px}
.sidebar-group{position:relative;border-top:1px solid var(--line);padding:3px 0}
.sidebar-group summary{display:flex;align-items:center;gap:5px;min-height:29px;padding:3px 5px;border-radius:6px;color:var(--muted);font-size:.84rem;font-weight:750;cursor:pointer;list-style:none}
.sidebar-group summary::-webkit-details-marker{display:none}
.sidebar-group summary:hover{background:var(--soft);color:var(--ink)}
.sidebar-group summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-group summary>svg{width:13px;height:13px}
.sidebar-group details[open]>summary>svg{transform:rotate(90deg)}
.sidebar-group.has-actions summary{margin-right:var(--sidebar-actions-width)}
.sidebar-group-actions{position:absolute;top:3px;right:0;display:flex}
.sidebar-group-actions .icon-button{width:24px;height:29px}
.sidebar-group-actions svg{width:14px;height:14px}
.sidebar-group.has-actions{--sidebar-actions-width:24px}
.sidebar-group:has([data-sidebar-group=channels]){--sidebar-actions-width:72px}
.sidebar-group-content .nav-item{padding-left:12px}
.sidebar-group details[open] .sidebar-unread{display:none}
.sidebar-unread{background:var(--soft);color:var(--deep);border-radius:5px;padding:1px 4px;font-size:10px;flex:none}
[data-sidebar-results]{max-height:min(55dvh,390px);overflow:auto;padding:2px}
@media(max-width:800px){
  .sidebar .nav-item{min-height:36px}
  .sidebar-group summary,.sidebar-group-actions .icon-button{min-height:35px}
  .sidebar-find-button{min-height:37px}
}

.sidebar-create-slot{flex:none;padding:6px 11px 8px}
.sidebar-create-trigger{
  display:grid;place-items:center;width:36px;height:36px;padding:0;
  border:0;border-radius:50%;background:var(--soft);color:var(--deep)
}
.sidebar-create-trigger:hover,.sidebar-create-trigger:focus-visible{background:var(--deep);color:var(--paper)}
.sidebar-create-trigger span{display:grid;place-items:center}
.sidebar-create-trigger .create-close{display:none}
body:has(#sidebar-create:popover-open) .sidebar-create-trigger .create-plus{display:none}
body:has(#sidebar-create:popover-open) .sidebar-create-trigger .create-close{display:grid}
#sidebar-create{
  position:fixed;inset:auto auto max(8px,env(safe-area-inset-bottom)) 57px;
  margin:0;padding:0;width:min(355px,calc(100vw - 65px));max-height:calc(100dvh - 20px);
  overflow:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);
  border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 36px #21134133
}
#sidebar-create h2{padding:12px 14px 7px;font-size:.95rem;color:inherit}
.create-options{padding:4px 0}
.create-option{
  display:flex;align-items:center;gap:11px;width:100%;min-height:50px;
  border:0;background:transparent;color:inherit;text-align:left;padding:6px 14px
}
.create-option:hover,.create-option:focus-visible{background:var(--soft);outline-offset:-2px}
.create-option>span:last-child{min-width:0}
.create-option strong,.create-option small{display:block}
.create-option strong{font-size:.96rem}
.create-option small{margin-top:2px;color:var(--muted);line-height:1.3}
.create-option .glyph{width:36px;height:36px;border-radius:50%}
.create-option[data-action=start-message] .glyph{background:#5e2567;color:#f0d8f4}
.create-option[data-action=new-channel] .glyph{background:#393d41;color:#f5f5f5}
.create-option[data-action=choose-huddle] .glyph{background:#18563f;color:#bdf3dc}
.create-option[data-id=canvas] .glyph{background:#244a78;color:#c5e4ff}
.create-option[data-id=list] .glyph{background:#f2d58b;color:#593600}
.create-option[data-action=new-flow] .glyph{background:#823520;color:#ffe3db}
.create-option[data-action=workspace-invite]{border-top:1px solid var(--line);margin-top:4px}

/* Keep the dialog controls in view while long content scrolls. */
#dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.dialog-head{position:relative;flex:none;background:var(--paper)}
.dialog-head h2{min-width:0;overflow-wrap:anywhere}
.dialog-head h2:focus{outline:none}
.dialog-body{
  min-height:0;overflow:auto;overscroll-behavior:contain;
  scroll-padding-block:12px
}
#dialog #toast{position:absolute;right:10px;bottom:10px;max-width:calc(100% - 20px);z-index:2}
#dialog .section-tabs button{flex:none}
.admin-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.admin-role{font-size:.85rem;color:var(--muted);text-transform:capitalize}
.admin-account .row-main{overflow-wrap:anywhere}
.task-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.task-facts dd{overflow-wrap:anywhere}
.module-heading>div,.channel-member-list .task-row>span:nth-child(2){overflow-wrap:anywhere}
@media(max-width:600px){
  .admin-account{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 10px;padding-block:12px}
  .admin-account-actions{grid-column:2;justify-content:flex-start}
  .audit-entry{display:grid;gap:4px;padding-block:11px}
  .audit-entry .row-time{white-space:normal}
  #dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
  #dialog .dialog-head .icon-button{width:40px;height:40px}
  #dialog .form-footer .button{min-height:40px}
}
@media(max-width:390px){
  .schedule-times{grid-template-columns:minmax(0,1fr);gap:0}
  .invite-link-row:not(.callback-row){flex-wrap:wrap}
  .invite-link-row:not(.callback-row) label{flex-basis:100%}
}
@media(max-width:600px),(max-height:420px){
  #dialog [data-sidebar-results]{max-height:none;overflow:visible}
}
@media(max-width:800px) and (pointer:coarse){
  #dialog :is(input:not([type=checkbox]),textarea,select){font-size:16px}
}


@media(max-width:600px){
  .file-row,.workflow-row{
    display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;
    gap:6px 10px;padding-block:11px
  }
  :is(.file-row,.workflow-row)>.module-actions{grid-column:2}
}

#dialog [data-form="flow"] .form-footer{
  position:sticky;bottom:-12px;z-index:1;
  padding-block:10px;background:var(--paper)
}
#dialog .dialog-body:has([data-form="flow"]){scroll-padding-bottom:84px}