html{background:radial-gradient(circle at top left,rgba(3,252,251,.18),transparent 28%),radial-gradient(circle at top right,rgba(0,106,105,.08),transparent 26%),var(--bg-primary)}body{background:transparent}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#fff9,#f8fafbe6),radial-gradient(circle at 15% 20%,rgba(3,252,251,.12),transparent 22%);z-index:-1}[data-theme=dark] body:before{background:linear-gradient(180deg,#121617e0,#121617f5),radial-gradient(circle at 15% 20%,rgba(3,252,251,.08),transparent 22%)}.app-container{position:relative;background:transparent}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-light);box-shadow:inset -1px 0 #fff3;backdrop-filter:blur(20px)}.workspace-header{padding:24px 20px 14px}.workspace-header:hover{background:transparent}.workspace-info{align-items:center;justify-content:flex-start;gap:12px}.workspace-brand-mark{width:42px;height:42px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary-deep),var(--accent-primary));box-shadow:0 18px 36px #006a6929}.workspace-logo{width:26px;height:26px;margin:0;object-fit:contain;filter:brightness(0) invert(1)}.workspace-brand-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.workspace-name{font-size:24px;font-weight:800;letter-spacing:-.035em;line-height:1.04;color:var(--sidebar-text-bright);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;overflow-wrap:break-word;text-wrap:balance}.workspace-subtitle{margin-top:0;font-family:var(--font-label);font-size:10px;font-weight:700;line-height:1.35;letter-spacing:.16em;text-transform:uppercase;color:var(--sidebar-text-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;overflow-wrap:break-word;text-wrap:balance}.sidebar-nav,.sidebar-section{padding-top:6px}.sidebar-divider{height:0;margin:6px 24px 2px;background:none;border-top:1px solid var(--sidebar-divider)}.nav-item,.channel-item,.dm-item{min-height:36px;height:auto;margin:1px 12px;padding:8px 12px;border-radius:16px;font-size:var(--font-size-base);font-weight:600;color:var(--sidebar-text)}.nav-item:hover,.channel-item:hover,.dm-item:hover,.section-header:hover{background:var(--sidebar-bg-hover)}.nav-item.active,.channel-item.active,.dm-item.active{background:var(--sidebar-bg-active);color:var(--sidebar-text-bright);box-shadow:inset 0 0 0 1px #006a6914}.nav-item .nav-icon,.channel-icon,.section-toggle{opacity:.72}.nav-label--admin{color:var(--accent-primary)!important}.section-header{min-height:28px;height:auto;margin:0 12px 2px;border-radius:12px;color:var(--sidebar-text-muted)}.section-title{font-family:var(--font-label);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.section-action,.workspace-action-btn,.user-panel-menu-btn{border-radius:12px}.unread-badge{margin-left:auto;min-width:22px;padding:2px 8px;border-radius:999px;background:var(--accent-primary-deep);color:#fff;font-family:var(--font-label);font-size:10px;font-weight:700;line-height:1.6;text-align:center}.channel-item.has-unread,.dm-item.unread{color:var(--sidebar-text-bright);font-weight:700}.dm-avatar img,.dm-avatar .avatar-placeholder,.avatar-placeholder{border-radius:999px!important}.sidebar-user-panel{padding:14px 16px 18px;border-top:0;background:linear-gradient(180deg,#f2f4f500,#f2f4f5f0)}[data-theme=dark] .sidebar-user-panel{background:linear-gradient(180deg,#191c1d00,#191c1df5)}.sidebar-scroll::-webkit-scrollbar-thumb{background:#6a7a7a29}[data-theme=dark] .sidebar-scroll::-webkit-scrollbar-thumb{background:#b9cac929}.user-panel-main{padding:14px;gap:12px;border-radius:20px;background:#ffffffb8;border:1px solid rgba(106,122,122,.14);box-shadow:var(--shadow-sm)}[data-theme=dark] .user-panel-main{background:#ffffff0a}.user-panel-main:hover{background:#ffffffeb}[data-theme=dark] .user-panel-main:hover{background:#ffffff0f}.user-panel-name{font-size:14px;color:var(--sidebar-text-bright)}.user-panel-status{font-family:var(--font-label);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-text-muted)}.user-panel-power-btn{border-radius:12px;color:#b12a39;border-color:#ba1a1a29;background:#ba1a1a14}.user-panel-power-btn:hover{background:#ba1a1a24;color:#8f1424}.user-panel-popup,.status-dropdown,.context-menu,.profile-popup,.search-results,.emoji-picker,.mention-dropdown{background:#ffffffe6;border:1px solid rgba(106,122,122,.18);box-shadow:var(--shadow-popup);backdrop-filter:blur(20px)}[data-theme=dark] .user-panel-popup,[data-theme=dark] .status-dropdown,[data-theme=dark] .context-menu,[data-theme=dark] .profile-popup,[data-theme=dark] .search-results,[data-theme=dark] .emoji-picker,[data-theme=dark] .mention-dropdown{background:#191c1deb}.user-panel-popup-item:hover,.status-dropdown-item:hover,.search-result-item:hover,.emoji-item:hover,.mention-item:hover,.mention-item.selected{background:var(--bg-hover);color:var(--text-bright)}.status-dropdown-item.active{background:#03fcfb24;color:var(--text-bright)}.avatar-color-option.active{border-color:var(--accent-primary);box-shadow:0 0 0 4px #03fcfb2e}.main-content{background:transparent}.channel-header-shell{position:relative;padding:12px 22px}.search-bar{height:40px;width:100%;background:#ffffffb8;border:1px solid rgba(106,122,122,.14);border-radius:14px;box-shadow:var(--shadow-sm);padding:0 12px}[data-theme=dark] .search-bar{background:#ffffff0a}.search-bar:focus-within{background:#ffffffe6;box-shadow:0 16px 36px #006a6914}[data-theme=dark] .search-bar:focus-within{background:#ffffff12}.search-bar input{color:var(--text-primary);font-size:12px;font-family:var(--font-label)}.search-bar input::placeholder{color:var(--text-muted)}.search-bar .search-icon{color:var(--text-muted)}.channel-header{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,260px) auto;align-items:center;gap:12px;min-height:0;height:auto;padding:0;border-bottom:0;background:transparent}.channel-header-main{min-width:0}.channel-header-search{position:relative;width:min(100%,260px);justify-self:center}.channel-header-actions{min-width:max-content}.channel-header-left{gap:10px;min-width:0}.channel-title-prefix,.view-header-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;font-size:16px;color:var(--accent-primary-deep);background:#03fcfb29}[data-theme=dark] .channel-title-prefix,[data-theme=dark] .view-header-icon{color:var(--accent-primary)}.channel-title-block{min-width:0}.channel-title{font-size:clamp(22px,1.8vw,30px);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--text-bright)}.channel-subtitle{margin-top:4px;max-width:620px;color:var(--text-muted);font-size:12px;line-height:1.35}.channel-header-right{display:flex;align-items:center;justify-content:flex-end;gap:6px}.header-stat{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 10px;border-radius:999px;background:#03fcfb24;color:var(--accent-primary-deep);font-family:var(--font-label);font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:inset 0 0 0 1px #006a690f}.header-status{font-family:var(--font-label);font-size:12px;font-weight:600;color:var(--text-muted)}.icon-btn{width:32px;height:32px;border-radius:10px;background:#ffffff9e;border:1px solid rgba(106,122,122,.12);color:var(--text-secondary);box-shadow:var(--shadow-sm)}[data-theme=dark] .icon-btn{background:#ffffff0a}.icon-btn:hover{background:#fffffff5;color:var(--text-bright);transform:translateY(-1px)}[data-theme=dark] .icon-btn:hover{background:#ffffff14}.channel-tabs{min-height:0;padding:0;gap:14px;border-bottom:0;background:transparent}.channel-tabs:empty{display:none}.search-results{top:calc(100% + 10px);left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 32px))}.channel-tab{padding:0 0 8px;border-bottom-width:2px;font-family:var(--font-label);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.messages-area{padding:6px 0 18px}#messages-container{width:100%;max-width:none;margin:0;padding:0 clamp(28px,3vw,52px) 0 clamp(22px,2.4vw,40px)}.date-divider{padding:18px 0 28px}.date-divider:before,.date-divider:after{background:#b9cac93d}.date-divider span{padding:0;border:0;background:transparent;font-family:var(--font-label);font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--text-muted);cursor:default}.date-divider span:hover{background:transparent}.message{width:100%;padding:12px 0;background:transparent!important}.message.message-in{padding-right:24%}.message.message-out{padding-left:24%}.message-avatar{width:44px;height:44px;margin-right:14px}.message.consecutive .message-avatar{width:44px}.message-avatar img,.message-avatar .avatar-placeholder{width:44px;height:44px;border-radius:999px!important;box-shadow:0 0 0 4px #ffffffb8}[data-theme=dark] .message-avatar img,[data-theme=dark] .message-avatar .avatar-placeholder{box-shadow:0 0 0 4px #121617cc}.message-out .message-avatar{display:none}.message-content{display:flex;flex-direction:column;gap:8px;max-width:min(85%,1040px)}.message-out .message-content{align-items:flex-end;margin-left:auto}.message-in .message-content{align-items:flex-start}.message-bubble{position:relative;display:inline-block;align-self:flex-start;flex:0 0 auto;width:auto;max-width:min(100%,50vw,860px);min-width:118px;padding:10px 36px 14px 14px;border-radius:20px;box-shadow:var(--shadow-sm)}.message-in .message-bubble{background:#e8eaeb;border-top-left-radius:8px;color:var(--text-primary)}.message-out .message-bubble{align-self:flex-end;background:#00b2b1;border-top-right-radius:8px;color:#fff;padding:8px 14px 14px 34px}[data-theme=dark] .message-in .message-bubble{background:#202728}.message-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:1px;min-height:0;min-width:0;width:100%}.message-author{font-size:13px;font-weight:700;color:var(--accent-primary-deep);flex:1 1 auto;min-width:0;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-role-badge{border-color:#006a6929;background:#00b2b11f;color:#005f5e}.message-role-badge--admin,.message-role-badge--supervisor{border-color:#006a6933;background:#00b2b129;color:#00504f}.message-role-badge--gerente{border-color:#6e54dc2e;background:#8c70ff24;color:#5c47b5}.message-role-badge--rrhh{border-color:#b68a002e;background:#e1c62d2e;color:#7d6200}.message-role-badge--soporte_tecnico{border-color:#376ac42e;background:#63b3ff29;color:#355fa3}.message-out .message-author{display:none}.message-header-out{align-self:flex-end;width:fit-content;max-width:100%;justify-content:flex-end;gap:4px;margin-bottom:1px;margin-left:auto}.message-body{display:block;width:auto;max-width:100%;font-size:15px;line-height:1.42;color:inherit;padding-right:0;overflow-wrap:anywhere;word-break:break-word}.message-out .message-body{text-align:left}.message-body strong{color:inherit}.message-corner-meta{position:absolute;top:10px;right:14px;display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;flex-shrink:0}.message-timestamp{display:inline-flex;align-items:center;gap:4px;float:none;margin:0;white-space:nowrap;flex:0 0 auto;font-family:var(--font-label);font-size:10px;font-weight:600;letter-spacing:.04em;color:#191c1d8f}.message-out .message-timestamp{color:#ffffffbd}[data-theme=dark] .message-in .message-timestamp{color:#e8ececb8}[data-theme=dark] .message-role-badge{border-color:#53bdeb2e;background:#53bdeb24;color:#9bdfff}[data-theme=dark] .message-role-badge--admin{border-color:#03fcfb33;background:#03fcfb24;color:#adffff}[data-theme=dark] .message-role-badge--supervisor{border-color:#00b2b133;background:#00b2b129;color:#8cf1ef}[data-theme=dark] .message-role-badge--gerente{border-color:#8c70ff38;background:#8c70ff29;color:#d2c8ff}[data-theme=dark] .message-role-badge--rrhh{border-color:#e1c62d38;background:#e1c62d29;color:#f3e48a}[data-theme=dark] .message-role-badge--soporte_tecnico{border-color:#63b3ff33;background:#63b3ff24;color:#b9dcff}.message-out .read-receipt{margin-left:0;color:#ffffffc7}.message-out .read-receipt.read{color:#fffffff0}.message-reactions{gap:6px;margin-top:2px}.reaction{padding:3px 10px;border:0;border-radius:999px;background:var(--reaction-bg);box-shadow:inset 0 0 0 1px var(--reaction-border)}.message-attachment-label,.thread-text,.link-preview-title,.file-name{color:var(--accent-primary-deep)}[data-theme=dark] .message-author,[data-theme=dark] .file-name,[data-theme=dark] .header-stat{color:var(--text-link)}.message-image{border:0;border-radius:22px;box-shadow:var(--shadow-sm)}.file-attachment,.link-preview,.poll-card{background:#ffffff8a;border:1px solid rgba(106,122,122,.12);border-radius:22px}[data-theme=dark] .file-attachment,[data-theme=dark] .link-preview,[data-theme=dark] .poll-card{background:#ffffff08}.link-preview{border-left:3px solid var(--accent-primary)}.quote-reply-block{display:block;width:auto;min-width:0;max-width:190px;margin-bottom:6px;padding:4px 7px;border-left-width:2px;border-left-color:#006a698f;border-radius:8px;background:#ffffff85;box-shadow:inset 0 0 0 1px #6a7a7a14}[data-theme=dark] .quote-reply-block{background:#03fcfb14;border-left-color:#03fcfb5c;box-shadow:inset 0 0 0 1px #03fcfb1f}.message-out .quote-reply-block{background:#ffffff2e;border-left-color:#ffffffb8;box-shadow:inset 0 0 0 1px #ffffff1f;margin-left:auto}[data-theme=dark] .message-out .quote-reply-block{background:#ffffff1f;border-left-color:#ffffff8f;box-shadow:inset 0 0 0 1px #ffffff24}.quote-reply-meta{display:flex;align-items:center;gap:3px;min-width:0;max-width:100%}.quote-reply-label{font-size:10px;font-weight:600;line-height:1;letter-spacing:0;text-transform:none;color:#191c1d75;flex:0 0 auto}[data-theme=dark] .quote-reply-label{color:#e8ecec94}.quote-reply-author{font-size:10px;font-weight:700;color:var(--accent-primary-deep);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .quote-reply-author{color:#7ff7f6}.message-out .quote-reply-author{color:#fff}.message-out .quote-reply-label{color:#ffffffb8}.quote-reply-text{margin-top:1px;font-size:10px;line-height:1.2;color:var(--text-muted);max-width:100%;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}[data-theme=dark] .quote-reply-text{color:#e8ececb8}.message-out .quote-reply-text{color:#ffffffd1}.message-deleted-text{font-style:italic;color:var(--text-muted)}.message-actions{position:absolute;inset:auto 10px 6px auto;padding:0;border-radius:999px;background:transparent;border:0;box-shadow:none;transform:translateY(2px);transition:opacity .2s ease,transform .2s ease}[data-theme=dark] .message-actions{background:transparent}.message-out .message-actions{left:10px;right:auto}.message-action-btn{width:16px;height:16px;color:#191c1d6b;background:transparent;backdrop-filter:none;border-radius:999px}.message-out .message-action-btn{color:#fffc}[data-theme=dark] .message-action-btn{color:#ffffffb8}.message-action-btn:hover{background:var(--bg-hover)}.message-action-btn svg{width:16px;height:16px}.thread-indicator{gap:10px;padding-top:2px}.channel-welcome{padding:52px 0 28px}.channel-welcome-icon{font-size:52px;margin-bottom:18px}.channel-welcome h2{font-size:clamp(30px,2vw,36px);letter-spacing:-.04em}.channel-welcome p{font-size:16px;line-height:1.7;color:var(--text-muted)}.unread-divider{padding:20px 0 8px;gap:12px}.unread-divider:before,.unread-divider:after{background:#006a6938}.unread-divider span{color:var(--accent-primary-deep);font-family:var(--font-label);font-size:10px;letter-spacing:.18em}.message.pinned{border-left-width:0;padding-left:0;position:relative}.message.pinned:before{content:"";position:absolute;left:-14px;top:20px;bottom:20px;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--accent-primary-deep),var(--accent-primary));opacity:.55}.typing-indicator{align-items:center;gap:10px;width:fit-content;max-width:calc(100% - 64px);min-height:36px;height:auto;margin:0 32px 12px;padding:8px 14px;border:1px solid rgba(106,122,122,.14);border-radius:18px;background:#ffffffb8;box-shadow:0 10px 28px #191c1d0f;backdrop-filter:blur(18px);font-family:var(--font-label);font-size:11px;font-weight:600;letter-spacing:.04em;line-height:1.2;color:var(--text-muted)}.typing-indicator .typing-indicator-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typing-dots{flex-shrink:0}.typing-dots span{background:var(--accent-primary)}[data-theme=dark] .typing-indicator{border-color:#6a7a7a3d;background:#191c1dd1}.composer-wrapper{padding:0 32px 28px;max-width:min(72%,920px);margin:0 auto}.composer{border:1px solid rgba(106,122,122,.16);border-radius:28px;background:#fffc;box-shadow:0 18px 42px #191c1d0f;backdrop-filter:blur(20px)}[data-theme=dark] .composer{background:#191c1de6}.composer:focus-within{border-color:#03fcfb99;box-shadow:0 22px 44px #006a691f}.composer-toolbar{padding:12px 14px 0;border-bottom:0;gap:8px}.toolbar-group{gap:4px}.toolbar-divider{width:1px;height:20px;margin:0 2px;background:#6a7a7a24}.toolbar-btn{width:34px;height:34px;border-radius:12px}.toolbar-btn:hover,.toolbar-btn.active{background:var(--bg-hover);color:var(--text-bright)}.composer-shell{display:flex;align-items:flex-end;gap:10px}.composer-shell>.composer{flex:1 1 auto;min-width:0}.composer-outer-btn,.composer-outer-send{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;margin-bottom:4px}.composer-outer-attach{background:#006a6914;color:var(--accent-primary-deep)}.composer-outer-attach:hover{background:#006a6929;transform:translateY(-1px)}[data-theme=dark] .composer-outer-attach{background:#03fcfb1a;color:var(--accent-primary)}[data-theme=dark] .composer-outer-attach:hover{background:#03fcfb2e}.composer-outer-send{width:44px;height:44px;border-radius:999px}.composer-row{display:flex;align-items:center;gap:4px;padding:6px 10px;min-height:52px;cursor:text}.composer-row .composer-input{flex:1 1 auto;min-width:0;min-height:28px;max-height:180px;padding:6px 10px;font-size:14px;line-height:1.5;border-radius:12px;cursor:text}.composer-row button,.composer-row .toolbar-btn{cursor:pointer}.composer-row-actions{display:inline-flex;align-items:center;flex-shrink:0;gap:2px}.composer-row .toolbar-btn,.composer-row .record-audio-btn,.composer-row .cancel-recording-btn{flex-shrink:0;width:32px;height:32px;border-radius:10px}.composer-input:empty:before{font-family:var(--font-label);color:var(--text-muted);pointer-events:none;user-select:none}.composer-row .composer-toggle-btn{width:32px;min-width:32px;padding:0;border-radius:999px}.composer-row .composer-toggle-btn .composer-toggle-label{display:none}.composer-row .composer-toggle-btn[aria-pressed=true]{background:#03fcfb2e;border-color:#03fcfb52;color:var(--accent-primary)}.composer-toggle-btn{width:auto;min-width:0;padding:0 12px;gap:8px;border-radius:999px;border:1px solid rgba(0,106,105,.14);background:#006a690f;color:var(--text-secondary)}.composer-toggle-btn:hover,.composer-toggle-btn.active{background:#006a6924;border-color:#006a6942;color:var(--text-bright)}.composer-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#006a6924;font-size:11px;font-weight:700}.composer-toggle-label{font-family:var(--font-label);font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.recording-status{min-height:36px;padding:0 14px;border:1px solid rgba(106,122,122,.14);background:#006a6914;box-shadow:0 10px 24px #191c1d0d;font-family:var(--font-label);font-size:11px;font-weight:700;letter-spacing:.04em}.recording-status-dot{background:#ff5b5b;box-shadow:0 0 0 6px #ff5b5b1f}.record-audio-btn,.cancel-recording-btn{width:44px;height:44px;border-radius:18px}.record-audio-btn{background:#006a6914;color:var(--accent-primary-deep)}.record-audio-btn:hover{background:#006a6924}.record-audio-btn.recording{background:#ff5b5b24;color:#d9485f;box-shadow:0 12px 24px #d9485f29}.record-audio-btn.processing{background:#006a691f;color:var(--accent-primary-deep)}.cancel-recording-btn{background:#6a7a7a14;color:var(--text-muted)}.cancel-recording-btn:hover{background:#d9485f1f;color:#d9485f}.send-btn{width:44px;height:44px;border-radius:18px;background:#006a6914;color:var(--text-muted)}.send-btn.active{background:linear-gradient(135deg,var(--accent-primary-deep),var(--accent-primary));color:#fff;box-shadow:0 12px 24px #006a6933}.send-btn.active:hover{background:linear-gradient(135deg,var(--accent-primary-deep),#03c8c7)}[data-theme=dark] .recording-status{border-color:#6a7a7a3d;background:#191c1dd6}.thread-panel{background:#f2f4f5e6;border-left:1px solid rgba(106,122,122,.12);backdrop-filter:blur(20px)}[data-theme=dark] .thread-panel{background:#191c1deb}.thread-panel-header{min-height:0;height:auto;padding:22px 22px 16px;border-bottom:0}.thread-panel-title{font-size:18px;font-weight:800;letter-spacing:-.03em;color:var(--text-bright)}.thread-panel-messages{padding:0 18px 18px}.thread-panel-divider{margin:10px 0 14px;border-top:1px solid rgba(106,122,122,.16)}.thread-replies-label{padding:0 14px 10px;font-family:var(--font-label);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.thread-empty{padding:28px 18px 34px;text-align:center;color:var(--text-muted);font-size:14px}.thread-empty-icon{display:block;margin-bottom:10px;font-size:28px}.thread-composer-shell{margin:10px}.threads-view,.directory-view{padding:10px 0 0}.thread-summary-count{margin-bottom:18px;font-family:var(--font-label);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--text-muted)}.thread-summary-list{display:grid;gap:10px}.thread-summary-card,.directory-card{display:flex;align-items:center;gap:12px;cursor:pointer;padding:16px 18px;border-radius:22px;background:#ffffff8f;border:1px solid rgba(106,122,122,.12);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}[data-theme=dark] .thread-summary-card,[data-theme=dark] .directory-card{background:#ffffff08}.thread-summary-card:hover,.directory-card:hover{transform:translateY(-1px);background:#ffffffe6;border-color:#006a692e}[data-theme=dark] .thread-summary-card:hover,[data-theme=dark] .directory-card:hover{background:#ffffff0f}.thread-summary-title,.directory-name{font-size:15px;font-weight:700;color:var(--text-bright)}.thread-summary-meta,.directory-meta{margin-top:4px;font-size:12px;color:var(--text-muted)}.directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.directory-status{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:999px;border:2px solid var(--bg-primary)}.directory-table-shell{display:flex;flex-direction:column;gap:14px}.directory-table-wrapper{overflow-x:auto;border-radius:24px;border:1px solid rgba(106,122,122,.14);background:#fff9;box-shadow:var(--shadow-sm)}[data-theme=dark] .directory-table-wrapper{background:#ffffff08}.directory-table{width:100%;min-width:860px;border-collapse:separate;border-spacing:0}.directory-table thead th{padding:14px 16px;text-align:left;font-family:var(--font-label);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);background:#ffffffb8}[data-theme=dark] .directory-table thead th{background:#ffffff0a}.directory-table thead th:first-child{border-top-left-radius:24px}.directory-table thead th:last-child{border-top-right-radius:24px}.directory-table td{padding:15px 16px;border-top:1px solid rgba(106,122,122,.12);vertical-align:middle}.directory-table-row{cursor:pointer;transition:background var(--transition-fast)}.directory-table-row:hover{background:#ffffffb8}[data-theme=dark] .directory-table-row:hover{background:#ffffff0d}.directory-person-cell{display:flex;align-items:center;gap:12px;min-width:220px}.directory-user-copy{display:flex;flex-direction:column;gap:4px}.directory-user-copy strong{font-size:15px;font-weight:700;color:var(--text-bright)}.directory-user-copy span,.directory-data-cell{font-size:12px;color:var(--text-muted)}.directory-username{font-family:Courier New,monospace;font-size:12px;color:var(--text-muted)}.directory-presence-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.directory-presence-badge--online{background:#12b37e1f;color:#0f8c63}.directory-presence-badge--dnd{background:#e15a5a24;color:#c34b4b}.directory-presence-badge--away{background:#f2ae4929;color:#b57710}.directory-presence-badge--oncall{background:#4b7be524;color:#335fc7}.directory-presence-badge--offline{background:#7a879424;color:#6a7682}.directory-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid rgba(0,106,105,.18);border-radius:12px;background:#006a6914;color:var(--accent-primary);font-size:12px;font-weight:700;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.directory-action-btn:hover{transform:translateY(-1px);background:#006a691f;border-color:#006a6947}.modal-overlay{background:#121c1d33;backdrop-filter:blur(10px)}.modal{background:#fffffff0;border:1px solid rgba(106,122,122,.14);border-radius:30px;box-shadow:var(--shadow-popup)}[data-theme=dark] .modal{background:#191c1df5}.modal-header,.modal-footer{border-color:#6a7a7a24}.form-label{font-size:14px;letter-spacing:-.01em}.form-input{border:1px solid transparent;border-radius:18px;background:var(--bg-tertiary);font-size:14px}.form-input:focus{border-color:#03fcfb80;box-shadow:0 0 0 4px #03fcfb1a}.btn{height:42px;padding:0 18px;border-radius:999px;font-size:13px;font-family:var(--font-label);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.btn-primary{background:linear-gradient(135deg,var(--accent-primary-deep),var(--accent-primary))}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-primary-deep),#03c8c7)}.btn-secondary{background:#ffffffa8;border-color:#6a7a7a24}[data-theme=dark] .btn-secondary{background:#ffffff0a}.toggle{background:#6a7a7a3d}.toggle.active{background:linear-gradient(135deg,var(--accent-primary-deep),var(--accent-primary))}.toast{bottom:28px;background:#ffffffeb;color:var(--text-bright);border:1px solid rgba(106,122,122,.14);border-radius:18px;box-shadow:var(--shadow-md);backdrop-filter:blur(16px)}[data-theme=dark] .toast{background:#191c1df0}.search-result-text mark{background:#03fcfb38;color:var(--text-bright);border-radius:6px;padding:1px 4px}.search-jump-nav{position:absolute;top:calc(100% + 8px);left:50%;z-index:120;display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(520px,calc(100vw - 32px));padding:9px 10px 9px 14px;border:1px solid rgba(3,252,251,.28);border-radius:999px;background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);box-shadow:0 14px 40px #00000029;backdrop-filter:blur(18px);transform:translate(-50%)}.search-jump-nav-main{display:flex;align-items:center;gap:9px;min-width:0}.search-jump-nav-count{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#03fcfb29;color:var(--text-bright);font-size:12px;font-weight:800}.search-jump-nav-label{min-width:0;overflow:hidden;color:var(--text-primary);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.search-jump-nav-actions{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.search-jump-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:var(--text-muted)}.search-jump-nav-btn:hover{background:#03fcfb1f;color:var(--text-bright)}.mobile-home-tools,.mobile-bottom-nav,.mobile-chat-back,.mobile-item-preview,.mobile-item-time{display:none}@media(max-width:1080px){.sidebar{width:260px;min-width:260px;max-width:260px}.channel-header-shell{padding-left:24px;padding-right:24px}.channel-header{grid-template-columns:minmax(260px,1fr) minmax(240px,300px) auto;gap:16px}.message.message-in{padding-right:16%}.message.message-out{padding-left:16%}}@media(max-width:760px){body.chat-ui{background:var(--bg-primary)}body.chat-ui .app-container{position:relative;display:block;height:100dvh;overflow:hidden}body.chat-ui .sidebar,body.chat-ui .main-content{position:absolute;inset:0;width:100%;min-width:0;max-width:none;height:100dvh}body.chat-ui .sidebar{display:flex;flex-direction:column;border-right:0;border-bottom:0;background:linear-gradient(180deg,rgba(3,252,251,.08),transparent 28%),var(--sidebar-bg);transform:translate(0);opacity:1;pointer-events:auto;transition:transform .22s ease,opacity .18s ease}body.chat-ui.mobile-chat-open .sidebar{transform:translate(-16%);opacity:0;pointer-events:none}body.chat-ui .main-content{display:flex;flex-direction:column;transform:translate(100%);opacity:0;pointer-events:none;transition:transform .24s ease,opacity .18s ease;z-index:12}body.chat-ui.mobile-chat-open .main-content{transform:translate(0);opacity:1;pointer-events:auto}body.chat-ui .workspace-header{min-height:86px;padding:18px 20px 10px;border-bottom:0}body.chat-ui .workspace-name{font-size:26px;letter-spacing:0}body.chat-ui .workspace-subtitle{color:var(--sidebar-text);opacity:.76}body.chat-ui .mobile-home-tools{display:block;padding:0 18px 10px}body.chat-ui .mobile-search-bar{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 16px;border:1px solid rgba(3,252,251,.16);border-radius:999px;background:#7f9d9d1f;color:var(--text-muted)}body.chat-ui .mobile-search-bar:focus-within{border-color:#03fcfb80;box-shadow:0 0 0 4px #03fcfb1f}body.chat-ui .mobile-search-icon{display:inline-flex;color:var(--text-muted);flex-shrink:0}body.chat-ui #mobile-conversation-search{width:100%;min-width:0;font-size:15px;color:var(--text-bright)}body.chat-ui .mobile-filter-row{display:flex;gap:8px;padding:14px 0 4px;overflow-x:auto;scrollbar-width:none}body.chat-ui .mobile-filter-row::-webkit-scrollbar{display:none}body.chat-ui .mobile-filter-chip{flex:0 0 auto;min-height:36px;padding:0 16px;border:1px solid var(--border-light);border-radius:999px;background:#ffffff85;color:var(--text-muted);font-weight:700}body.chat-ui .mobile-filter-chip.active{border-color:#03fcfb73;background:#03fcfb26;color:var(--text-bright)}body.chat-ui .sidebar-scroll{flex:1;max-height:none;min-height:0;padding:2px 0 92px;overflow-y:auto}body.chat-ui .sidebar-nav,body.chat-ui .sidebar-divider,body.chat-ui #favorites-section,body.chat-ui .sidebar-user-panel,body.chat-ui .dm-search{display:none}body.chat-ui .section-header{height:40px;padding:0 18px;color:var(--text-muted)}body.chat-ui .section-toggle{display:none}body.chat-ui .section-title{font-size:13px;letter-spacing:.02em;text-transform:uppercase}body.chat-ui .section-action{width:32px;height:32px;border-radius:50%;background:#03fcfb1f;color:var(--text-bright)}body.chat-ui .section-list.collapsed{max-height:none!important}body.chat-ui .channel-children.collapsed{display:block}body.chat-ui .channel-item,body.chat-ui .dm-item{min-height:76px;height:auto;margin:0 10px;padding:9px 8px;border-radius:10px;color:var(--text-primary);font-size:15px;transition:background .16s ease,transform .16s ease}body.chat-ui .channel-item{display:grid;grid-template-columns:22px 48px minmax(0,1fr) auto;grid-template-areas:"toggle icon title time" "toggle icon preview badge";column-gap:10px;row-gap:4px}body.chat-ui .dm-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"avatar name time" "avatar preview badge";column-gap:12px;row-gap:4px}body.chat-ui .channel-item:hover,body.chat-ui .dm-item:hover{background:#03fcfb14}body.chat-ui .channel-item.active,body.chat-ui .dm-item.active{background:#03fcfb21;color:var(--text-bright)}body.chat-ui .channel-group-toggle,body.chat-ui .channel-group-toggle-placeholder{grid-area:toggle;align-self:center;width:20px;height:20px}body.chat-ui .channel-icon{grid-area:icon;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#03fcfb33,#0e6f5738);color:var(--text-bright);font-weight:800;opacity:1}body.chat-ui .channel-name,body.chat-ui .dm-name{align-self:end;min-width:0;color:var(--text-bright);font-size:16px;font-weight:800}body.chat-ui .channel-name{grid-area:title}body.chat-ui .dm-name{grid-area:name}body.chat-ui .dm-avatar{grid-area:avatar;align-self:center}body.chat-ui .dm-avatar img,body.chat-ui .dm-avatar .avatar-placeholder{width:46px!important;height:46px!important;border-radius:50%!important;font-size:15px!important}body.chat-ui .dm-status{width:11px;height:11px;border-width:2px}body.chat-ui .mobile-item-preview{display:block;grid-area:preview;min-width:0;color:var(--text-muted);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.chat-ui .mobile-item-time{display:block;grid-area:time;align-self:end;color:var(--text-muted);font-size:12px;white-space:nowrap}body.chat-ui .unread-badge{grid-area:badge;justify-self:end;align-self:start}body.chat-ui .channel-meta-badge,body.chat-ui .muted-icon{display:none}body.chat-ui .mobile-hidden{display:none!important}body.chat-ui .mobile-bottom-nav{position:absolute;left:0;right:0;bottom:0;z-index:16;display:grid;grid-template-columns:repeat(4,1fr);min-height:72px;padding:6px 10px 10px;border-top:1px solid var(--border-light);background:var(--sidebar-bg);background:color-mix(in srgb,var(--sidebar-bg) 92%,transparent);backdrop-filter:blur(18px)}body.chat-ui .mobile-bottom-nav.mobile-bottom-nav--has-admin{grid-template-columns:repeat(5,1fr)}body.chat-ui .mobile-bottom-nav-item{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;border-radius:14px;color:var(--text-muted);font-size:11px;font-weight:800}body.chat-ui .mobile-bottom-nav-item[hidden]{display:none!important}body.chat-ui .mobile-bottom-nav-item.active{background:#03fcfb21;color:var(--text-bright)}body.chat-ui .mobile-admin-view{min-height:100%;padding:16px 14px 28px}body.chat-ui .mobile-admin-list{display:grid;gap:12px}body.chat-ui .mobile-admin-card{display:grid;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:78px;padding:14px;border:1px solid var(--border-light);border-radius:18px;background:#ffffff94;color:var(--text-primary);text-decoration:none;box-shadow:0 12px 32px #121c1d12}[data-theme=dark] body.chat-ui .mobile-admin-card{background:#ffffff0d}body.chat-ui .mobile-admin-card-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:#03fcfb21;color:var(--text-bright);font-size:22px;font-weight:800}body.chat-ui .mobile-admin-card-copy{min-width:0;display:grid;gap:4px}body.chat-ui .mobile-admin-card-copy strong{color:var(--text-bright);font-size:16px;line-height:1.2}body.chat-ui .mobile-admin-card-copy span{color:var(--text-muted);font-size:13px;line-height:1.35}body.chat-ui .mobile-admin-card-arrow{justify-self:end;color:var(--text-muted);font-size:24px;line-height:1}body.chat-ui .channel-header-shell{padding:10px 12px 8px}body.chat-ui .channel-header{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px}body.chat-ui .mobile-chat-back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--text-bright)}body.chat-ui .mobile-chat-back:hover{background:#03fcfb1a}body.chat-ui .channel-header-search{display:none}body.chat-ui .channel-header-actions{width:auto;justify-self:end}body.chat-ui .channel-header-left{min-width:0}body.chat-ui .channel-title{font-size:16px}body.chat-ui .channel-subtitle,body.chat-ui .header-stat{font-size:12px}body.chat-ui .channel-header-right{justify-content:flex-end;gap:4px}body.chat-ui .channel-header-right .header-stat,body.chat-ui .channel-header-right #invite-btn,body.chat-ui .channel-header-right #mute-btn,body.chat-ui .channel-header-right #pinned-btn{display:none}body.chat-ui .channel-tabs{padding-top:8px}body.chat-ui #messages-container{padding:0 10px}body.chat-ui .message.message-in,body.chat-ui .message.message-out{padding-left:0;padding-right:0}body.chat-ui .message-content{max-width:88%}body.chat-ui .message-avatar,body.chat-ui .composer-toolbar{display:none}body.chat-ui .composer-wrapper{padding:0 10px 12px;max-width:100%}body.chat-ui .composer{border-radius:24px}body.chat-ui .composer-input{min-height:42px;max-height:120px}body.chat-ui .composer-row{flex-wrap:wrap}body.chat-ui .composer-shell{gap:6px}body.chat-ui .composer-outer-btn,body.chat-ui .composer-outer-send{width:38px;height:38px}body.chat-ui .typing-indicator{max-width:calc(100% - 20px);margin:0 10px 8px;padding:8px 12px}body.chat-ui .thread-panel.open{position:fixed;inset:0;width:auto;min-width:0;z-index:360}body.chat-ui #notification-permission-banner{left:10px!important;right:10px!important;bottom:86px!important;width:auto!important;max-width:none!important}body.chat-ui.mobile-chat-open #notification-permission-banner{display:none!important}}