@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700&display=swap";:root{color-scheme:light;--font-ui: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--fs-2xs: 10.5px;--fs-xs: 11.5px;--fs-sm: 12.5px;--fs-md: 13.5px;--fs-lg: 15px;--fs-xl: 17px;--fs-2xl: 22px;--r-xs: 4px;--r-sm: 7px;--r-md: 10px;--r-lg: 14px;--rail-w: 56px;--sidebar-w: 356px;--drawer-w: 316px;--topbar-h: 56px;--ease: cubic-bezier(.2, 0, 0, 1);--t-fast: 90ms var(--ease);--t-med: .16s var(--ease);--brand-blue: #0a6cf0;--brand-blue-2: #00b8f5;--brand-red: #e8261c;--brand-green: #37c24a;--brand-yellow: #ffc400;--brand-gradient: linear-gradient(135deg, #00b4f5 0%, #0b63e5 62%, #0850c2 100%);--brand-band: linear-gradient(112deg, #0850c2 0%, #0b63e5 48%, #00a8f0 100%);--bg: #f0f2f5;--surface: #ffffff;--surface-2: #f7f8fa;--surface-3: #eceef2;--line: #e3e6eb;--line-strong: #cfd4db;--text: #111b21;--text-2: #3b4a54;--text-3: #667781;--ink: #10203f;--ink-text: #d7e0ef;--accent: #0b63e5;--accent-hover: #0850c2;--accent-soft: #e0eefe;--accent-text: #0a55c8;--on-accent: #ffffff;--focus: rgba(51, 117, 243, .3);--ok: #1a8040;--ok-soft: #e1f5e8;--warn: #8a6100;--warn-soft: #fff5d1;--danger: #cf2a1e;--danger-hover: #ae2015;--danger-soft: #fdebe9;--on-danger: #ffffff;--archive: #8a6100;--archive-soft: #fff6d6;--archive-line: #f5df94;--unread-bg: #1f9a48;--unread-fg: #ffffff;--ent-order-fg: #0a55c8;--ent-order-bg: #e0eefe;--ent-invoice-fg: #1a8040;--ent-invoice-bg: #e1f5e8;--ent-return-fg: #cf2a1e;--ent-return-bg: #fdebe9;--ent-ticket-fg: #8a6100;--ent-ticket-bg: #fff5d1;--tone-0: #0a55c8;--tone-1: #cf2a1e;--tone-2: #1a8040;--tone-3: #8a6100;--mention-fg: #0a55c8;--mention-bg: transparent;--mention-me-fg: #6e4d00;--mention-me-bg: #ffeeb0;--hit-bg: #ffe17a;--hit-fg: #111b21;--chat-bg: #e9eff8;--bubble-other: #ffffff;--bubble-own: #d4e9ff;--bubble-shadow: 0 1px .5px rgba(17, 27, 33, .14);--quote-bg: rgba(17, 27, 33, .05);--tick-read: #0b63e5;--policy-bg: #fff3c4;--policy-fg: #54440f;--chat-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' fill='none' stroke='%233375F3' stroke-opacity='.1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 30h34a8 8 0 0 1 8 8v18a8 8 0 0 1-8 8H38l-12 10V64h-2a8 8 0 0 1-8-8V38a8 8 0 0 1 8-8z'/%3E%3Cpath d='M104 44l8 8 14-16M120 50l2 2 14-16'/%3E%3Cpath d='M178 20h24l14 14v36h-38zM202 20v14h14M186 46h22M186 56h16'/%3E%3Cpath d='M36 122l24-12 24 12v26l-24 12-24-12zM36 122l24 12 24-12M60 134v26'/%3E%3Cpath d='M124 116l26 26-26 26M146 116l8 8M146 168l8-8'/%3E%3Cpath d='M196 112l44 18-38 16z'/%3E%3Cpath d='M30 206l40-16-4 42z'/%3E%3Cpath d='M112 190h40v50h-40zM120 204h24M120 214h24M120 224h14'/%3E%3Cpath d='M196 216l18-18 18 18-18 18zM214 198v-8M214 242v-8'/%3E%3C/svg%3E");--shadow-sm: 0 1px 2px rgba(17, 27, 33, .08);--shadow-md: 0 2px 5px rgba(17, 27, 33, .1), 0 6px 16px rgba(17, 27, 33, .1);--shadow-lg: 0 4px 10px rgba(17, 27, 33, .08), 0 18px 44px rgba(17, 27, 33, .2);--scrim: rgba(11, 20, 26, .45)}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1424;--surface: #111c2f;--surface-2: #16233a;--surface-3: #1e2d47;--line: #25344e;--line-strong: #36486a;--text: #e7ecf4;--text-2: #aebacc;--text-3: #8494ab;--ink: #0a1425;--ink-text: #d7e0ef;--accent: #5b93f7;--accent-hover: #78a7f9;--accent-soft: rgba(91, 147, 247, .16);--accent-text: #8fb6fa;--on-accent: #07152e;--focus: rgba(91, 147, 247, .38);--ok: #62cf8a;--ok-soft: rgba(98, 207, 138, .14);--warn: #f2cd63;--warn-soft: rgba(255, 197, 36, .14);--danger: #f58a82;--danger-hover: #f9a7a1;--danger-soft: rgba(245, 138, 130, .14);--on-danger: #2a0705;--archive: #f2cd63;--archive-soft: rgba(255, 197, 36, .12);--archive-line: rgba(255, 197, 36, .32);--unread-bg: #3cc069;--unread-fg: #04210f;--ent-order-fg: #8fb6fa;--ent-order-bg: rgba(91, 147, 247, .17);--ent-invoice-fg: #62cf8a;--ent-invoice-bg: rgba(98, 207, 138, .15);--ent-return-fg: #f58a82;--ent-return-bg: rgba(245, 138, 130, .15);--ent-ticket-fg: #f2cd63;--ent-ticket-bg: rgba(255, 197, 36, .15);--tone-0: #8fb6fa;--tone-1: #f58a82;--tone-2: #62cf8a;--tone-3: #f2cd63;--mention-fg: #8fb6fa;--mention-me-fg: #f2cd63;--mention-me-bg: rgba(255, 197, 36, .17);--hit-bg: #8a6d12;--hit-fg: #fff8e1;--chat-bg: #0c1627;--bubble-other: #1a2940;--bubble-own: #1c4080;--bubble-shadow: 0 1px .5px rgba(0, 0, 0, .35);--quote-bg: rgba(255, 255, 255, .07);--tick-read: #8fb6fa;--policy-bg: #2f2a12;--policy-fg: #f3de8a;--chat-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' fill='none' stroke='%23FFFFFF' stroke-opacity='.04' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 30h34a8 8 0 0 1 8 8v18a8 8 0 0 1-8 8H38l-12 10V64h-2a8 8 0 0 1-8-8V38a8 8 0 0 1 8-8z'/%3E%3Cpath d='M104 44l8 8 14-16M120 50l2 2 14-16'/%3E%3Cpath d='M178 20h24l14 14v36h-38zM202 20v14h14M186 46h22M186 56h16'/%3E%3Cpath d='M36 122l24-12 24 12v26l-24 12-24-12zM36 122l24 12 24-12M60 134v26'/%3E%3Cpath d='M124 116l26 26-26 26M146 116l8 8M146 168l8-8'/%3E%3Cpath d='M196 112l44 18-38 16z'/%3E%3Cpath d='M30 206l40-16-4 42z'/%3E%3Cpath d='M112 190h40v50h-40zM120 204h24M120 214h24M120 224h14'/%3E%3Cpath d='M196 216l18-18 18 18-18 18zM214 198v-8M214 242v-8'/%3E%3C/svg%3E");--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 5px rgba(0, 0, 0, .35), 0 6px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 10px rgba(0, 0, 0, .4), 0 18px 44px rgba(0, 0, 0, .55);--scrim: rgba(0, 0, 0, .6)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0b1424;--surface: #111c2f;--surface-2: #16233a;--surface-3: #1e2d47;--line: #25344e;--line-strong: #36486a;--text: #e7ecf4;--text-2: #aebacc;--text-3: #8494ab;--ink: #0a1425;--ink-text: #d7e0ef;--accent: #5b93f7;--accent-hover: #78a7f9;--accent-soft: rgba(91, 147, 247, .16);--accent-text: #8fb6fa;--on-accent: #07152e;--focus: rgba(91, 147, 247, .38);--ok: #62cf8a;--ok-soft: rgba(98, 207, 138, .14);--warn: #f2cd63;--warn-soft: rgba(255, 197, 36, .14);--danger: #f58a82;--danger-hover: #f9a7a1;--danger-soft: rgba(245, 138, 130, .14);--on-danger: #2a0705;--archive: #f2cd63;--archive-soft: rgba(255, 197, 36, .12);--archive-line: rgba(255, 197, 36, .32);--unread-bg: #3cc069;--unread-fg: #04210f;--ent-order-fg: #8fb6fa;--ent-order-bg: rgba(91, 147, 247, .17);--ent-invoice-fg: #62cf8a;--ent-invoice-bg: rgba(98, 207, 138, .15);--ent-return-fg: #f58a82;--ent-return-bg: rgba(245, 138, 130, .15);--ent-ticket-fg: #f2cd63;--ent-ticket-bg: rgba(255, 197, 36, .15);--tone-0: #8fb6fa;--tone-1: #f58a82;--tone-2: #62cf8a;--tone-3: #f2cd63;--mention-fg: #8fb6fa;--mention-me-fg: #f2cd63;--mention-me-bg: rgba(255, 197, 36, .17);--hit-bg: #8a6d12;--hit-fg: #fff8e1;--chat-bg: #0c1627;--bubble-other: #1a2940;--bubble-own: #1c4080;--bubble-shadow: 0 1px .5px rgba(0, 0, 0, .35);--quote-bg: rgba(255, 255, 255, .07);--tick-read: #8fb6fa;--policy-bg: #2f2a12;--policy-fg: #f3de8a;--chat-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' fill='none' stroke='%23FFFFFF' stroke-opacity='.04' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 30h34a8 8 0 0 1 8 8v18a8 8 0 0 1-8 8H38l-12 10V64h-2a8 8 0 0 1-8-8V38a8 8 0 0 1 8-8z'/%3E%3Cpath d='M104 44l8 8 14-16M120 50l2 2 14-16'/%3E%3Cpath d='M178 20h24l14 14v36h-38zM202 20v14h14M186 46h22M186 56h16'/%3E%3Cpath d='M36 122l24-12 24 12v26l-24 12-24-12zM36 122l24 12 24-12M60 134v26'/%3E%3Cpath d='M124 116l26 26-26 26M146 116l8 8M146 168l8-8'/%3E%3Cpath d='M196 112l44 18-38 16z'/%3E%3Cpath d='M30 206l40-16-4 42z'/%3E%3Cpath d='M112 190h40v50h-40zM120 204h24M120 214h24M120 224h14'/%3E%3Cpath d='M196 216l18-18 18 18-18 18zM214 198v-8M214 242v-8'/%3E%3C/svg%3E");--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 5px rgba(0, 0, 0, .35), 0 6px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 10px rgba(0, 0, 0, .4), 0 18px 44px rgba(0, 0, 0, .55);--scrim: rgba(0, 0, 0, .6)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-md);line-height:1.45;font-feature-settings:"cv11","ss03";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--accent-text)}ul{list-style:none;margin:0;padding:0}svg{flex:none}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.mono{font-family:var(--font-mono);font-size:.94em;font-variant-ligatures:none}.num{font-variant-numeric:tabular-nums}.muted{color:var(--text-3)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@keyframes dx-spin{to{transform:rotate(360deg)}}@keyframes dx-rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.spin{animation:dx-spin .8s linear infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 13px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--text);font-size:var(--fs-sm);font-weight:500;white-space:nowrap;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.5}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:var(--danger);border-color:var(--line-strong)}.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.btn-danger-solid{background:var(--danger);border-color:var(--danger);color:var(--on-danger);font-weight:600}.btn-danger-solid:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.btn-xs{height:25px;padding:0 9px;gap:4px;font-size:var(--fs-xs)}.btn-block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--text-2);transition:background var(--t-fast),color var(--t-fast)}.icon-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.icon-btn.is-active{background:var(--accent-soft);color:var(--accent-text)}.icon-btn:disabled{opacity:.45}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-2)}.field-hint{font-size:var(--fs-xs);color:var(--text-3)}.input,.select,.textarea{width:100%;height:32px;padding:0 9px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:var(--fs-md);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.textarea{height:auto;min-height:64px;padding:7px 9px;line-height:1.45;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.input-with-icon{position:relative;display:flex;align-items:center;min-width:0}.input-with-icon>svg{position:absolute;left:9px;color:var(--text-3);pointer-events:none}.input-with-icon .input{padding-left:29px}.input-with-icon .input-clear{position:absolute;right:3px;width:24px;height:24px}.badge{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 6px;border-radius:var(--r-xs);background:var(--surface-3);color:var(--text-2);font-size:var(--fs-2xs);font-weight:600;white-space:nowrap}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-accent{background:var(--accent-soft);color:var(--accent-text)}.entity-badge{display:inline-flex;align-items:center;flex:none;height:16px;padding:0 4px;border-radius:var(--r-xs);font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.02em}.entity-ORDER{background:var(--ent-order-bg);color:var(--ent-order-fg)}.entity-INVOICE{background:var(--ent-invoice-bg);color:var(--ent-invoice-fg)}.entity-RETURN{background:var(--ent-return-bg);color:var(--ent-return-fg)}.entity-TICKET{background:var(--ent-ticket-bg);color:var(--ent-ticket-fg)}.avatar{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;font-size:var(--fs-xs);font-weight:600;letter-spacing:.01em}.avatar-sm{width:26px;height:26px;font-size:var(--fs-2xs)}.notice{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-sm)}.notice>svg{margin-top:1px;color:var(--text-3)}.notice strong{color:var(--text);font-weight:600}.notice-danger{background:var(--danger-soft);border-color:transparent;color:var(--danger)}.notice-danger>svg{color:var(--danger)}.notice-accent{background:var(--accent-soft);border-color:transparent}.notice-accent>svg{color:var(--accent-text)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;color:var(--text-3);font-size:var(--fs-sm);text-align:center}.empty-state strong{color:var(--text);font-weight:600;font-size:var(--fs-md)}.app-shell{display:flex;height:100vh;height:100dvh;min-height:0;background:var(--bg);color:var(--text);overflow:hidden}.app-rail{display:flex;flex-direction:column;align-items:center;flex:none;gap:6px;width:var(--rail-w);padding:12px 0 10px;background:var(--surface-2);border-right:1px solid var(--line);z-index:30}.rail-logo{display:grid;place-items:center;margin-bottom:10px}.dkm-logo{display:block;width:auto;-webkit-user-select:none;user-select:none}.rail-spacer{flex:1}.rail-btn{position:relative;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:var(--text-2);transition:background var(--t-fast),color var(--t-fast)}.rail-btn:hover{background:var(--surface-3);color:var(--text)}.rail-btn.is-active{background:var(--accent-soft);color:var(--accent-text)}.rail-btn:after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translate(-3px,-50%);padding:4px 9px;border-radius:var(--r-sm);background:var(--ink);color:#fff;font-size:var(--fs-xs);font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--t-fast),transform var(--t-fast);z-index:40}.rail-btn:hover:after,.rail-btn:focus-visible:after{opacity:1;transform:translateY(-50%)}.chat-layout{position:relative;display:flex;flex:1;min-width:0;min-height:0}.channel-sidebar{display:flex;flex-direction:column;flex:none;width:var(--sidebar-w);min-height:0;background:var(--surface);border-right:1px solid var(--line)}.sidebar-tenant{display:flex;align-items:center;gap:8px;padding:10px 10px 4px 8px}.tenant-switch{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;padding:3px 6px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);text-align:left;transition:background var(--t-fast)}.tenant-switch:hover{background:var(--surface-3)}.tenant-switch-line{display:flex;align-items:center;gap:4px;max-width:100%}.tenant-switch-name{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.015em;line-height:1.25}.tenant-switch svg{color:var(--text-3)}.dkm-dots{display:block;flex:none}.tenant-switch-sub{display:flex;align-items:center;gap:5px;color:var(--text-3);font-size:var(--fs-xs);line-height:1.3}.side-icon-btn{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--text-2);transition:background var(--t-fast),color var(--t-fast)}.side-icon-btn:hover{background:var(--surface-3);color:var(--text)}.new-channel-btn{display:inline-flex;align-items:center;flex:none;gap:4px;height:30px;padding:0 11px 0 8px;border:0;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:var(--fs-sm);font-weight:600;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast)}.new-channel-btn:hover{background:var(--accent);color:var(--on-accent)}.sidebar-search{position:relative;display:flex;align-items:center;padding:6px 12px}.sidebar-search>svg{position:absolute;left:24px;color:var(--text-3);pointer-events:none}.sidebar-search input{width:100%;height:36px;padding:0 52px 0 36px;border:1px solid transparent;border-radius:999px;background:var(--surface-3);color:var(--text);font-size:var(--fs-md);transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}.sidebar-search input::placeholder{color:var(--text-3)}.sidebar-search input:focus{outline:0;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--focus)}.kbd-hint{position:absolute;right:24px;padding:0 4px;border:1px solid var(--line-strong);border-radius:var(--r-xs);color:var(--text-3);font-family:var(--font-mono);font-size:9.5px;line-height:15px;pointer-events:none}.sidebar-filters{display:flex;flex:none;gap:6px;padding:2px 12px 8px;overflow-x:auto;scrollbar-width:none}.filter-chip{display:inline-flex;align-items:center;flex:none;gap:5px;height:28px;padding:0 11px;border:0;border-radius:999px;background:var(--surface-3);color:var(--text-2);font-size:var(--fs-sm);font-weight:500;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast)}.filter-chip:hover{color:var(--text);background:var(--line)}.filter-chip.is-active{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.sidebar-groups{flex:1;min-height:0;padding:0 0 10px;overflow-y:auto}.channel-group+.channel-group{margin-top:4px}.channel-group-head{display:flex;align-items:center;gap:4px;width:100%;height:28px;padding:0 16px 0 12px;border:0;background:transparent;color:var(--text-3);font-size:var(--fs-xs);font-weight:600;text-align:left;transition:color var(--t-fast)}.channel-group-head:hover{color:var(--text)}.channel-group-head svg{transition:transform var(--t-fast)}.channel-group.is-collapsed .channel-group-head svg{transform:rotate(-90deg)}.channel-group-count{margin-left:auto;font-weight:500;font-variant-numeric:tabular-nums}.channel-row{display:flex;align-items:center;gap:11px;width:calc(100% - 12px);min-height:60px;margin:0 6px;padding:7px 8px;border:0;border-radius:var(--r-md);background:transparent;color:var(--text);text-align:left;transition:background var(--t-fast)}.channel-row:hover{background:var(--surface-2)}.channel-row.is-active{background:var(--surface-3)}.channel-row .avatar,.channel-avatar{width:42px;height:42px;font-size:var(--fs-sm)}.channel-avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%}.channel-avatar-sm,.chat-topbar .avatar{width:38px;height:38px}.channel-avatar-lg{width:52px;height:52px}.tone-ORDER{background:var(--ent-order-bg);color:var(--ent-order-fg)}.tone-INVOICE{background:var(--ent-invoice-bg);color:var(--ent-invoice-fg)}.tone-RETURN{background:var(--ent-return-bg);color:var(--ent-return-fg)}.tone-TICKET,.tone-announce{background:var(--ent-ticket-bg);color:var(--ent-ticket-fg)}.tone-channel{background:var(--accent-soft);color:var(--accent-text)}.channel-row-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.channel-row-top,.channel-row-bottom{display:flex;align-items:center;gap:6px;min-width:0}.channel-name{flex:1;overflow:hidden;font-size:14.5px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.channel-time{flex:none;color:var(--text-3);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.channel-row.has-unread .channel-name{font-weight:700}.channel-row.has-unread .channel-time{color:var(--unread-bg);font-weight:600}.channel-preview{flex:1;overflow:hidden;color:var(--text-3);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.channel-row.has-unread .channel-preview{color:var(--text-2)}.unread-count{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--unread-bg);color:var(--unread-fg);font-size:var(--fs-xs);font-weight:700;line-height:20px;text-align:center;font-variant-numeric:tabular-nums}.channel-group-empty{padding:18px 16px;color:var(--text-3);font-size:var(--fs-sm);text-align:center}.sidebar-user{display:flex;align-items:center;gap:9px;padding:8px 10px 8px 14px;border-top:1px solid var(--line)}.sidebar-user-text{flex:1;min-width:0;line-height:1.25}.sidebar-user-name{font-size:var(--fs-sm);font-weight:600}.sidebar-user-role{color:var(--text-3);font-size:var(--fs-xs)}.chat-stage{position:relative;display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;background:var(--chat-bg);container:stage / inline-size}.chat-topbar{display:flex;align-items:center;flex:none;gap:8px;min-height:var(--topbar-h);padding:0 10px 0 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}.topbar-menu{display:none}.topbar-title{display:flex;align-items:center;flex:1 1 auto;gap:10px;min-width:0}.topbar-text{min-width:0;line-height:1.25}.topbar-name{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em}.topbar-sub{display:flex;align-items:center;gap:6px;min-width:0;margin-top:1px;color:var(--text-3);font-size:var(--fs-xs);white-space:nowrap}.topbar-entity{display:inline-flex;align-items:center;flex:none;gap:4px;color:var(--text-2);font-family:var(--font-mono);font-size:var(--fs-2xs)}.topbar-actions{display:flex;align-items:center;flex:none;gap:2px;margin-left:auto}.topbar-search{width:190px;margin-right:4px;transition:width var(--t-med)}.topbar-search:focus-within{width:240px}.topbar-search .input{height:32px;border-radius:999px;border-color:transparent;background:var(--surface-3);font-size:var(--fs-sm);padding-right:26px}.topbar-search .input:focus{background:var(--surface)}.topbar-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 9px;border:0;border-radius:999px;background:transparent;color:var(--text-2);font-size:var(--fs-xs);font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast)}.topbar-btn:hover{background:var(--surface-3);color:var(--text)}.topbar-btn.is-active{background:var(--accent-soft);color:var(--accent-text)}.topbar-sep{width:1px;height:18px;margin:0 4px;background:var(--line)}.filter-strip{display:flex;align-items:center;flex:none;gap:8px;height:30px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--accent-soft);color:var(--accent-text);font-size:var(--fs-xs);font-weight:500}.filter-strip button{margin-left:auto;border:0;background:transparent;color:inherit;font-size:var(--fs-xs);font-weight:600;text-decoration:underline;text-underline-offset:2px}.message-viewport{display:flex;flex:1;flex-direction:column;min-height:0;padding-bottom:12px;overflow-y:auto;overflow-anchor:auto;background-color:var(--chat-bg);background-image:var(--chat-pattern);background-size:260px 260px}.channel-welcome{display:flex;flex-direction:column;align-items:center;flex:none;gap:4px;margin-top:auto;padding:20px 16px 8px;text-align:center}.channel-welcome-title{margin-top:4px;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em}.channel-welcome-sub{max-width:560px;color:var(--text-2);font-size:var(--fs-sm)}.record-policy{display:flex;align-items:flex-start;gap:7px;max-width:640px;margin-top:8px;padding:6px 12px;border-radius:var(--r-sm);background:var(--policy-bg);box-shadow:var(--bubble-shadow);color:var(--policy-fg);font-size:var(--fs-sm);line-height:1.4;text-align:left}.record-policy>svg{margin-top:2px}.record-policy strong{font-weight:700}.day-divider{display:flex;justify-content:center;margin:12px 16px 6px}.day-divider span{padding:4px 11px;border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--bubble-shadow);color:var(--text-2);font-size:var(--fs-xs);font-weight:500}.msg-row{position:relative;display:flex;align-items:flex-start;margin-top:8px;padding:1px clamp(12px,5%,56px);transition:background .5s var(--ease)}.msg-row.is-compact{margin-top:0}.msg-row.is-own{justify-content:flex-end}.msg-row.is-replied{background:var(--accent-soft)}.msg-avatar-slot{flex:none;width:28px;margin-right:8px}.msg-avatar-slot .avatar{width:28px;height:28px}.msg-stack{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:min(74%,660px)}.msg-row.is-own .msg-stack{align-items:flex-end}.msg-row.is-editing .msg-stack{width:min(74%,660px)}.msg-bubble{position:relative;min-width:0;max-width:100%;padding:5px 8px 5px 9px;border-radius:9px;background:var(--bubble-other);box-shadow:var(--bubble-shadow)}.msg-row.is-editing .msg-bubble{width:100%}.msg-row.is-own .msg-bubble{background:var(--bubble-own)}.msg-row:not(.is-compact):not(.is-own) .msg-bubble{border-top-left-radius:0}.msg-row:not(.is-compact).is-own .msg-bubble{border-top-right-radius:0}.msg-row:not(.is-compact) .msg-bubble:before{content:"";position:absolute;top:0;width:8px;height:12px;background:inherit}.msg-row:not(.is-compact):not(.is-own) .msg-bubble:before{left:-7px;clip-path:polygon(100% 0,0 0,100% 100%)}.msg-row:not(.is-compact).is-own .msg-bubble:before{right:-7px;clip-path:polygon(0 0,100% 0,0 100%)}.msg-author{margin-bottom:1px;font-size:var(--fs-sm);font-weight:600}.tone-text-0{color:var(--tone-0)}.tone-text-1{color:var(--tone-1)}.tone-text-2{color:var(--tone-2)}.tone-text-3{color:var(--tone-3)}.msg-body{display:flow-root;color:var(--text);font-size:14px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap}.msg-body.is-deleted{display:flex;align-items:center;gap:5px;color:var(--text-3);font-style:italic}.msg-meta{float:right;display:inline-flex;align-items:center;gap:4px;margin:5px 0 -2px 12px;color:var(--text-3);font-size:11px;font-style:normal;line-height:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.msg-meta-pin{display:inline-flex;color:var(--warn)}.msg-ticks{display:inline-flex}.msg-ticks.is-read{color:var(--tick-read)}.mention{border-radius:var(--r-xs);background:var(--mention-bg);color:var(--mention-fg);font-weight:500}.mention.is-me{padding:0 3px;background:var(--mention-me-bg);color:var(--mention-me-fg);font-weight:600}.search-hit{border-radius:2px;background:var(--hit-bg);color:var(--hit-fg)}.msg-edited{padding:0;border:0;background:transparent;color:var(--text-3);font-size:11px;white-space:nowrap;transition:color var(--t-fast)}.msg-edited:hover{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}.msg-reply-preview{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0;margin:1px 0 4px;padding:4px 9px;border:0;border-left:3px solid var(--brand-blue);border-radius:6px;background:var(--quote-bg);color:var(--text-2);font-size:var(--fs-sm);text-align:left;transition:background var(--t-fast)}.msg-reply-preview:hover{background:var(--line)}.msg-reply-author{color:var(--accent-text);font-size:var(--fs-xs);font-weight:600}.msg-reply-preview .truncate{display:block;width:100%}.msg-reactions{position:relative;display:flex;flex-wrap:wrap;gap:3px;margin-top:-4px;padding:0 8px;z-index:1}.reaction-chip{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 7px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text-2);font-size:var(--fs-xs);font-weight:500;font-variant-numeric:tabular-nums;transition:border-color var(--t-fast),transform var(--t-fast)}.reaction-chip:hover{border-color:var(--line-strong);transform:translateY(-1px)}.reaction-chip.is-mine{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.msg-toolbar{position:absolute;bottom:calc(100% - 5px);left:0;display:flex;align-items:center;gap:1px;max-width:calc(100cqw - 24px);padding:2px 4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transform:translateY(3px);transition:opacity var(--t-fast),transform var(--t-fast);white-space:nowrap;z-index:5}.msg-row.is-own .msg-toolbar{left:auto;right:0}.msg-row:hover .msg-toolbar,.msg-row:focus-within .msg-toolbar{opacity:1;pointer-events:auto;transform:none}.msg-toolbar .icon-btn{width:26px;height:26px}.emoji-btn{display:inline-grid;place-items:center;width:26px;height:26px;border:0;border-radius:50%;background:transparent;font-size:15px;line-height:1;transition:background var(--t-fast),transform var(--t-fast)}.emoji-btn:hover{background:var(--surface-3);transform:scale(1.15)}.msg-toolbar-sep{width:1px;height:16px;margin:0 3px;background:var(--line)}.msg-toolbar-confirm{display:flex;align-items:center;gap:4px;padding:1px 3px 1px 8px;color:var(--danger);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.msg-edit{display:flex;flex-direction:column;gap:5px;margin:2px 0}.msg-edit-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--text-3);font-size:var(--fs-xs)}.attachment-list{display:flex;flex-direction:column;gap:4px;min-width:min(300px,100%);margin:2px 0 4px}.attachment{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;padding:7px 8px;border:1px solid transparent;border-radius:var(--r-sm);background:var(--quote-bg)}.attachment.is-archived{border-color:var(--archive-line);background:var(--archive-soft)}.attachment-text{flex:1 1 140px;min-width:0;line-height:1.3}.attachment-name{font-size:var(--fs-sm);font-weight:500}.attachment-meta{display:flex;align-items:center;gap:5px;color:var(--text-3);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.retention-tag{font-weight:600}.retention-tag.is-archived{color:var(--archive)}.retention-tag.is-blocked,.msg-ticks.is-failed{color:var(--danger)}.filter-strip.connection-strip{background:var(--policy-bg);color:var(--policy-fg)}.attachment-actions{display:flex;flex:none;gap:3px;margin-left:auto}.composer-wrapper{flex:none;padding:8px 12px 6px;border-top:1px solid var(--line);background:var(--surface-2)}.composer-reply-banner{display:flex;align-items:center;gap:7px;margin:0 92px 6px;padding:5px 6px 5px 10px;border-left:3px solid var(--brand-blue);border-radius:var(--r-sm);background:var(--surface-3);color:var(--text-2);font-size:var(--fs-xs)}.composer-reply-banner>svg{color:var(--accent-text)}.composer-reply-banner strong{flex:none;color:var(--accent-text);font-weight:600}.composer-reply-banner .icon-btn{width:22px;height:22px;margin-left:auto}.composer{position:relative;display:flex;align-items:flex-end;gap:6px}.composer-field{flex:1;min-width:0;border:1px solid var(--line);border-radius:21px;background:var(--surface);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.composer-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.composer-input{display:block;width:100%;min-height:40px;max-height:180px;padding:10px 16px;border:0;border-radius:21px;background:transparent;color:var(--text);font-size:14px;line-height:1.4;resize:none}.composer-input:focus{outline:0}.composer-input::placeholder{color:var(--text-3)}.composer-round{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--text-2);transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast)}.composer-round:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.composer-send{background:var(--brand-gradient);color:#fff}.composer-send:hover:not(:disabled){background:var(--brand-gradient);color:#fff;filter:brightness(1.08);transform:scale(1.04)}.composer-send:disabled{background:var(--surface-3);color:var(--text-3)}.composer-round:disabled{opacity:.75}.composer-record-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;margin-top:5px;color:var(--text-3);font-size:var(--fs-2xs)}.composer-hint kbd{padding:0 3px;border:1px solid var(--line-strong);border-radius:var(--r-xs);background:var(--surface);font-family:var(--font-mono);font-size:9.5px}.mention-menu{position:absolute;left:46px;bottom:calc(100% + 6px);width:min(340px,calc(100% - 92px));max-height:228px;padding:4px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-lg);animation:dx-rise .11s var(--ease);z-index:20}.mention-option{display:flex;align-items:center;gap:8px;width:100%;padding:5px 7px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);text-align:left;font-size:var(--fs-sm)}.mention-option.is-active{background:var(--accent-soft)}.mention-option-handle{margin-left:auto;color:var(--text-3);font-size:var(--fs-xs)}.context-drawer{display:flex;flex-direction:column;flex:none;gap:8px;width:var(--drawer-w);min-height:0;overflow-y:auto;border-left:1px solid var(--line);background:var(--bg)}.drawer-head{position:sticky;top:0;display:flex;align-items:center;flex:none;gap:6px;min-height:var(--topbar-h);padding:0 8px 0 16px;border-bottom:1px solid var(--line);background:var(--surface-2);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;z-index:3}.drawer-head .icon-btn{margin-left:auto}.drawer-section{padding:12px 16px 13px;background:var(--surface);box-shadow:var(--shadow-sm)}.drawer-section-title{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--text-2);font-size:var(--fs-sm);font-weight:600}.drawer-section-title .count{color:var(--text-3);font-weight:500;font-variant-numeric:tabular-nums}.drawer-section-title .link-btn{margin-left:auto}.link-btn{display:inline-flex;align-items:center;gap:3px;padding:0;border:0;background:transparent;color:var(--accent-text);font-size:var(--fs-xs);font-weight:600;text-decoration:none}.link-btn:hover{text-decoration:underline;text-underline-offset:2px}.entity-card{padding:10px 11px;border-radius:var(--r-md);background:var(--surface-2)}.entity-card-top{display:flex;align-items:center;gap:6px;color:var(--text-3);font-size:var(--fs-xs)}.entity-card-code{margin-top:5px;font-family:var(--font-mono);font-size:var(--fs-md);font-weight:600;font-variant-ligatures:none}.entity-card-title{margin:1px 0 9px;color:var(--text-2);font-size:var(--fs-sm)}.member-row{display:flex;align-items:center;gap:9px;padding:4px 0}.member-text{flex:1;min-width:0;line-height:1.25}.member-name{font-size:var(--fs-sm);font-weight:500}.member-email{color:var(--text-3);font-size:var(--fs-xs)}.read-state{display:grid;place-items:center;color:var(--text-3)}.read-state.is-read{color:var(--tick-read)}.drawer-tabs{display:flex;gap:6px;margin-bottom:8px}.drawer-tab{height:26px;padding:0 11px;border:0;border-radius:999px;background:var(--surface-3);color:var(--text-2);font-size:var(--fs-xs);font-weight:500;font-variant-numeric:tabular-nums;transition:background var(--t-fast),color var(--t-fast)}.drawer-tab:hover{color:var(--text)}.drawer-tab.is-active{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.drawer-file-list{display:flex;flex-direction:column;gap:4px}.drawer-file-list .attachment{flex-wrap:nowrap}.drawer-file-list .attachment-text{flex:1 1 auto}.drawer-note{margin-top:8px;color:var(--text-3);font-size:var(--fs-xs);line-height:1.4}.stage-empty{display:flex;flex:1;align-items:center;justify-content:center;background-image:var(--chat-pattern);background-size:260px 260px}.mobile-scrim{display:none}.project-badge{display:inline-flex;align-items:center;flex:none;height:16px;padding:0 5px;border-radius:var(--r-xs);background:var(--accent-soft);color:var(--accent-text);font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.01em}.channel-muted-icon{flex:none;color:var(--text-3)}.mention-flag{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--on-accent)}.channel-row.is-muted .unread-count{background:var(--text-3);color:var(--surface)}.channel-row.is-muted.has-unread .channel-time{color:var(--text-3);font-weight:500}.category-tabs{display:grid;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:6px 12px 2px;padding:3px;border-radius:var(--r-md);background:var(--surface-3)}.category-tab{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;height:34px;padding:0 4px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-2);font-size:var(--fs-sm);font-weight:500;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.category-tab:hover{color:var(--text)}.category-tab.is-active{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--accent-text);font-weight:600}.category-count{min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--unread-bg);color:var(--unread-fg);font-size:10px;font-weight:700;line-height:17px;text-align:center;font-variant-numeric:tabular-nums}.source-badge{display:inline-flex;align-items:center;flex:none;height:16px;padding:0 5px;border-radius:var(--r-xs);font-size:9.5px;font-weight:700}.source-badge.is-b2b{background:var(--ent-ticket-bg);color:var(--ent-ticket-fg)}.source-badge.is-web{background:var(--ent-invoice-bg);color:var(--ent-invoice-fg)}.project-source{margin-top:3px;color:var(--text-3);font-size:var(--fs-xs)}.direct-scope{display:flex;align-items:center;gap:6px;margin:2px 14px 6px;color:var(--text-3);font-size:var(--fs-xs)}.direct-lock{display:flex;align-items:flex-start;gap:9px;margin:4px 12px 10px;padding:10px 12px;border-radius:var(--r-md);background:var(--policy-bg);color:var(--policy-fg);font-size:var(--fs-xs);line-height:1.4}.direct-lock svg{margin-top:1px}.direct-lock strong{display:block;font-size:var(--fs-sm);font-weight:700}.composer-locked{display:flex;align-items:center;justify-content:center;flex:none;gap:8px;padding:14px 16px;border-top:1px solid var(--line);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-sm);text-align:center}.perm-granted{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:var(--r-xs);background:var(--warn-soft);color:var(--warn);font-size:var(--fs-2xs);font-weight:600}.switch:disabled{cursor:not-allowed;opacity:.55}.load-older{display:flex;justify-content:center;flex:none;margin:8px 0 2px}.composer-error{align-items:center;margin-bottom:6px}.composer-error .icon-btn{width:22px;height:22px;margin-left:auto;color:inherit}.rail-badge{position:absolute;top:1px;right:-1px;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--surface-2);border-radius:9px;background:var(--brand-red);color:#fff;font-size:9.5px;font-weight:700;line-height:13px;text-align:center;font-variant-numeric:tabular-nums;box-sizing:border-box;animation:dx-pop .24s var(--ease)}@keyframes dx-pop{0%{transform:scale(.5)}60%{transform:scale(1.18)}to{transform:scale(1)}}.notif-center{position:fixed;top:0;bottom:0;left:var(--rail-w);display:flex;flex-direction:column;width:min(404px,calc(100vw - var(--rail-w)));border-right:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-lg);animation:dx-slide-in .18s var(--ease);z-index:60}@keyframes dx-slide-in{0%{transform:translate(-16px);opacity:0}to{transform:none;opacity:1}}.notif-head{display:flex;align-items:center;flex:none;gap:8px;min-height:var(--topbar-h);padding:0 8px 0 16px}.notif-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.015em}.notif-count{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--brand-red);color:#fff;font-size:var(--fs-xs);font-weight:700;line-height:20px;text-align:center;font-variant-numeric:tabular-nums}.notif-head-actions{display:flex;gap:2px;margin-left:auto}.notif-filters{padding-left:16px;padding-right:16px;border-bottom:1px solid var(--line);padding-bottom:10px}.notif-list{flex:1;min-height:0;padding:2px 6px 12px;overflow-y:auto}.notif-bucket{height:30px;padding:0 10px;cursor:default}.notif-item{position:relative;display:flex;align-items:flex-start;gap:11px;width:100%;padding:9px 26px 9px 10px;border:0;border-radius:var(--r-md);background:transparent;color:var(--text);text-align:left;transition:background var(--t-fast)}.notif-item:hover{background:var(--surface-2)}.notif-item.is-unread{background:var(--accent-soft)}.notif-item.is-unread:hover{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.notif-glyph{position:relative;flex:none;width:36px;height:36px}.notif-glyph .avatar,.notif-solo{width:36px;height:36px}.notif-type{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:18px;height:18px;border:2px solid var(--surface);border-radius:50%;box-sizing:border-box}.notif-text{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.notif-line{font-size:var(--fs-md);font-weight:500;line-height:1.3}.notif-item.is-unread .notif-line{font-weight:600}.notif-body{display:-webkit-box;overflow:hidden;color:var(--text-2);font-size:var(--fs-sm);line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notif-meta{display:flex;align-items:center;gap:6px;margin-top:2px;color:var(--text-3);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.notif-meta time{flex:none}.notif-meta time:before{content:"·";margin-right:6px}.notif-meta time:first-child:before{content:none}.notif-dot{position:absolute;top:14px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--accent)}.pref-panel{display:flex;flex:1;flex-direction:column;gap:2px;min-height:0;padding:4px 16px 16px;overflow-y:auto}.pref-row{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);cursor:pointer}.pref-row.is-stacked{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:8px;cursor:default}.pref-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.pref-label{font-size:var(--fs-md);font-weight:500}.pref-hint{color:var(--text-3);font-size:var(--fs-xs);line-height:1.4}.pref-chips{padding:0}.switch{position:relative;flex:none;width:38px;height:22px;margin:0;border-radius:11px;background:var(--line-strong);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background var(--t-med)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #111b214d;transition:transform var(--t-med)}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(16px)}.notif-toasts{position:fixed;top:14px;right:14px;display:flex;flex-direction:column;gap:8px;width:min(372px,calc(100vw - 28px));z-index:90}.notif-toast{position:relative;display:flex;align-items:flex-start;gap:2px;padding:4px;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);animation:dx-toast .22s var(--ease)}@keyframes dx-toast{0%{transform:translate(22px) scale(.98);opacity:0}to{transform:none;opacity:1}}.notif-toast:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform-origin:left;animation:dx-toast-life 6s linear forwards}.notif-toast.is-paused:after{animation-play-state:paused}@keyframes dx-toast-life{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.notif-toast-main{display:flex;flex:1;align-items:flex-start;gap:11px;min-width:0;padding:7px 4px 8px 8px;border:0;border-radius:var(--r-md);background:transparent;color:var(--text);text-align:left}.topbar-typing{display:inline-flex;align-items:center;gap:6px;color:var(--ok);font-weight:500}.typing-dots{display:inline-flex;gap:2px}.typing-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:dx-typing 1.1s infinite ease-in-out}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes dx-typing{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-2px)}}.topbar-menu-wrap{position:relative}.topbar-menu-wrap>.icon-btn{width:32px;height:32px}.pop-menu{position:absolute;top:calc(100% + 6px);right:0;width:248px;padding:5px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-lg);animation:dx-rise .12s var(--ease);z-index:40}.pop-menu-title{padding:5px 8px 6px;color:var(--text-3);font-size:var(--fs-xs);font-weight:600}.pop-menu-item{display:flex;align-items:center;gap:9px;width:100%;min-height:32px;padding:4px 8px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);font-size:var(--fs-sm);text-align:left;transition:background var(--t-fast)}.pop-menu-item:hover{background:var(--surface-3)}.pop-menu-item.is-selected{color:var(--accent-text);font-weight:600}.pop-menu-check{margin-left:auto}.pop-menu-count{margin-left:auto;color:var(--text-3);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.period-label:first-letter{text-transform:uppercase}.pop-menu-note{margin:4px 0 0;padding:6px 8px 4px;border-top:1px solid var(--line);color:var(--text-3);font-size:var(--fs-xs);line-height:1.35}.stage-flow{position:relative;display:flex;flex:1;flex-direction:column;min-height:0}.day-block{flex:none}.day-divider{position:sticky;top:8px;z-index:3}.sidebar-filters{gap:4px}.filter-chip{padding:0 8px;font-size:12px}.drawer-tab{padding:0 9px}.unread-divider{display:flex;align-items:center;flex:none;gap:10px;margin:10px 0 2px;padding:0 clamp(12px,5%,56px);color:var(--ok);font-size:var(--fs-xs);font-weight:600}.unread-divider:before,.unread-divider:after{content:"";flex:1;height:1px;background:var(--ok);opacity:.45}.unread-divider span{padding:3px 10px;border-radius:999px;background:var(--ok-soft)}.msg-row{flex:none}.msg-row.is-fresh .msg-stack{animation:dx-rise .2s var(--ease)}.msg-company{margin-left:6px;padding-left:6px;border-left:1px solid var(--line-strong);color:var(--text-3);font-size:var(--fs-xs);font-weight:500}.msg-bubble.is-jumbo{padding:2px 6px 4px;background:transparent!important;box-shadow:none}.msg-bubble.is-jumbo:before{display:none}.msg-bubble.is-jumbo .msg-body{font-size:38px;line-height:1.15}.msg-bubble.is-jumbo .msg-meta{float:none;display:flex;justify-content:flex-end;margin:2px 0 0}.msg-toolbar.is-held{opacity:1;pointer-events:auto;transform:none}.reaction-glyph{display:inline-block;font-size:13px;animation:dx-pop .22s var(--ease)}.scroll-fab{position:absolute;right:18px;bottom:14px;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface);box-shadow:var(--shadow-md);color:var(--text-2);animation:dx-pop .2s var(--ease);transition:color var(--t-fast);z-index:6}.scroll-fab:hover{color:var(--accent-text)}.drop-overlay{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:grid;place-items:center;border:2px dashed var(--accent);border-radius:var(--r-lg);background:color-mix(in srgb,var(--accent-soft) 88%,transparent);animation:dx-fade .12s var(--ease);pointer-events:none;z-index:8}.drop-card{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--accent-text);font-size:var(--fs-sm);text-align:center}.drop-card strong{color:var(--text);font-family:var(--font-display);font-size:var(--fs-xl)}.file-tile{display:grid;place-items:center;flex:none;width:34px;height:38px;border-radius:7px;background:var(--text-3);color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.03em}.file-tile.kind-pdf{background:var(--brand-red)}.file-tile.kind-sheet{background:#1f9a48}.file-tile.kind-doc{background:var(--brand-blue)}.file-tile.kind-image,.file-tile.kind-archived{background:var(--brand-yellow);color:#3d2e00}.file-tile.kind-blocked{background:var(--danger-soft);color:var(--danger)}.attachment-photo{width:min(340px,100%);margin:0;overflow:hidden;border-radius:var(--r-sm);background:var(--quote-bg)}.attachment-photo.is-archived{background:var(--archive-soft);box-shadow:inset 0 0 0 1px var(--archive-line)}.photo-open{position:relative;display:block;width:100%;padding:0;border:0;background:var(--surface-3);cursor:zoom-in}.photo-open:disabled{cursor:progress}.photo-open img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;transition:filter var(--t-med),transform .26s var(--ease)}.photo-open:hover:not(:disabled) img{filter:brightness(.94)}.photo-open img.is-scanning{filter:blur(9px) saturate(.7)}.photo-scan{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#10203fd1;color:#fff;font-size:var(--fs-xs);font-weight:500;white-space:nowrap;transform:translate(-50%,-50%)}.photo-bar{display:flex;align-items:center;gap:6px;padding:5px 5px 6px 9px}.project-stats{display:flex;gap:12px;margin-top:8px;padding-top:7px;border-top:1px solid var(--line);color:var(--text-3);font-size:var(--fs-xs)}.project-stats strong{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}.drawer-tabs{flex-wrap:wrap}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.media-cell{position:relative;aspect-ratio:1;padding:0;overflow:hidden;border:0;border-radius:var(--r-sm);background:var(--surface-3);cursor:zoom-in}.media-cell img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s var(--ease)}.media-cell:hover img{transform:scale(1.05)}.media-flag{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--brand-yellow);color:#3d2e00}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#080f1df0;animation:dx-fade .14s var(--ease);z-index:110}.lightbox-bar{display:flex;align-items:center;flex:none;gap:4px;min-height:56px;padding:0 12px 0 18px;color:#fff}.lightbox-title{display:flex;flex:1;flex-direction:column;min-width:0;font-size:var(--fs-md);font-weight:600}.lightbox-meta{color:#ffffffa8;font-size:var(--fs-xs);font-weight:400}.lightbox-btn,.lightbox-nav{display:grid;place-items:center;flex:none;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#fff;transition:background var(--t-fast)}.lightbox-btn:hover,.lightbox-nav:hover{background:#ffffff24}.lightbox-stage{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:0;padding:0 64px 24px}.lightbox-stage img{max-width:100%;max-height:100%;border-radius:var(--r-sm);box-shadow:0 18px 60px #0000008c;object-fit:contain;animation:dx-rise .18s var(--ease)}.lightbox-nav{position:absolute;top:calc(50% - 32px);width:44px;height:44px;background:#ffffff14}.lightbox-nav.is-prev{left:12px}.lightbox-nav.is-next{right:12px}.emoji-btn:active{transform:scale(.9)}.emoji-picker{display:flex;flex-direction:column;width:min(344px,calc(100vw - 16px));height:400px;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);animation:dx-rise .14s var(--ease)}.emoji-picker.is-floating{position:fixed;z-index:95}.emoji-picker.is-composer{position:absolute;left:0;bottom:calc(100% + 8px);z-index:22}.emoji-search{position:relative;display:flex;align-items:center;flex:none;padding:10px 10px 6px}.emoji-search svg{position:absolute;left:21px;color:var(--text-3);pointer-events:none}.emoji-search input{width:100%;height:32px;padding:0 12px 0 31px;border:1px solid transparent;border-radius:999px;background:var(--surface-3);color:var(--text);font-size:var(--fs-sm)}.emoji-search input:focus{outline:0;border-color:var(--accent);background:var(--surface)}.emoji-tabs{display:flex;flex:none;justify-content:space-between;padding:0 8px 4px;border-bottom:1px solid var(--line)}.emoji-tab{width:36px;height:30px;border:0;border-radius:var(--r-sm);background:transparent;font-size:16px;transition:background var(--t-fast),transform var(--t-fast)}.emoji-tab:hover{background:var(--surface-3);transform:translateY(-1px)}.emoji-body{flex:1;min-height:0;padding:2px 8px 8px;overflow-y:auto}.emoji-group-title{position:sticky;top:0;padding:7px 4px 4px;background:var(--surface);color:var(--text-3);font-size:var(--fs-xs);font-weight:600;z-index:1}.emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}.emoji-cell{display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:var(--r-sm);background:transparent;font-size:21px;line-height:1;transition:background var(--t-fast),transform .12s var(--ease)}.emoji-cell:hover{background:var(--surface-3);transform:scale(1.18)}.emoji-empty{padding:28px 12px;color:var(--text-3);font-size:var(--fs-sm);text-align:center}.emoji-foot{display:flex;align-items:center;flex:none;gap:7px;min-height:36px;padding:0 12px;border-top:1px solid var(--line);background:var(--surface-2);color:var(--text-3);font-size:var(--fs-xs)}.emoji-foot-glyph{font-size:18px;line-height:1}.emoji-option-glyph{flex:none;width:26px;font-size:18px;line-height:1;text-align:center}.composer-round.is-active{background:var(--accent-soft);color:var(--accent-text)}.attach-menu{position:absolute;left:40px;bottom:calc(100% + 8px);width:260px;padding:5px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-lg);animation:dx-rise .12s var(--ease);z-index:21}.attach-option{display:flex;align-items:center;gap:11px;width:100%;padding:6px 8px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);text-align:left;transition:background var(--t-fast)}.attach-option:hover{background:var(--surface-3)}.attach-option strong{display:block;font-size:var(--fs-md);font-weight:600}.attach-option small{display:block;color:var(--text-3);font-size:var(--fs-xs)}.attach-option .file-tile{width:32px;height:32px;border-radius:50%}.mention-menu{left:92px;width:min(340px,calc(100% - 138px))}.page{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.page-header{display:flex;align-items:center;flex:none;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--surface)}.page-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.015em;line-height:1.25}.page-subtitle{color:var(--text-3);font-size:var(--fs-sm)}.page-actions{display:flex;flex:none;gap:6px;margin-left:auto}.page-tabs{display:flex;flex:none;gap:2px;padding:0 14px;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--surface);scrollbar-width:none}.page-tab{position:relative;display:inline-flex;align-items:center;flex:none;gap:6px;height:36px;padding:0 9px;border:0;background:transparent;color:var(--text-3);font-size:var(--fs-sm);font-weight:500;white-space:nowrap;transition:color var(--t-fast)}.page-tab:hover{color:var(--text)}.page-tab.is-active{color:var(--text);font-weight:600}.page-tab.is-active svg{color:var(--accent-text)}.page-tab.is-active:after{content:"";position:absolute;left:6px;right:6px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--accent)}.page-body{flex:1;min-height:0;padding:14px 20px 24px;overflow-y:auto}.page-stack{display:flex;flex-direction:column;gap:12px;max-width:1440px}.card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);min-width:0}.card-head{display:flex;align-items:center;gap:8px;min-height:38px;padding:6px 12px;border-bottom:1px solid var(--line)}.card-title{font-size:var(--fs-md);font-weight:600}.card-sub{color:var(--text-3);font-size:var(--fs-xs)}.card-head-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.card-body{padding:12px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.metric{padding:12px 14px 13px}.metric-label{display:flex;align-items:center;gap:6px;color:var(--text-2);font-size:var(--fs-xs);font-weight:600}.metric-label svg{color:var(--text-3)}.metric-value{margin-top:7px;font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums}.metric-value small{color:var(--text-3);font-family:var(--font-ui);font-size:var(--fs-md);font-weight:500;letter-spacing:0}.metric-foot{margin-top:6px;color:var(--text-3);font-size:var(--fs-xs)}.meter{height:4px;margin-top:8px;overflow:hidden;border-radius:2px;background:var(--surface-3)}.meter-fill{height:100%;border-radius:2px;background:var(--accent);transition:width .32s var(--ease)}.meter-fill.is-warn{background:var(--warn)}.meter-fill.is-danger{background:var(--danger)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.data-table th{height:30px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--text-3);font-size:var(--fs-xs);font-weight:600;text-align:left;white-space:nowrap}.data-table th.is-right,.data-table td.is-right{text-align:right}.data-table td{height:36px;padding:3px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background var(--t-fast)}.data-table tbody tr:hover{background:var(--surface-2)}.data-table tbody tr.is-clickable{cursor:pointer}.cell-strong{font-weight:500}.cell-person{display:flex;align-items:center;gap:8px;min-width:0}.cell-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;white-space:nowrap}.cell-meter{min-width:132px}.cell-meter .meter{margin-top:3px}.inline-confirm{color:var(--danger);font-size:var(--fs-xs);font-weight:600}.form-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px}.form-row>.field{flex:1 1 160px}.form-stack{display:flex;flex-direction:column;gap:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field-span{grid-column:1 / -1}.token-box{display:flex;align-items:center;gap:8px;margin-top:10px;padding:7px 8px 7px 10px;border:1px solid var(--ok);border-radius:var(--r-sm);background:var(--ok-soft);animation:dx-rise .16s var(--ease)}.token-box-label{flex:none;color:var(--ok);font-size:var(--fs-xs);font-weight:600}.token-box-value{flex:1;min-width:0;color:var(--text);font-family:var(--font-mono);font-size:var(--fs-sm);overflow-wrap:anywhere}.struct-list li{display:flex;align-items:center;gap:10px;min-height:32px;padding:3px 12px;border-bottom:1px solid var(--line);font-size:var(--fs-sm)}.struct-list li:last-child{border-bottom:0}.struct-code{flex:none;min-width:72px;color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-xs)}.perm-yes{display:inline-grid;place-items:center;color:var(--ok)}.perm-no{display:inline-grid;place-items:center;color:var(--text-3);opacity:.6}.matrix-table th:not(:first-child),.matrix-table td:not(:first-child){width:128px;text-align:center}.matrix-table tr.is-principle td{background:var(--danger-soft);font-weight:500}.principle{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:var(--r-xs) var(--r-md) var(--r-md) var(--r-xs);background:var(--surface);font-size:var(--fs-md);font-weight:500}.principle>svg{margin-top:2px;color:var(--accent-text)}.toolbar-input{width:220px}.toolbar-input .input{height:26px;font-size:var(--fs-sm)}.health-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}.status-line{margin-top:8px;font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:500;font-variant-ligatures:none;line-height:1.4}.privacy-card{border-color:transparent;background:var(--ink);color:var(--ink-text)}.privacy-card .metric-label{color:#fff}.privacy-card .metric-label svg{color:var(--brand-yellow)}.privacy-title{margin-top:7px;color:#fff;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700}.privacy-text{margin-top:3px;color:var(--ink-text);font-size:var(--fs-sm);line-height:1.4}.embed-grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:12px;align-items:start}.code-block{margin:0;padding:10px 12px;overflow-x:auto;border-radius:var(--r-sm);background:var(--ink);color:var(--ink-text);font-family:var(--font-mono);font-size:var(--fs-xs);font-variant-ligatures:none;line-height:1.55;white-space:pre}.boundary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.boundary-title{display:flex;align-items:center;gap:5px;margin-bottom:5px;font-size:var(--fs-xs);font-weight:600}.boundary-list li{position:relative;padding:1px 0 1px 11px;color:var(--text-2);font-size:var(--fs-sm)}.boundary-list li:before{content:"";position:absolute;left:1px;top:8px;width:4px;height:4px;border-radius:50%;background:var(--line-strong)}.host-frame{overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface)}.host-frame-bar{display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;border-bottom:1px solid var(--line);background:var(--surface-3);color:var(--text-3);font-size:var(--fs-xs)}.host-frame-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);min-height:188px}.host-record{padding:12px}.host-record-title{margin-top:6px;font-size:var(--fs-lg);font-weight:600}.host-record-note{margin-top:4px;color:var(--text-3);font-size:var(--fs-xs)}.host-panel{display:flex;flex-direction:column;gap:8px;padding:10px;border-left:1px solid var(--line);background:var(--surface-2)}.host-panel-title{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:600}.host-panel-text{flex:1;color:var(--text-2);font-size:var(--fs-xs)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.step{padding:10px 12px;border-right:1px solid var(--line)}.step:last-child{border-right:0}.step-index{color:var(--accent-text);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600}.step-title{margin-top:2px;font-size:var(--fs-sm);font-weight:600}.step-text{margin-top:2px;color:var(--text-3);font-size:var(--fs-xs)}.auth-page{position:relative;display:flex;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;padding:26px 16px 32px;background:var(--bg);overflow-y:auto}.auth-page:before{content:"";position:absolute;top:0;left:0;right:0;height:210px;background:var(--brand-band)}.auth-brand{position:relative;display:flex;align-items:center;gap:11px;width:100%;max-width:960px}.auth-brand-mark{display:grid;place-items:center;flex:none;padding:8px 14px;border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-md)}.auth-brand-name{color:#fff;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.005em;line-height:1.15}.auth-sheet{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,410px);width:100%;max-width:960px;margin-top:20px;overflow:hidden;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg)}.auth-intro{display:flex;flex-direction:column;gap:16px;padding:28px}.auth-claim{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.22}.auth-claim-sub{margin-top:6px;color:var(--text-2);font-size:var(--fs-md)}.auth-points{display:flex;flex-direction:column;gap:8px}.auth-points li{display:flex;align-items:flex-start;gap:9px;color:var(--text-2);font-size:var(--fs-sm)}.auth-point-dot{flex:none;width:8px;height:8px;margin-top:5px;border-radius:50%}.auth-card{border-left:1px solid var(--line);background:var(--surface)}.auth-tabs{display:flex;border-bottom:1px solid var(--line)}.auth-tab{position:relative;flex:1;height:46px;border:0;background:transparent;color:var(--text-3);font-size:var(--fs-md);font-weight:500;transition:color var(--t-fast)}.auth-tab:hover{color:var(--text)}.auth-tab.is-active{color:var(--accent-text);font-weight:600}.auth-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--accent)}.auth-form{display:flex;flex-direction:column;gap:11px;padding:16px}.auth-form .input{height:36px}.auth-form .btn{height:38px;margin-top:2px}.auth-security{display:flex;align-items:flex-start;gap:7px;padding:10px 16px;border-top:1px solid var(--line);background:var(--policy-bg);color:var(--policy-fg);font-size:var(--fs-xs)}.auth-security svg{margin-top:1px}.demo-panel-head{display:flex;align-items:center;gap:6px;margin-bottom:7px;color:var(--text-2);font-size:var(--fs-xs);font-weight:600}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.demo-card{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 8px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);text-align:left;transition:border-color var(--t-fast),background var(--t-fast)}.demo-card:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.demo-card:disabled{opacity:.6}.demo-card-text{flex:1;min-width:0;line-height:1.25}.demo-card-name{font-size:var(--fs-sm);font-weight:600}.demo-card-role{color:var(--text-3);font-size:var(--fs-xs)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;background:var(--scrim);animation:dx-fade .12s var(--ease);z-index:100}@keyframes dx-fade{0%{opacity:0}to{opacity:1}}.modal{display:flex;flex-direction:column;width:100%;max-width:460px;max-height:76vh;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);animation:dx-rise .16s var(--ease)}.modal-wide{max-width:600px}.modal-head{display:flex;align-items:center;flex:none;gap:8px;min-height:44px;padding:6px 8px 6px 14px;border-bottom:1px solid var(--line)}.modal-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em}.modal-head .icon-btn{margin-left:auto}.modal-body{flex:1;min-height:0;padding:12px 14px;overflow-y:auto}.modal-foot{display:flex;align-items:center;justify-content:flex-end;flex:none;gap:6px;padding:9px 14px;border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 var(--r-lg) var(--r-lg)}.account-row{display:flex;align-items:center;gap:9px;width:100%;padding:6px 8px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;text-align:left;transition:background var(--t-fast),border-color var(--t-fast)}.account-row:hover:not(:disabled){background:var(--surface-3)}.account-row.is-current{border-color:var(--accent);background:var(--accent-soft)}.account-row-text{flex:1;min-width:0;line-height:1.3}.account-row-name{font-weight:600}.account-row-meta{color:var(--text-3);font-size:var(--fs-xs)}.revision{position:relative;padding:0 0 12px 16px;border-left:1px solid var(--line-strong)}.revision:last-child{padding-bottom:0;border-left-color:transparent}.revision:before{content:"";position:absolute;left:-4px;top:4px;width:7px;height:7px;border-radius:50%;background:var(--surface);border:1px solid var(--line-strong)}.revision.is-current:before{background:var(--accent);border-color:var(--accent)}.revision-meta{display:flex;align-items:center;gap:6px;color:var(--text-3);font-size:var(--fs-xs)}.revision-body{margin-top:3px;padding:6px 8px;border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--fs-sm);overflow-wrap:anywhere;white-space:pre-wrap}@media (max-width: 1180px){.context-drawer{position:absolute;top:0;right:0;bottom:0;box-shadow:var(--shadow-lg);animation:dx-drawer .16s var(--ease);z-index:15}}@container stage (max-width: 780px){.topbar-btn-label{display:none}.topbar-search,.topbar-search:focus-within{width:156px}.msg-stack,.msg-row.is-editing .msg-stack{max-width:84%}}@container stage (max-width: 620px){.topbar-entity,.composer-hint{display:none}}@keyframes dx-drawer{0%{transform:translate(14px);opacity:0}to{transform:none;opacity:1}}@media (max-width: 980px){.grid-3,.grid-2,.embed-grid,.steps{grid-template-columns:minmax(0,1fr)}.step{border-right:0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}}@media (max-width: 860px){.channel-sidebar{position:absolute;top:0;left:0;bottom:0;width:min(var(--sidebar-w),100%);transform:translate(-102%);transition:transform var(--t-med);z-index:25}.channel-sidebar.is-open{transform:none;box-shadow:var(--shadow-lg)}.mobile-scrim.is-open{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:24}.topbar-menu{display:inline-grid}.auth-sheet{grid-template-columns:minmax(0,1fr)}.auth-card{grid-row:1;border-left:0;border-bottom:1px solid var(--line)}.auth-intro{padding:18px 16px}}@media (max-width: 640px){.notif-center{top:48px;left:0;width:100%}.lightbox-stage{padding:0 8px 16px}.lightbox-nav.is-prev{left:4px}.lightbox-nav.is-next{right:4px}.msg-toolbar:has(.msg-toolbar-confirm){width:calc(100cqw - 56px);border-radius:var(--r-md)}.msg-toolbar-confirm{flex-wrap:wrap;white-space:normal}.app-shell{flex-direction:column}.app-rail{flex-direction:row;width:100%;height:48px;padding:0 8px;border-right:0;border-bottom:1px solid var(--line)}.rail-logo{margin:0 6px 0 0}.rail-btn:after{display:none}.chat-topbar{flex-wrap:wrap;padding:6px 8px}.topbar-title{flex:1 1 calc(100% - 44px)}.topbar-actions{flex:1 1 100%;margin-left:0;justify-content:flex-end}.topbar-search,.topbar-search:focus-within{flex:1;width:auto}.context-drawer{width:100%}.msg-row{padding-left:10px;padding-right:10px}.msg-avatar-slot{width:24px;margin-right:6px}.msg-avatar-slot .avatar{width:24px;height:24px}.composer-wrapper{padding-left:6px;padding-right:8px}.composer-reply-banner{margin-left:0;margin-right:0}.mention-menu{left:4px;width:calc(100% - 8px)}.attachment-actions{width:100%;justify-content:flex-end}.drawer-file-list .attachment-actions,.photo-bar .attachment-actions{width:auto}.attachment-meta{flex-wrap:wrap}.page-header{flex-wrap:wrap;padding:10px 16px}.page-actions{margin-left:0}.page-body{padding:12px 16px 20px}.page-tabs{padding:0 8px}.form-grid,.boundary-grid,.demo-grid,.host-frame-body{grid-template-columns:minmax(0,1fr)}.host-panel{border-left:0;border-top:1px solid var(--line)}.toolbar-input{width:150px}.modal-scrim{padding:8vh 12px 12px}}