:root{--c-bg: #eef0f4;--c-surface: #ffffff;--c-surface-sunken: #f7f8fa;--c-surface-hover: #f0f2f5;--c-surface-active: #e6e9ee;--c-border: #e4e7eb;--c-border-strong: #d0d5dd;--c-text: #16181d;--c-text-muted: #667085;--c-text-faint: #98a2b3;--c-text-inverse: #ffffff;--c-accent: #2f6feb;--c-accent-hover: #2560d4;--c-accent-soft: #e8f0fe;--c-accent-border: #b8d0fb;--c-danger: #d63b30;--c-danger-hover: #bb3128;--c-danger-soft: #fdecea;--c-warning: #b25e09;--c-warning-soft: #fff4e4;--c-success: #0d8a4f;--c-success-soft: #e6f5ed;--c-bubble-in: #ffffff;--c-bubble-out: #e8f0fe;--c-bubble-internal: #fff6e3;--c-channel-blue: #2f80ed;--c-channel-teal: #0d9488;--c-channel-green: #2ea043;--c-channel-amber: #b8860b;--c-channel-orange: #e2703a;--c-channel-red: #e5484d;--c-channel-pink: #e5459b;--c-channel-violet: #8b5cf6;--s-1: 2px;--s-2: 4px;--s-3: 6px;--s-4: 8px;--s-5: 12px;--s-6: 16px;--s-7: 24px;--s-8: 32px;--r-1: 4px;--r-2: 6px;--r-3: 8px;--r-4: 12px;--r-full: 999px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--t-xs: 11px;--t-sm: 12px;--t-md: 13px;--t-lg: 15px;--t-xl: 17px;--lh: 1.45;--lh-tight: 1.25;--cap-height: .71em;--w-medium: 500;--w-bold: 600;--h-control: 28px;--h-control-lg: 32px;--h-row: 56px;--w-rail: 56px;--h-rail-button: 36px;--h-sidebar-header: 44px;--h-pane-header: 48px;--h-composer-max: 180px;--w-sidebar: 320px;--w-content: 880px;--w-modal: 72ch;--w-feed: 800px;--w-bubble: 560px;--c-scrim: rgb(16 24 40 / 40%);--c-scrim-strong: rgb(16 24 40 / 85%);--shadow-1: 0 1px 2px rgb(16 24 40 / 6%), 0 1px 3px rgb(16 24 40 / 8%);--shadow-2: 0 4px 12px rgb(16 24 40 / 10%);--shadow-3: 0 12px 32px rgb(16 24 40 / 18%);--z-sticky: 10;--z-menu: 30;--z-overlay: 40;--z-toast: 100}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);font-size:var(--t-md);line-height:var(--lh);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:var(--w-bold);line-height:var(--lh-tight)}h1{font-size:var(--t-xl)}h2{font-size:var(--t-lg)}h3{font-size:var(--t-md)}p{margin:0}a{color:var(--c-accent)}ul{list-style:none;margin:0;padding:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-3);min-height:var(--h-control);padding:0 var(--s-4);border:1px solid var(--c-border-strong);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-text);white-space:nowrap}button:hover:not(:disabled),.btn:hover:not(:disabled){background:var(--c-surface-hover)}button:disabled,.btn:disabled{opacity:.55}.btn-primary{border-color:transparent;background:var(--c-accent);color:var(--c-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--c-accent-hover)}.btn-danger{border-color:transparent;background:var(--c-danger);color:var(--c-text-inverse)}.btn-danger:hover:not(:disabled){background:var(--c-danger-hover)}.btn-ghost{border-color:transparent;background:none;color:var(--c-text-muted)}.btn-ghost:hover:not(:disabled){background:var(--c-surface-hover);color:var(--c-text)}.btn-link{min-height:0;padding:0;border:none;background:none;color:var(--c-accent)}.btn-link:hover:not(:disabled){background:none;text-decoration:underline}.btn-icon{width:var(--h-control);min-height:var(--h-control);padding:0;border-color:transparent;background:none;color:var(--c-text-muted)}.btn-icon:hover:not(:disabled){background:var(--c-surface-hover);color:var(--c-text)}.btn-icon.active{color:var(--c-accent)}input,select,textarea{min-height:var(--h-control);padding:0 var(--s-3);border:1px solid var(--c-border-strong);border-radius:var(--r-2);background:var(--c-surface)}textarea{padding:var(--s-3);line-height:var(--lh);resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--c-accent);outline-offset:-1px}input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--c-accent)}label{font-size:var(--t-md)}.chip{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--h-control);padding:0 var(--s-4);border:1px solid transparent;border-radius:var(--r-full);background:var(--c-surface-hover);color:var(--c-text-muted);font-size:var(--t-sm);white-space:nowrap}.chip:hover:not(:disabled){background:var(--c-surface-active);color:var(--c-text)}.chip.active{background:var(--c-accent-soft);color:var(--c-accent);font-weight:var(--w-medium)}.icon{display:inline-block;flex:none;vertical-align:calc((var(--cap-height) - var(--icon-size, 16px)) / 2)}@keyframes icon-spin{to{transform:rotate(360deg)}}.icon-spin{animation:icon-spin .9s linear infinite}@media(prefers-reduced-motion:reduce){.icon-spin{animation-duration:2.4s}}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);flex:1;min-height:120px;padding:var(--s-7) var(--s-6);text-align:center;color:var(--c-text-muted)}.state-icon{color:var(--c-text-faint)}.state-title{font-size:var(--t-md);font-weight:var(--w-medium);color:var(--c-text)}.state-hint{max-width:46ch;font-size:var(--t-sm);color:var(--c-text-muted)}.state-error .state-icon{color:var(--c-danger)}.toast-bar{position:fixed;top:var(--s-5);right:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4);z-index:var(--z-toast)}.toast{display:flex;align-items:flex-start;gap:var(--s-3);max-width:340px;padding:var(--s-4) var(--s-5);border-radius:var(--r-3);background:var(--c-danger);color:var(--c-text-inverse);text-align:left;box-shadow:var(--shadow-2)}.toast-text{flex:1;min-width:0}.toast-close{flex:none;border-color:transparent;background:none;color:inherit;opacity:.75}.toast-close:hover:not(:disabled){background:none;opacity:1}.login-screen{display:grid;place-items:center;min-height:100vh}.login-form{display:flex;flex-direction:column;gap:var(--s-5);width:min(320px,90vw);padding:var(--s-8);border:1px solid var(--c-border);border-radius:var(--r-4);background:var(--c-surface);box-shadow:var(--shadow-2)}.login-form h1{text-align:center}.login-form label{display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--t-sm);color:var(--c-text-muted)}.login-form input,.login-form button{min-height:var(--h-control-lg)}.stopped-screen{display:grid;place-items:center;min-height:100vh;padding:var(--s-5)}.stopped-card{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);width:min(520px,100%);padding:var(--s-8);border:1px solid var(--c-border);border-radius:var(--r-4);background:var(--c-surface);box-shadow:var(--shadow-2);text-align:center}.stopped-icon{color:var(--c-danger)}.stopped-reason,.stopped-retention,.stopped-hint{margin:0;line-height:1.5}.stopped-retention{font-weight:600}.stopped-hint{font-size:var(--t-sm);color:var(--c-text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.attach:focus-within{outline:2px solid var(--c-accent);outline-offset:2px}.workspace{display:flex;height:100vh;overflow:hidden}.rail{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);width:var(--w-rail);flex:none;padding:var(--s-4) 0;border-right:1px solid var(--c-border);background:var(--c-surface-sunken)}.rail-spacer{flex:1}.rail-button{display:flex;align-items:center;justify-content:center;width:var(--h-rail-button);height:var(--h-rail-button);min-height:0;padding:0;border-color:transparent;border-radius:var(--r-3);background:none;color:var(--c-text-muted)}.rail-button:hover:not(:disabled){background:var(--c-surface-active);color:var(--c-text)}.rail-button.active{background:var(--c-accent-soft);color:var(--c-accent)}.rail-button.off{color:var(--c-text-faint)}.rail-user{display:flex;justify-content:center;width:var(--h-rail-button);min-height:0;padding:var(--s-2) 0;border-color:transparent;border-radius:var(--r-3);background:none}.rail-user:hover:not(:disabled){background:var(--c-surface-active)}.sidebar{display:flex;flex-direction:column;width:var(--w-sidebar);flex:none;min-height:0;border-right:1px solid var(--c-border);background:var(--c-surface)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);height:var(--h-sidebar-header);flex:none;padding:0 var(--s-5);border-bottom:1px solid var(--c-border)}.sidebar-title{font-size:var(--t-md);font-weight:var(--w-bold)}.sidebar-body{display:flex;flex-direction:column;flex:1;min-height:0}.workspace-main{display:flex;flex:1;min-width:0;background:var(--c-surface)}.pane{display:flex;flex-direction:column;flex:1;min-width:0;background:var(--c-surface)}.pane-header{display:flex;align-items:center;gap:var(--s-4);min-height:var(--h-pane-header);flex:none;padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--c-border)}.pane-title{flex:1;min-width:0;font-size:var(--t-lg);font-weight:var(--w-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-actions{display:flex;align-items:center;gap:var(--s-3);margin-left:auto}.pane-body{flex:1;min-height:0;overflow-y:auto}.pane-inner{width:100%;max-width:var(--w-content);margin:0 auto;padding:var(--s-6)}.pane-empty{display:grid;place-items:center;flex:1;color:var(--c-text-muted)}.ws-banner{flex:none;padding:var(--s-3) var(--s-5);background:var(--c-warning-soft);color:var(--c-warning);font-size:var(--t-sm)}.back,.pane-header.back-only{display:none}@media(max-width:720px){.sidebar{width:100%}.workspace.detail-open .sidebar{display:none}.workspace:not(.detail-open) .workspace-main{display:none}.back{display:inline-flex}.pane-header.back-only{display:flex}.pane-inner{padding:var(--s-5)}}.notify-anchor{position:relative;display:flex}.notify-menu{position:absolute;left:calc(100% + var(--s-3));bottom:0;z-index:var(--z-menu);display:flex;flex-direction:column;gap:var(--s-4);width:280px;padding:var(--s-5);border:1px solid var(--c-border);border-radius:var(--r-3);background:var(--c-surface);box-shadow:var(--shadow-3)}.notify-state{display:flex;align-items:center;gap:var(--s-3);font-weight:var(--w-medium)}.notify-state.notify-on{color:var(--c-success)}.notify-state.notify-blocked{color:var(--c-warning)}.notify-state.notify-off{color:var(--c-text-muted)}.notify-hint{font-size:var(--t-sm);color:var(--c-text-muted)}.drag-handle{touch-action:none;-webkit-user-select:none;user-select:none;width:var(--h-control);min-height:var(--h-control);padding:0;border-color:transparent;background:none;color:var(--c-text-faint);cursor:grab}.drag-handle:before{content:"";width:var(--s-4);height:var(--s-5);background-image:radial-gradient(currentcolor 1px,transparent 1px);background-size:var(--s-2) var(--s-2)}.drag-handle:hover:not(:disabled){background:var(--c-surface-hover);color:var(--c-text-muted)}.drag-handle:active{cursor:grabbing}.drag-row.carried{opacity:.5}.drag-row.drop-above{box-shadow:inset 0 2px 0 var(--c-accent)}.drag-row.drop-below{box-shadow:inset 0 -2px 0 var(--c-accent)}.conversation-list{display:flex;flex-direction:column;flex:1;min-height:0}.filters{display:flex;align-items:center;gap:var(--s-2);flex:none;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-border);overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters>*{flex:none}.filters.folders{gap:var(--s-1);padding:0 var(--s-4);border-bottom:none}.filter{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--h-control);padding:0 var(--s-4);border:1px solid transparent;border-radius:var(--r-full);background:var(--c-surface-hover);color:var(--c-text-muted);font-size:var(--t-sm);white-space:nowrap}.filter:hover:not(:disabled){background:var(--c-surface-active);color:var(--c-text)}.filter.active{background:var(--c-accent-soft);color:var(--c-accent);font-weight:var(--w-medium)}.folder-tab{min-height:var(--h-control-lg);padding:0 var(--s-4);border-color:transparent;border-radius:0;background:none;color:var(--c-text-muted);font-size:var(--t-sm)}.folder-tab:hover:not(:disabled){background:var(--c-surface-hover);color:var(--c-text)}.folder-tab.active{color:var(--c-accent);font-weight:var(--w-medium);box-shadow:inset 0 calc(-1 * var(--s-1)) 0 var(--c-accent)}.conversation-list ul{flex:1;min-height:0;overflow-y:auto}.conversation-item{display:flex;align-items:center;justify-content:flex-start;gap:var(--s-4);width:100%;min-height:var(--h-row);padding:0 var(--s-5);border:none;border-radius:0;background:none;text-align:left}.conversation-item:hover:not(:disabled){background:var(--c-surface-hover)}.conversation-item.unanswered{background:var(--c-surface-sunken)}.conversation-item.unanswered .conversation-name{font-weight:var(--w-bold)}.conversation-item.selected,.conversation-item.selected:hover:not(:disabled){background:var(--c-accent-soft)}.conversation-body{display:flex;flex-direction:column;gap:var(--s-1);flex:1;min-width:0}.conversation-top,.conversation-bottom{display:flex;align-items:center;gap:var(--s-3)}.conversation-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-text-muted)}.conversation-time{flex:none;font-size:var(--t-xs);color:var(--c-text-faint);white-space:nowrap}.mine-mark{flex:none;font-size:var(--t-xs);color:var(--c-accent)}.channel-badge{display:inline-flex;flex:none;line-height:1}.unread-badge{flex:none;min-width:var(--s-6);padding:0 var(--s-2);border-radius:var(--r-full);background:var(--c-accent);color:var(--c-text-inverse);font-size:var(--t-xs);font-weight:var(--w-medium);line-height:var(--s-6);text-align:center}.avatar,.avatar-photo{flex:none;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--r-full)}.avatar{display:flex;align-items:center;justify-content:center;color:var(--c-text-inverse);font-size:calc(var(--avatar-size) * .38);font-weight:var(--w-bold);line-height:1;-webkit-user-select:none;user-select:none}.avatar-photo{object-fit:cover}.list-menu{display:flex;flex-direction:column;min-width:22ch;max-width:40ch;padding:var(--s-1);border:1px solid var(--c-border);border-radius:var(--r-3);background:var(--c-surface);box-shadow:var(--shadow-2);z-index:var(--z-menu)}.list-menu.floating{position:fixed}.list-menu-item{justify-content:flex-start;width:100%;padding:var(--s-2) var(--s-3);border-color:transparent;border-radius:var(--r-1);background:none;text-align:left;white-space:normal}.list-menu-item:hover:not(:disabled){background:var(--c-surface-hover)}.list-menu-item.danger{color:var(--c-danger)}.list-menu-item.danger:hover:not(:disabled){background:var(--c-danger-soft)}.list-menu-empty{padding:var(--s-3);font-size:var(--t-sm);color:var(--c-text-muted)}.quick-search{position:fixed;inset:0;display:flex;justify-content:center;padding:10vh var(--s-6) var(--s-6);background:var(--c-scrim);z-index:var(--z-overlay)}.quick-search-box{display:flex;flex-direction:column;width:min(var(--w-bubble),100%);max-height:70vh;border-radius:var(--r-4);background:var(--c-surface);box-shadow:var(--shadow-3);overflow:hidden}.quick-search-field{display:flex;align-items:center;gap:var(--s-4);flex:none;padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--c-border);color:var(--c-text-faint)}.quick-search-input{flex:1;min-width:0;min-height:var(--h-control-lg);padding:0;border:none;background:none;color:var(--c-text);font-size:var(--t-lg)}.quick-search-input:focus-visible{outline:none}.quick-search-results{flex:1;min-height:0;padding:var(--s-2);overflow-y:auto}.quick-search-group{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-4) var(--s-3) var(--s-2);font-size:var(--t-xs);font-weight:var(--w-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-faint)}.quick-search-option{display:flex;align-items:center;justify-content:flex-start;gap:var(--s-4);width:100%;min-height:var(--h-control-lg);padding:0 var(--s-3);border-color:transparent;border-radius:var(--r-2);background:none;text-align:left}.quick-search-option.highlighted{background:var(--c-accent-soft)}.quick-search-icon{color:var(--c-text-faint)}.quick-search-option.highlighted .quick-search-icon{color:var(--c-accent)}.quick-search-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-search-note{flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis;font-size:var(--t-sm);color:var(--c-text-muted)}.quick-search-hint{flex:none;padding:var(--s-3) var(--s-5);border-top:1px solid var(--c-border);font-size:var(--t-xs);color:var(--c-text-faint)}.folder-rules{display:flex;flex-direction:column;gap:var(--s-2);margin:0;padding:var(--s-4);border:1px solid var(--c-border);border-radius:var(--r-3)}.folder-rules legend{padding:0 var(--s-2);font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--c-text-muted)}.folder-rules-hint{font-size:var(--t-sm);color:var(--c-text-muted)}.folder-rule{display:flex;align-items:center;gap:var(--s-3)}.folder-rule-title{margin-top:var(--s-3);font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--c-text-muted)}.modal-wide{width:min(var(--w-content),100%)}.folder-sets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,30ch),1fr));gap:var(--s-5)}.folder-listed{display:flex;flex-direction:column;gap:var(--s-1)}.folder-listed-row{display:flex;align-items:center;gap:var(--s-3)}.folder-listed-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-menu-sub{position:relative;display:flex}.list-menu-sub .list-menu-arrow{margin-left:auto}.list-menu.anchored{position:absolute;top:0;left:100%;margin-left:var(--s-1)}.folder-quick{display:flex;flex-direction:column;gap:var(--s-3)}.folder-quick-row{display:flex;flex-wrap:wrap;gap:var(--s-2)}.folder-more{display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.folder-order{display:flex;flex-direction:column;gap:var(--s-1);margin:var(--s-3) 0;max-height:50vh;overflow-y:auto}.folder-order li{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.folder-order-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-more{display:flex;justify-content:center;padding:var(--s-5) 0;color:var(--c-text-faint)}.list-end,.quick-search-capped{padding:var(--s-4) var(--s-5);font-size:var(--t-xs);color:var(--c-text-faint);text-align:center}.quick-search-capped{text-align:left;padding:var(--s-2) var(--s-3) var(--s-4)}.chat-layout{display:flex;flex:1;min-width:0}.chat-heading{display:flex;flex-direction:column;min-width:0;line-height:var(--lh-tight)}.chat-subtitle{display:flex;align-items:center;gap:var(--s-2);min-width:0;overflow:hidden;font-size:var(--t-sm);color:var(--c-text-muted);white-space:nowrap}.reply-window{color:var(--c-warning)}.reply-window.closed{color:var(--c-danger)}.chat-feed{display:flex;flex-direction:column;gap:var(--s-3);width:100%;max-width:var(--w-feed);margin:0 auto;padding:var(--s-6) var(--s-5)}.day-separator{align-self:center;margin:var(--s-3) 0;padding:var(--s-1) var(--s-5);border-radius:var(--r-full);background:var(--c-surface-active);color:var(--c-text-muted);font-size:var(--t-sm)}.load-earlier{display:flex;align-self:center;padding:var(--s-3);color:var(--c-text-faint)}.message{align-self:flex-start;max-width:var(--w-bubble);padding:var(--s-3) var(--s-4);border:1px solid var(--c-border);border-radius:var(--r-3);background:var(--c-bubble-in);white-space:pre-wrap;word-break:break-word}.message.out{align-self:flex-end;border-color:var(--c-accent-border);background:var(--c-bubble-out)}.message.internal{align-self:flex-end;background:var(--c-bubble-internal)}.message.system{align-self:center;padding:var(--s-1) var(--s-5);border:none;border-radius:var(--r-full);background:var(--c-surface-sunken);color:var(--c-text-muted);font-size:var(--t-sm);text-align:center}.system-actor{color:var(--c-text-faint)}.message.pending{opacity:.7}.message.anchored{outline:2px solid var(--c-accent);outline-offset:var(--s-3)}@media(prefers-reduced-motion:no-preference){.message.anchored{animation:anchored-found .5s ease-out}}@keyframes anchored-found{0%{outline-color:transparent;outline-offset:var(--s-8)}}.message.deleted .message-text{color:var(--c-text-faint);text-decoration:line-through}.deleted-note{margin-top:var(--s-2);font-size:var(--t-xs);color:var(--c-text-faint)}.quote{max-width:100%;margin-bottom:var(--s-3);padding-left:var(--s-4);border-left:2px solid var(--c-accent);overflow:hidden;font-size:var(--t-sm);color:var(--c-text-muted);text-overflow:ellipsis;white-space:nowrap}.reactions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin-top:var(--s-3)}.reaction-chip{display:inline-flex;align-items:center;min-height:0;padding:0 var(--s-3);border:1px solid var(--c-border-strong);border-radius:var(--r-full);background:var(--c-surface);font-size:var(--t-sm);line-height:var(--lh)}.reaction-chip.own{border-color:var(--c-accent-border);background:var(--c-accent-soft)}.attachment-label{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm);color:var(--c-text-muted)}.media-reason{margin-top:var(--s-1);font-size:var(--t-xs);color:var(--c-text-faint)}.media-image-button{display:block;min-height:0;padding:0;border:none;background:none;cursor:zoom-in}.media-image,.media-gif{display:block;min-width:min(180px,100%);max-width:100%;max-height:320px;margin-bottom:var(--s-2);border-radius:var(--r-2);background:var(--c-surface-sunken);object-fit:contain}.media-sticker{display:block;width:min(160px,60vw);max-height:200px;object-fit:contain}.media-player{display:block;max-width:100%;margin-bottom:var(--s-2)}.media-document{display:inline-flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-2);text-decoration:none}.media-document:hover{text-decoration:underline}.media-size{color:var(--c-text-faint);font-size:var(--t-sm)}.lightbox{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-5);background:var(--c-scrim-strong)}.lightbox-image{max-width:92vw;max-height:82vh;border-radius:var(--r-3);object-fit:contain}.lightbox-missing{display:flex;align-items:flex-start;gap:var(--s-3);max-width:min(92vw,52ch);color:var(--c-text-inverse)}.lightbox-bar{display:flex;align-items:center;gap:var(--s-5)}.lightbox-bar .btn{text-decoration:none}.message-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--s-3);margin-top:var(--s-2);font-size:var(--t-xs);color:var(--c-text-faint)}.message-author{display:inline-flex;align-items:center;gap:var(--s-2);min-height:0;padding:0;border:none;background:none;color:inherit}.message-author:hover:not(:disabled){background:none;color:var(--c-text)}.employee-profile{position:fixed;z-index:var(--z-menu);display:flex;flex-direction:column;align-items:center;gap:var(--s-3);min-width:22ch;max-width:32ch;padding:var(--s-5);border:1px solid var(--c-border);border-radius:var(--r-3);background:var(--c-surface);box-shadow:var(--shadow-2);text-align:center}.employee-profile-name{font-weight:var(--w-medium);word-break:break-word}.status{display:inline-flex}.status-read{color:var(--c-accent)}.status-failed{color:var(--c-danger)}.history-mark{min-height:0;padding:0;border:none;background:none;color:inherit;text-decoration:underline dotted}.history-mark:hover:not(:disabled){background:none;color:var(--c-text)}.composer{flex:none;padding:var(--s-4) var(--s-5);border-top:1px solid var(--c-border);background:var(--c-surface)}.composer.internal{background:var(--c-bubble-internal)}.composer-inner{display:flex;flex-direction:column;gap:var(--s-3);width:100%;max-width:var(--w-feed);margin:0 auto}.composer-blocked{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:var(--c-warning-soft);color:var(--c-warning);font-size:var(--t-sm)}.composer-reply{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-1) var(--s-3);border-left:2px solid var(--c-accent);font-size:var(--t-sm);color:var(--c-text-muted)}.composer-reply-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-toggles{display:flex;align-items:center;gap:var(--s-5);min-width:0}.internal-toggle{display:inline-flex;align-items:center;gap:var(--s-3);font-size:var(--t-sm);color:var(--c-warning)}.attachment-chip{min-width:0;max-width:100%}.attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-length{align-self:flex-end;font-size:var(--t-sm);color:var(--c-text-muted)}.composer-length.over{color:var(--c-danger)}.composer-row{display:flex;align-items:flex-end;gap:var(--s-3)}.composer-row .attach,.composer-row .composer-input,.composer-row .composer-send{min-height:var(--h-control-lg)}.composer-row .attach,.composer-row .composer-send{width:var(--h-control-lg);padding:0}.attach{cursor:pointer}.attach:has(input:disabled){opacity:.55;cursor:default}.composer-input{flex:1;min-width:0;max-height:var(--h-composer-max);overflow-y:auto;resize:none}.history-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5)}.history-chain{display:flex;flex-direction:column;gap:var(--s-5)}.history-step{padding-left:var(--s-4);border-left:2px solid var(--c-border)}.history-step.current{border-left-color:var(--c-accent)}.history-text{white-space:pre-wrap;word-break:break-word}.history-step.past .history-text{color:var(--c-text-faint);text-decoration:line-through}.history-no-text{color:var(--c-text-faint);text-decoration:none}.history-note{margin-top:var(--s-1);font-size:var(--t-sm);color:var(--c-text-muted)}.conversation-side{display:flex;flex-direction:column;width:var(--w-sidebar);flex:none;min-height:0;border-left:1px solid var(--c-border);background:var(--c-surface)}.side-tabs{display:flex;gap:var(--s-2);flex:none;padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--c-border)}.side-count{opacity:.7}.side-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.side-ticket{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-5);border-bottom:1px solid var(--c-border)}.side-ticket .ticket-actions{margin-top:var(--s-2)}.message-menu-palette{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1);margin-bottom:var(--s-2);padding:var(--s-1) var(--s-2) var(--s-3);border-bottom:1px solid var(--c-border);color:var(--c-text-faint)}.message-menu-palette button{width:var(--h-control);min-height:var(--h-control);padding:0;border-color:transparent;border-radius:var(--r-2);background:none;font-size:var(--t-lg)}@media(max-width:720px){.conversation-side{display:none}.chat-feed{padding:var(--s-5) var(--s-4)}}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,36ch),1fr));gap:var(--s-7);align-items:start}.card-main,.card-side{min-width:0}.card-kind{color:var(--c-text-muted)}.card-facts{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);align-items:baseline;gap:var(--s-3) var(--s-5);margin:0}.card-facts dt{color:var(--c-text-muted);font-size:var(--t-sm)}.card-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}.card-unset{color:var(--c-text-faint)}.card-link{color:var(--c-accent)}.card-section{margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--c-border)}.card-side>.card-section:first-child{margin-top:0;padding-top:0;border-top:none}.card-section-header{display:flex;align-items:center;gap:var(--s-3);min-height:var(--h-control)}.card-section-header h3,.card-section-header h4{flex:1;min-width:0;font-size:var(--t-sm);color:var(--c-text-muted);letter-spacing:.04em;text-transform:uppercase}.card-section .state,.card-picker .state{min-height:0;align-items:flex-start;padding:var(--s-4) 0;text-align:left}.card-list{font-size:var(--t-md)}.card-list li{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2) var(--s-3);min-height:var(--h-control);padding:var(--s-2) 0;border-bottom:1px solid var(--c-border)}.card-list li:last-child{border-bottom:none}.card-list-name{font-weight:var(--w-medium);overflow-wrap:anywhere}.card-list-note{color:var(--c-text-muted);font-size:var(--t-sm)}.card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2);margin-left:auto}.btn-icon.danger:hover:not(:disabled){background:var(--c-danger-soft);color:var(--c-danger)}.card-empty{margin:var(--s-3) 0;color:var(--c-text-muted);font-size:var(--t-sm)}.card-form{display:flex;flex-direction:column;gap:var(--s-4)}.card-form h3,.card-form h4{font-size:var(--t-md)}.card-field{display:flex;flex-direction:column;gap:var(--s-2);min-width:0;color:var(--c-text-muted);font-size:var(--t-sm)}.card-field input,.card-field select,.card-field textarea{color:var(--c-text);font-size:var(--t-md)}.card-field-title{color:var(--c-text-muted);font-size:var(--t-sm)}.card-form-actions{display:flex;justify-content:flex-end;gap:var(--s-3)}.card-picker{display:flex;flex-direction:column;gap:var(--s-3)}.modal{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--s-6);background:var(--c-scrim)}.modal-card{display:flex;flex-direction:column;gap:var(--s-5);width:min(var(--w-modal),100%);max-height:100%;overflow-y:auto;padding:var(--s-6);border-radius:var(--r-4);background:var(--c-surface);box-shadow:var(--shadow-3)}.modal-title{display:flex;align-items:center;gap:var(--s-3)}.modal-row{display:flex;gap:var(--s-4)}.modal-row .card-field{flex:1}.modal-actions{display:flex;justify-content:flex-end;gap:var(--s-3);margin-top:var(--s-2)}.account-who{display:flex;align-items:center;gap:var(--s-5)}.account-who-text{display:flex;flex-direction:column}.account-name{font-weight:var(--w-medium)}.account-login{font-size:var(--t-sm);color:var(--c-text-muted)}.account-section{display:flex;flex-direction:column;gap:var(--s-4);padding-top:var(--s-5);border-top:1px solid var(--c-border)}.account-error{font-size:var(--t-sm);color:var(--c-danger)}.account-done{display:flex;align-items:center;gap:var(--s-3);font-size:var(--t-sm);color:var(--c-success)}.account-sessions{display:flex;flex-direction:column;gap:var(--s-2)}.account-session{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid var(--c-border)}.account-session:last-child{border-bottom:none}.account-session-mark{color:var(--c-text-faint)}.account-session-times{display:flex;flex:1;min-width:0;flex-wrap:wrap;gap:var(--s-2) var(--s-4);font-size:var(--t-sm)}.account-session-expires{color:var(--c-text-muted)}.ticket-list,.company-list{display:flex;flex-direction:column;flex:1;min-height:0}.ticket-list ul,.company-list ul{flex:1;min-height:0;overflow-y:auto}.company-search{flex:1;min-width:0}.record-item{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-1);width:100%;min-height:var(--h-row);padding:var(--s-4) var(--s-5);border:none;border-radius:0;background:none;text-align:left;white-space:normal}.record-item:hover:not(:disabled){background:var(--c-surface-hover)}.record-item.selected{background:var(--c-accent-soft)}.record-line,.ticket-top{display:flex;align-items:center;gap:var(--s-3)}.record-title,.ticket-title{overflow:hidden;font-weight:var(--w-medium);text-overflow:ellipsis;white-space:nowrap}.record-sub,.ticket-sub{overflow:hidden;color:var(--c-text-muted);font-size:var(--t-sm);text-overflow:ellipsis;white-space:nowrap}.ticket-number{color:var(--c-text-muted);font-size:var(--t-sm);font-weight:var(--w-bold)}.ticket-status,.ticket-priority,.card-primary{display:inline-flex;align-items:center;padding:var(--s-1) var(--s-3);border-radius:var(--r-full);background:var(--c-surface-hover);color:var(--c-text-muted);font-size:var(--t-xs);line-height:var(--lh-tight);white-space:nowrap}.ticket-status.status-assigned,.ticket-status.status-in_progress{background:var(--c-accent-soft);color:var(--c-accent)}.ticket-status.status-waiting_client{background:var(--c-warning-soft);color:var(--c-warning)}.ticket-status.status-done,.ticket-status.status-closed{background:var(--c-success-soft);color:var(--c-success)}.ticket-priority.priority-critical{background:var(--c-danger-soft);color:var(--c-danger);font-weight:var(--w-medium)}.ticket-priority.priority-high{background:var(--c-warning-soft);color:var(--c-warning)}.card-primary{background:var(--c-success-soft);color:var(--c-success)}.record-item .ticket-priority{margin-left:auto}.ticket-description{margin-bottom:var(--s-5);overflow-wrap:anywhere;white-space:pre-wrap}.ticket-actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-3)}.ticket-company{display:flex;align-items:center;gap:var(--s-3);color:var(--c-text);font-size:var(--t-md)}.secret-item{padding:var(--s-4) 0;border-bottom:1px solid var(--c-border)}.secret-item:last-child{border-bottom:none}.secret-top{display:flex;align-items:center;gap:var(--s-3);min-height:var(--h-control)}.secret-label{flex:1;min-width:0;font-weight:var(--w-medium);overflow-wrap:anywhere}.secret-kind{color:var(--c-text-muted);font-size:var(--t-xs)}.secret-password{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:var(--c-warning-soft);font-family:var(--font-mono);overflow-wrap:anywhere}.secret-attrs{display:flex;flex-direction:column;gap:var(--s-3)}.secret-attr-row{display:flex;gap:var(--s-3)}.secret-attr-row input{flex:1;min-width:0}.secret-log{margin-top:var(--s-5);padding:var(--s-4);border-radius:var(--r-3);background:var(--c-surface-sunken);font-size:var(--t-sm)}.secret-log li{display:flex;gap:var(--s-3);padding:var(--s-1) 0}.secret-log-time{color:var(--c-text-muted);white-space:nowrap}.admin-nav{display:flex;flex-direction:column;gap:var(--s-1);flex:1;min-height:0;padding:var(--s-3);overflow-y:auto}.admin-nav-item{justify-content:flex-start;width:100%;gap:var(--s-3);border-color:transparent;border-radius:var(--r-2);background:none;color:var(--c-text-muted);text-align:left}.admin-nav-item:hover:not(:disabled){background:var(--c-surface-active);color:var(--c-text)}.admin-nav-item.active{background:var(--c-accent-soft);color:var(--c-accent);font-weight:var(--w-medium)}.admin-toolbar{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-bottom:var(--s-5)}.color-swatch{display:block;width:var(--s-6);height:var(--s-6);border-radius:var(--r-full)}.admin-list{display:flex;flex-direction:column}.admin-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--c-border)}.admin-row-main{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);flex:1;min-width:0}.admin-row-actions{display:flex;align-items:center;gap:var(--s-1);margin-left:auto}.admin-row .chip:hover{background:var(--c-surface-hover);color:var(--c-text-muted)}.admin-row-name{font-weight:var(--w-medium);overflow-wrap:anywhere}.admin-row-detail{flex-basis:100%}.admin-note{font-size:var(--t-sm);color:var(--c-text-muted)}.admin-hint{font-size:var(--t-sm);color:var(--c-text-faint)}.admin-row.inactive .admin-row-name{color:var(--c-text-muted);font-weight:400}.admin-flag{display:inline-flex;align-items:center;gap:var(--s-2);color:var(--c-text-faint);font-size:var(--t-sm)}.admin-allowance{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-2) var(--s-4);padding-bottom:var(--s-4)}.admin-allowance-figure{color:var(--c-text-muted)}.admin-allowance-over{display:inline-flex;align-items:flex-start;gap:var(--s-2);color:var(--c-warning)}.admin-allowance-over .icon{flex:none;margin-top:calc((1em * var(--lh) - var(--cap-height)) / 2)}.admin-webhook{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3)}.admin-webhook-url{overflow-wrap:anywhere}.admin-key{padding:0 var(--s-2);border-radius:var(--r-1);background:var(--c-surface-hover);color:var(--c-text-muted);font-family:var(--font-mono);font-size:var(--t-sm)}.admin-row.open{padding-right:var(--s-3);padding-left:var(--s-3);margin-right:calc(-1 * var(--s-3));margin-left:calc(-1 * var(--s-3));border-radius:var(--r-3);background:var(--c-surface-sunken)}.admin-row-form{display:flex;flex-direction:column;gap:var(--s-4);flex-basis:100%;margin-top:var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--c-border)}.admin-row.composing .admin-row-form{margin-top:0;padding-top:0;border-top:none}.admin-field{display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--t-sm);color:var(--c-text-muted)}.admin-field-title{font-size:var(--t-sm);color:var(--c-text-muted)}.admin-field code{align-self:flex-start}.admin-form-actions{display:flex;justify-content:flex-end;gap:var(--s-3)}.permission-groups{display:flex;flex-direction:column;gap:var(--s-5)}.permission-group-title{font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--c-text-muted)}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s-1) var(--s-5);margin-top:var(--s-2)}.permission-option,.admin-check{display:flex;align-items:center;gap:var(--s-3);min-height:var(--h-control);color:var(--c-text)}.admin-check-list{display:flex;flex-direction:column;gap:var(--s-1)}.admin-photo-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4)}.avatar-cropper{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--s-6);background:var(--c-scrim)}.avatar-cropper-box{display:flex;flex-direction:column;gap:var(--s-5);max-width:100%;max-height:100%;overflow:auto;padding:var(--s-6);border-radius:var(--r-4);background:var(--c-surface);box-shadow:var(--shadow-3)}.avatar-cropper-stage{display:flex;align-items:flex-start;gap:var(--s-6)}.avatar-cropper-preview{display:flex;flex-direction:column;gap:var(--s-4)}.avatar-cropper-sizes{display:flex;align-items:flex-end;gap:var(--s-5)}.avatar-crop-view{position:relative;flex:none;box-sizing:content-box;overflow:hidden;border:1px solid var(--c-border-strong);border-radius:var(--r-3);background:var(--c-surface-sunken);cursor:grab;touch-action:none}.avatar-crop-view:active{cursor:grabbing}.avatar-crop-view:focus-visible{outline:2px solid var(--c-accent);outline-offset:-1px}.avatar-crop-circle{position:relative;flex:none;overflow:hidden;border-radius:var(--r-full);background:var(--c-surface-sunken)}.avatar-crop-view img,.avatar-crop-circle img{position:absolute;max-width:none;-webkit-user-select:none;user-select:none}@media(max-width:720px){.avatar-cropper-stage{flex-direction:column}}.admin-readonly{padding:var(--s-2) 0;color:var(--c-text)}.storage{display:flex;flex-direction:column;gap:var(--s-7)}.storage-block{display:flex;flex-direction:column;gap:var(--s-4)}.storage-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-3)}.storage-total-size{font-size:var(--t-xl);font-weight:var(--w-bold)}.storage-total-limit{font-size:var(--t-lg);color:var(--c-text-muted)}.storage-total-objects{margin-left:auto;color:var(--c-text-faint)}.storage-meter{overflow:hidden;height:var(--s-4);border-radius:var(--r-full);background:var(--c-surface-active)}.storage-meter-fill{display:block;height:100%;border-radius:var(--r-full);background:var(--c-accent)}.storage-meter.near .storage-meter-fill{background:var(--c-warning)}.storage-meter.full .storage-meter-fill{background:var(--c-danger)}.storage-share{color:var(--c-text-muted)}.storage-warning,.storage-alarm{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-3)}.storage-warning{background:var(--c-warning-soft);color:var(--c-warning)}.storage-alarm{background:var(--c-danger-soft);color:var(--c-danger)}.storage-warning .icon,.storage-alarm .icon{flex:none;margin-top:calc((1em * var(--lh) - var(--cap-height)) / 2)}.storage-bar{display:flex;overflow:hidden;height:var(--s-5);border-radius:var(--r-1);background:var(--c-surface-active)}.storage-bar-slice{height:100%}.storage-list{display:flex;flex-direction:column}.storage-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid var(--c-border)}.storage-row-name{display:flex;align-items:center;gap:var(--s-3);flex:1;min-width:0;font-weight:var(--w-medium);overflow-wrap:anywhere}.storage-swatch{flex:none;width:var(--s-4);height:var(--s-4);border-radius:var(--r-1)}.storage-row-share,.storage-row-objects{color:var(--c-text-faint);font-variant-numeric:tabular-nums}.storage-row-size{min-width:88px;color:var(--c-text);font-variant-numeric:tabular-nums;text-align:right}.storage-row-bar{flex-basis:100%;height:var(--s-1);border-radius:var(--r-full);background:var(--c-surface-active)}.storage-row-bar-fill{display:block;height:100%;border-radius:var(--r-full);background:var(--c-accent)}.storage-months{display:flex;align-items:flex-end;gap:var(--s-3);overflow-x:auto;padding-bottom:var(--s-2)}.storage-month{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);flex:1 0 44px}.storage-month-track{display:flex;align-items:flex-end;width:100%;height:96px}.storage-month-bar{width:100%;border-radius:var(--r-1) var(--r-1) 0 0;background:var(--c-accent)}.storage-month-label{color:var(--c-text-faint);font-size:var(--t-xs);white-space:nowrap}.storage-filters{display:flex;flex-wrap:wrap;gap:var(--s-3)}.storage-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4)}.storage-pick-all{display:flex;align-items:center;gap:var(--s-3);color:var(--c-text-muted)}.storage-picked{margin-right:auto;font-variant-numeric:tabular-nums}.storage-files{display:flex;flex-direction:column;overflow-y:auto;max-height:60vh}.storage-file{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid var(--c-border)}.storage-file-pick{display:flex;align-items:center}.storage-file-name{display:flex;align-items:center;gap:var(--s-3);flex:1;min-width:0;overflow-wrap:anywhere}.storage-file-where,.storage-file-when{color:var(--c-text-faint);font-size:var(--t-sm)}.storage-report{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-3);background:var(--c-surface-hover)}.storage-report.failed{background:var(--c-danger-soft)}.storage-report-title{color:var(--c-text-muted);font-size:var(--t-sm)}.storage-report-figures{font-variant-numeric:tabular-nums;font-weight:var(--w-medium)}