:root{--bg:0 0% 97%;--fg:217 32% 17%;--card:0 0% 100%;--border:210 17% 82%;--primary:217 91% 59%;--primary-strong:224 76% 52%;--secondary:163 80% 35%;--muted:210 10% 60%;--danger:0 84% 60%;--success:163 80% 35%;--shadow:217 32% 10%;--app-viewport-width:100vw;--app-viewport-height:100vh;--app-viewport-offset-top:0px;--app-viewport-offset-left:0px;--mobile-bottom-space:max(16px, env(safe-area-inset-bottom));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-skin=dark]{--bg:217 39% 9%;--fg:210 40% 98%;--card:217 32% 15%;--border:217 25% 25%;--primary:217 97% 65%;--primary-strong:224 88% 58%;--secondary:38 92% 50%;--muted:210 15% 65%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-skin=harbor]{--bg:200 100% 96%;--fg:210 100% 13%;--card:198 100% 94%;--border:198 50% 85%;--primary:201 100% 33%;--primary-strong:209 92% 28%;--secondary:25 95% 53%;--muted:206 33% 50%}:root[data-skin=cargo]{--bg:220 14% 96%;--fg:217 32% 13%;--card:0 0% 100%;--border:210 11% 85%;--primary:21 90% 48%;--primary-strong:14 95% 43%;--secondary:217 32% 40%;--muted:217 14% 55%}:root[data-skin=midnight]{--bg:222 59% 8%;--fg:220 13% 91%;--card:222 47% 13%;--border:222 33% 23%;--primary:258 90% 68%;--primary-strong:267 84% 60%;--secondary:173 80% 50%;--muted:220 15% 65%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-skin=vibrant]{--bg:354 100% 97%;--fg:333 100% 20%;--card:354 100% 96%;--border:344 100% 85%;--primary:333 80% 50%;--primary-strong:343 82% 44%;--secondary:175 84% 32%;--muted:333 50% 55%}*{box-sizing:border-box}html,body,#root{height:100%;min-height:0}body{background:hsl(var(--bg));color:hsl(var(--fg));margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{height:100vh}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{background:hsl(var(--bg));height:100%;min-height:0;color:hsl(var(--fg));display:flex}.content-shell{flex-direction:column;flex:1;min-width:0;display:flex}.main-surface{z-index:0;background:radial-gradient(circle at 14% 10%, hsl(var(--primary) / .09), transparent 28rem), hsl(var(--bg));flex:1;min-height:0;padding:8px;position:relative;overflow:auto}:root[data-theme=creative] .main-surface{background:linear-gradient(135deg, hsl(var(--bg)), hsl(var(--card)))}.sidebar{border-right:1px solid hsl(var(--border));background:hsl(var(--bg) / .78);flex-shrink:0;width:300px;height:100%;transition:width .2s}.sidebar-collapsed{width:72px}.sidebar-inner{flex-direction:column;gap:18px;height:100%;padding:18px;display:flex}.brand{border:1px solid hsl(var(--border));background:hsl(var(--card));color:inherit;text-align:left;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.brand-mark{background:#fff;border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.brand-mark img{max-width:34px;max-height:34px}.brand-copy{flex-direction:column;line-height:1.15;display:flex}.brand-copy small,.panel-header p,.work-panel-header p,.conversation-card small,.chat-title-block span,.call-dock span{color:hsl(var(--muted))}.nav-list{flex-direction:column;flex:1;gap:5px;min-height:0;display:flex;overflow-y:auto}.nav-item,.pin-button{width:100%;color:hsl(var(--fg) / .74);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-weight:750;display:flex}.nav-item:hover,.nav-item-active,.pin-button:hover{background:hsl(var(--card));color:hsl(var(--fg))}.nav-item-active{box-shadow:inset 3px 0 0 hsl(var(--primary))}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-item span,.sidebar-collapsed .pin-button span{display:none}.sidebar-collapsed .brand,.sidebar-collapsed .nav-item,.sidebar-collapsed .pin-button{justify-content:center}.topbar{z-index:160;border-bottom:1px solid hsl(var(--border));background:hsl(var(--card) / .86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex:0 0 64px;justify-content:space-between;align-items:center;gap:12px;height:64px;padding:0 18px;display:flex;position:relative}.topbar-left,.topbar-right,.theme-controls,.connection-pill{align-items:center;gap:10px;display:flex}.topbar-logo{object-fit:contain;filter:brightness(0);width:172px;height:42px}:root[data-skin=dark] .topbar-logo,:root[data-skin=midnight] .topbar-logo{filter:brightness(0)invert()}.connection-pill{border:1px solid hsl(var(--border));color:hsl(var(--muted));background:hsl(var(--bg) / .52);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.twilio-status{justify-content:center;min-width:126px}.twilio-status .status-dot{background:hsl(var(--muted));border-radius:999px;width:9px;height:9px}.twilio-status.connected .status-dot{background:hsl(var(--success));box-shadow:0 0 0 4px hsl(var(--success) / .13)}.twilio-status.connecting .status-dot{background:hsl(var(--secondary));box-shadow:0 0 0 4px hsl(var(--secondary) / .13)}.twilio-status.disconnected{color:hsl(var(--danger));border-color:hsl(var(--danger) / .35)}.twilio-status.disconnected .status-dot{background:hsl(var(--danger));box-shadow:0 0 0 4px hsl(var(--danger) / .13)}.org-role-pill{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .52);max-width:min(360px,34vw);color:hsl(var(--fg));border-radius:8px;grid-template-columns:auto minmax(0,auto);gap:1px 5px;padding:6px 10px;font-size:12px;line-height:1.15;display:grid}.org-role-pill strong{color:hsl(var(--muted))}.org-role-pill span{text-overflow:ellipsis;white-space:nowrap;font-weight:850;overflow:hidden}.icon-button,.avatar-button,.mobile-close{border:1px solid hsl(var(--border));width:38px;height:38px;color:hsl(var(--fg));background:hsl(var(--bg) / .56);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.avatar-button{background:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-strong)));color:#fff;font-weight:850}.sound-toggle-button.sound-toggle-muted{color:hsl(var(--danger));border-color:hsl(var(--danger) / .34);background:hsl(var(--danger) / .08)}.user-menu-wrap{position:relative}.user-menu-panel{z-index:170;border:1px solid hsl(var(--border));background:hsl(var(--card));width:min(340px,100vw - 24px);box-shadow:0 20px 60px hsl(var(--shadow) / .24);border-radius:12px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.user-menu-profile{border-bottom:1px solid hsl(var(--border));flex-direction:column;gap:4px;padding:14px;display:flex}.user-menu-profile span{color:hsl(var(--muted));overflow-wrap:anywhere;font-size:12px}.user-menu-meta{gap:6px;margin-top:8px;display:grid}.user-menu-meta span{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .46);color:hsl(var(--fg));border-radius:8px;justify-content:space-between;gap:10px;padding:7px 9px;display:flex}.user-menu-meta b{color:hsl(var(--muted));text-transform:uppercase;font-size:11px}.user-menu-section{border-bottom:1px solid hsl(var(--border));gap:8px;padding:12px;display:grid}.user-menu-toggle{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .46);width:100%;color:hsl(var(--fg));text-align:left;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.user-menu-toggle span:not(.toggle-switch){flex-direction:column;gap:2px;min-width:0;display:flex}.user-menu-toggle small{color:hsl(var(--muted));font-size:12px;font-weight:700}.toggle-switch{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .22);border-radius:999px;width:40px;height:22px;position:relative}.toggle-switch i{background:hsl(var(--muted));border-radius:999px;width:14px;height:14px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.toggle-switch-on{background:hsl(var(--success) / .18);border-color:hsl(var(--success) / .36)}.toggle-switch-on i{background:hsl(var(--success));transform:translate(18px)}.user-menu-action{width:100%;color:hsl(var(--fg));background:0 0;border:0;align-items:center;gap:8px;padding:12px 14px;font-weight:750;display:flex}.mobile-preferences{border-bottom:1px solid hsl(var(--border));gap:8px;padding:12px;display:none}.select-wrap{align-items:center;display:inline-flex;position:relative}.select-wrap select{appearance:none;border:1px solid hsl(var(--border));background:hsl(var(--bg) / .65);min-width:108px;color:hsl(var(--fg));border-radius:10px;padding:8px 30px 8px 10px;font-size:13px;font-weight:750}.select-wrap svg{pointer-events:none;color:hsl(var(--muted));position:absolute;right:9px}.footer{border-top:1px solid hsl(var(--border));background:hsl(var(--card) / .8);min-height:40px;color:hsl(var(--muted));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:12px;font-weight:650;display:flex}:root[data-theme=creative] .footer{background:hsl(var(--card) / .7)}.footer-copy{align-items:center;gap:8px;min-width:0;display:flex}.footer-copy strong{color:hsl(var(--fg) / .9);font-weight:850}.footer-copy span{opacity:.82;white-space:nowrap}.footer-copy span[aria-hidden=true]{opacity:.6}.footer img{object-fit:contain;width:auto;height:10px}.chat-workspace{flex-direction:column;gap:8px;height:100%;min-height:0;display:flex}.page-loading-panel{border:1px solid hsl(var(--border));background:hsl(var(--card) / .92);min-height:180px;color:hsl(var(--muted));border-radius:8px;justify-content:center;align-items:center;gap:10px;font-weight:850;display:flex}.status-strip{border:1px solid hsl(var(--border));background:hsl(var(--card));min-height:34px;color:hsl(var(--muted));border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:700;display:flex}.status-strip strong{color:hsl(var(--danger));margin-left:auto}.status-dot{background:hsl(var(--muted));border-radius:999px;width:9px;height:9px}.status-connected{background:hsl(var(--success))}.status-error,.status-denied{background:hsl(var(--danger))}.chat-grid{flex:1;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:8px;min-height:0;display:grid}.conversation-list-panel,.chat-pane,.work-panel{border:1px solid hsl(var(--border));background:hsl(var(--card) / .92);border-radius:8px;min-height:0}.conversation-list-panel{flex-direction:column;display:flex;overflow:hidden}.panel-header,.work-panel-header,.chat-header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}h1,h2,p{margin:0}h1{font-size:22px}h2{font-size:18px}.new-chat-row,.lookup-row{border-bottom:1px solid hsl(var(--border));gap:8px;padding:12px;display:flex}.new-chat-row input,.lookup-row input,.search-box input,.rename-row input{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .7);min-width:0;color:hsl(var(--fg));border-radius:8px;flex:1;padding:10px 11px}.new-chat-row button,.lookup-row button,.secondary-action,.primary-action,.success-action,.danger-action,.send-button,.rename-row button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font-weight:800;text-decoration:none;display:inline-flex}.primary-action,.send-button,.lookup-row button,.new-chat-row button{background:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-strong)));color:#fff}.secondary-action{color:hsl(var(--fg));background:hsl(var(--bg));border:1px solid hsl(var(--border))}.primary-action[aria-disabled=true],.secondary-action[aria-disabled=true],button:disabled{opacity:.55;pointer-events:none}.success-action{background:hsl(var(--success));color:#fff}.danger-action{background:hsl(var(--danger));color:#fff}.search-box{color:hsl(var(--muted));align-items:center;gap:8px;margin:0 12px 12px;display:flex}.conversation-toolbar{border-bottom:1px solid hsl(var(--border));grid-template-columns:minmax(0,1fr) 46px;gap:8px;padding:12px;display:grid;position:relative}.conversation-search{min-width:0;margin:0}.new-message-wrap{position:relative}.new-message-button{background:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-strong)));color:#fff;border:0;border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.contact-picker-backdrop{z-index:240;background:#0000006b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.contact-picker-popover{border:1px solid hsl(var(--border));background:hsl(var(--card));width:min(420px,100%);max-height:min(620px,100vh - 32px);box-shadow:0 28px 80px hsl(var(--shadow) / .34);border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);gap:10px;padding:12px;display:grid}.contact-picker-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.contact-picker-header h2{font-size:17px}.contact-picker-header button{border:1px solid hsl(var(--border));background:hsl(var(--bg));color:hsl(var(--fg));border-radius:8px;padding:7px 10px;font-weight:850}.contact-picker-search{color:hsl(var(--muted));align-items:center;gap:8px;display:flex}.contact-picker-search input{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .7);min-width:0;color:hsl(var(--fg));border-radius:8px;flex:1;padding:9px 10px}.contact-picker-list{scrollbar-width:thin;gap:4px;display:grid;overflow-y:auto}.contact-picker-row{width:100%;color:hsl(var(--fg));text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;padding:8px;display:grid}.contact-picker-row:hover{background:hsl(var(--bg) / .7)}.contact-picker-row span:last-child{gap:2px;min-width:0;display:grid}.contact-picker-row strong,.contact-picker-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-picker-row small,.contact-picker-empty{color:hsl(var(--muted));font-size:12px}.contact-picker-empty{text-align:center;padding:14px;font-weight:800}.conversation-list-scroll,.messages-scroll{scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.conversation-card{width:calc(100% - 16px);color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;margin:0 8px 8px;padding:10px;display:flex}.conversation-card:hover,.conversation-card-active{border-color:hsl(var(--border));background:hsl(var(--bg) / .66)}.conversation-avatar{background:hsl(var(--primary) / .16);width:38px;height:38px;color:hsl(var(--primary));border-radius:10px;flex:0 0 38px;place-items:center;font-weight:900;display:grid}.conversation-card-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.conversation-card-body strong,.conversation-card-body small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-loading-list{gap:8px;padding:8px;display:grid}.conversation-loading-note,.conversation-empty-state{color:hsl(var(--muted));padding:10px 8px;font-size:13px;font-weight:800}.conversation-empty-state{text-align:center}.conversation-skeleton{background:hsl(var(--bg) / .44);border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.conversation-skeleton-avatar,.conversation-skeleton-lines i{background:linear-gradient(90deg, hsl(var(--border) / .45), hsl(var(--muted) / .18), hsl(var(--border) / .45));background-size:220% 100%;border-radius:999px;animation:1.2s ease-in-out infinite skeleton-shimmer;display:block}.conversation-skeleton-avatar{border-radius:10px;width:38px;height:38px}.conversation-skeleton-lines{gap:8px;display:grid}.conversation-skeleton-lines i{height:11px}.conversation-skeleton-lines i:last-child{width:64%}@keyframes skeleton-shimmer{to{background-position:-220% 0}}.unread-badge{background:hsl(var(--primary));color:#fff;text-align:center;border-radius:999px;min-width:22px;padding:3px 7px;font-size:12px}.chat-pane{flex-direction:column;display:flex;overflow:hidden}.mobile-chat-back{display:none}.chat-title-button{width:max-content;max-width:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:inline-flex}.chat-title-edit-icon{color:hsl(var(--muted));opacity:.72;flex:none}.chat-title-block{flex-direction:column;gap:5px;min-width:0;display:flex}.rename-row{align-items:center;gap:10px;min-width:0;display:flex}.chat-title-block span{align-items:center;gap:5px;font-size:13px;display:inline-flex}.messages-scroll{background:hsl(var(--bg) / .35);padding:14px}.load-more{border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--muted));border-radius:999px;margin:0 auto 12px;padding:7px 12px;display:block}.history-loader,.history-start,.message-date-separator{background:hsl(var(--card));width:max-content;max-width:100%;color:hsl(var(--muted));border-radius:999px;margin:0 auto 12px;padding:6px 11px;font-size:12px;font-weight:800}.message-date-separator{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .94);color:hsl(var(--fg));box-shadow:0 10px 28px hsl(var(--shadow) / .14)}.history-loader{color:hsl(var(--primary))}.history-load-more{border:1px solid hsl(var(--border));background:hsl(var(--panel));width:max-content;max-width:100%;color:hsl(var(--primary));cursor:pointer;border-radius:999px;justify-content:center;align-items:center;margin:0 auto 12px;padding:7px 12px;font-size:12px;font-weight:900;display:flex}.history-load-more:hover{border-color:hsl(var(--primary));background:hsl(var(--primary) / .12)}.message-row{margin-bottom:10px;display:flex}.message-row-mine{justify-content:flex-end}.message-stack{flex-direction:column;align-items:flex-start;gap:5px;max-width:min(680px,76%);display:flex}.message-row-mine .message-stack{align-items:flex-end}.message-bubble{border:1px solid hsl(var(--border));background:hsl(var(--card));max-width:100%;box-shadow:0 8px 22px hsl(var(--shadow) / .06);border-radius:4px;padding:10px 12px}.message-row-mine .message-bubble{background:hsl(var(--primary) / .14);border-color:hsl(var(--primary) / .24)}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble strong,.message-bubble time,.message-bubble small{color:hsl(var(--muted));font-size:12px;display:block}.message-meta-row{min-height:28px;color:hsl(var(--muted));align-items:center;gap:7px;font-size:12px;display:flex}.message-row-mine .message-meta-row{justify-content:flex-end}.message-receipt{flex:none;justify-content:center;align-items:center;display:inline-flex}.message-receipt.sent,.message-receipt.delivered{color:hsl(var(--muted))}.message-receipt.read{color:hsl(var(--success))}.message-receipt.sending{color:hsl(var(--muted))}.message-receipt.failed{color:hsl(var(--danger))}.typing-line{color:hsl(var(--muted));padding:7px 14px;font-size:13px}.composer{border-top:1px solid hsl(var(--border));grid-template-columns:42px minmax(0,1fr) 46px;align-items:end;gap:8px;padding:10px;display:grid}.composer-body{gap:6px;min-width:0;display:grid}.composer textarea{resize:vertical;border:1px solid hsl(var(--border));background:hsl(var(--bg) / .7);min-height:44px;max-height:140px;color:hsl(var(--fg));border-radius:8px;padding:10px 12px}.selected-files{flex-wrap:wrap;gap:6px;display:flex}.selected-files span{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .7);max-width:220px;color:hsl(var(--fg));border-radius:999px;align-items:center;gap:6px;padding:5px 7px 5px 10px;font-size:12px;font-weight:800;display:inline-flex}.selected-files button{background:hsl(var(--danger) / .12);width:18px;height:18px;color:hsl(var(--danger));border:0;border-radius:999px;place-items:center;display:grid}.attach-button{border:1px solid hsl(var(--border));height:42px;color:hsl(var(--muted));background:hsl(var(--bg) / .7);border-radius:8px;place-items:center;display:grid}.attach-button-active{border-color:hsl(var(--primary));color:hsl(var(--primary));background:hsl(var(--primary) / .12)}.file-input-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:-100vh;left:-100vw}.attachment-tray{border:1px dashed hsl(var(--border));background:hsl(var(--bg) / .45);border-radius:8px;gap:8px;padding:8px;display:grid}.attachment-dropzone{color:hsl(var(--muted));grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:13px;font-weight:800;display:grid}.attachment-dropzone .secondary-action{padding:7px 10px}.attachment-error{background:hsl(var(--danger) / .11);color:hsl(var(--danger));border-radius:7px;padding:7px 9px;font-size:12px;font-weight:850}.message-attachments{gap:6px;margin-top:8px;display:grid}.message-image-preview{background:hsl(var(--bg));width:min(420px,62vw);min-height:160px;color:hsl(var(--muted));border:0;border-radius:3px;place-items:center;padding:0;display:grid;overflow:hidden}.message-image-preview img{object-fit:contain;width:100%;max-height:340px;display:block}.attachment-chip{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .62);max-width:340px;color:hsl(var(--fg));text-align:left;border-radius:8px;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:8px;text-decoration:none;display:grid}.attachment-chip span{gap:2px;min-width:0;display:grid}.attachment-chip strong,.attachment-chip small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-chip small{color:hsl(var(--muted));font-size:11px}.message-reactions{flex-wrap:wrap;align-items:center;gap:5px;display:flex;position:relative}.reaction-pill,.reaction-add{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .65);min-height:26px;color:hsl(var(--fg));border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:3px 8px;font-size:13px;display:inline-flex}.reaction-selected{border-color:hsl(var(--primary));background:hsl(var(--primary) / .14);color:hsl(var(--primary))}.reaction-menu-wrap{position:relative}.reaction-popover{z-index:20;border:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:0 14px 36px hsl(var(--shadow) / .2);border-radius:8px;gap:3px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0}.reaction-popover button{background:0 0;border:0;border-radius:7px;width:30px;height:30px;font-size:17px}.reaction-popover button:hover{background:hsl(var(--bg))}.empty-pane,.empty-state{min-height:180px;color:hsl(var(--muted));text-align:center;place-items:center;padding:18px;display:grid}.empty-pane{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:8px;align-content:center;gap:8px;height:100%}.empty-icon{background:hsl(var(--primary) / .14);width:62px;height:62px;color:hsl(var(--primary));border-radius:16px;place-items:center;font-weight:900;display:grid}.work-panel{padding-bottom:16px}.json-card{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .6);color:hsl(var(--fg));border-radius:8px;margin:16px;padding:14px;overflow:auto}.error-text{color:hsl(var(--danger));padding:12px 16px}.simple-list{gap:8px;padding:14px;display:grid}.simple-list article{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .52);border-radius:8px;justify-content:space-between;padding:12px;display:flex}.call-dock{z-index:20;border:1px solid hsl(var(--border));background:hsl(var(--card));width:min(620px,100% - 36px);box-shadow:0 20px 50px hsl(var(--shadow) / .22);border-radius:8px;grid-template-columns:46px minmax(210px,1fr) auto;align-items:start;gap:12px;padding:12px;display:grid;position:absolute;bottom:18px;right:18px}.call-dock.connected{border-color:hsl(var(--success) / .35)}.call-dock.call-notice{grid-template-columns:46px minmax(0,1fr) 38px;width:min(420px,100% - 36px)}.call-glyph{background:hsl(var(--primary) / .14);width:46px;height:46px;color:hsl(var(--primary));border-radius:8px;place-items:center;display:grid}.call-glyph.muted{background:hsl(var(--bg));color:hsl(var(--muted))}.call-glyph.pulse{animation:1.35s ease-in-out infinite callPulse}.call-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.call-copy strong,.call-copy span,.call-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-copy span,.call-copy small{color:hsl(var(--muted))}.call-copy small{font-size:12px}.call-participant-list{gap:6px;max-height:150px;margin-top:8px;padding-right:4px;display:grid;overflow-y:auto}.call-participant{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .52);border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px;display:grid}.call-participant-avatar{background:hsl(var(--primary) / .15);border-radius:8px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:900;color:hsl(var(--primary))!important;display:grid!important}.call-participant-name{font-size:13px;font-weight:800;color:hsl(var(--fg))!important}.call-audio-state{border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:11px;font-weight:900;display:inline-flex!important}.call-audio-state.live{background:hsl(var(--success) / .13);color:hsl(var(--success))!important}.call-audio-state.muted{background:hsl(var(--danger) / .12);color:hsl(var(--danger))!important}.call-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.icon-action{border:1px solid hsl(var(--border));background:hsl(var(--bg));width:38px;height:38px;color:hsl(var(--fg));border-radius:8px;place-items:center;display:grid}.call-event-row{justify-content:center;margin:18px 0;display:flex}.call-event-card{border:1px solid hsl(var(--border));background:hsl(var(--card));max-width:min(420px,92%);box-shadow:0 8px 22px hsl(var(--shadow) / .05);border-radius:8px;grid-template-columns:38px minmax(0,auto);align-items:center;gap:10px;padding:10px 12px;display:grid}.call-event-card>span:last-child{gap:3px;min-width:0;display:grid}.call-event-card strong,.call-event-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-event-card strong{color:hsl(var(--fg));font-size:14px}.call-event-card small{color:hsl(var(--muted));font-size:12px;font-weight:750}.call-event-icon{background:hsl(var(--primary) / .1);width:34px;height:34px;color:hsl(var(--primary));border-radius:999px;place-items:center;display:grid}.call-event-card.incoming .call-event-icon{background:hsl(var(--primary) / .12);color:hsl(var(--primary))}.call-event-card.outgoing .call-event-icon,.call-event-card.answered .call-event-icon{background:hsl(var(--success) / .12);color:hsl(var(--success))}.call-event-card.ended .call-event-icon,.call-event-card.missed .call-event-icon{background:hsl(var(--danger) / .1);color:hsl(var(--danger))}.call-window{z-index:35;border:1px solid hsl(var(--border));background:hsl(var(--card));width:min(420px,100% - 36px);max-height:min(680px,100% - 36px);color:hsl(var(--fg));box-shadow:0 28px 80px hsl(var(--shadow) / .28);border-radius:8px;gap:14px;padding:14px;display:grid;position:absolute;bottom:18px;right:18px;overflow:auto}.call-window-incoming{z-index:520}.call-window-expanded{width:min(760px,100% - 36px)}.call-window-header,.call-window-top-actions,.call-window-actions{align-items:center;gap:8px;display:flex}.call-window-header{justify-content:space-between}.call-window-state{grid-template-columns:10px auto;align-items:center;gap:1px 8px;min-width:0;display:grid}.call-window-state small{color:hsl(var(--muted));grid-column:2;font-size:12px;font-weight:750}.call-live-dot{background:hsl(var(--secondary));width:10px;height:10px;box-shadow:0 0 0 5px hsl(var(--secondary) / .12);border-radius:999px}.call-live-dot.online{background:hsl(var(--success));box-shadow:0 0 0 5px hsl(var(--success) / .12)}.call-hero{text-align:center;justify-items:center;gap:10px;padding:10px 0 4px;display:grid}.call-avatar-large{background:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--secondary)));color:#fff;width:92px;height:92px;box-shadow:0 18px 46px hsl(var(--shadow) / .18);border-radius:999px;place-items:center;font-size:30px;font-weight:900;display:grid}.call-avatar-large.pulse{animation:1.35s ease-in-out infinite callPulse}.call-window .call-copy{align-items:center;width:100%}.call-window .call-copy strong{max-width:100%;font-size:18px}.call-window .call-copy span,.call-window .call-copy small{max-width:100%}.call-window-participants{max-height:220px;margin-top:0}.call-device-panel{gap:8px;display:grid}.call-device-toggle{width:100%}.call-device-grid{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .52);border-radius:8px;gap:8px;padding:10px;display:grid}.call-device-grid label{color:hsl(var(--muted));gap:5px;font-size:12px;font-weight:850;display:grid}.call-device-grid select{border:1px solid hsl(var(--border));background:hsl(var(--card));width:100%;min-width:0;color:hsl(var(--fg));border-radius:8px;padding:9px 10px}.call-device-unavailable{border:1px dashed hsl(var(--border));background:hsl(var(--card) / .36);color:hsl(var(--muted));border-radius:8px;gap:4px;padding:10px;font-size:12px;font-weight:850;display:grid}.call-device-unavailable strong{color:hsl(var(--fg));font-size:14px}.call-device-unavailable small{color:hsl(var(--muted));line-height:1.35}.call-window-actions{justify-content:center;padding-top:4px}.call-round-action{min-width:74px;color:hsl(var(--fg));background:0 0;border:0;justify-items:center;gap:6px;font-size:12px;font-weight:850;display:grid}.call-round-action svg{box-sizing:content-box;background:hsl(var(--secondary));color:#fff;border-radius:999px;width:24px;height:24px;padding:16px}.call-round-action.decline svg{background:hsl(var(--danger))}.call-round-action.accept svg{background:hsl(var(--success))}.call-round-action.muted svg{background:hsl(var(--danger))}.call-round-action.minimize svg{background:hsl(var(--primary))}.call-mini-strip{z-index:35;border:1px solid hsl(var(--border));background:hsl(var(--card));width:min(420px,100% - 36px);box-shadow:0 22px 60px hsl(var(--shadow) / .24);border-radius:8px;grid-template-columns:minmax(0,1fr) 38px 38px;align-items:center;gap:8px;padding:9px;display:grid;position:absolute;bottom:18px;right:18px}.call-mini-info{min-width:0;color:hsl(var(--fg));text-align:left;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;display:grid}.call-mini-info span:last-child{gap:2px;min-width:0;display:grid}.call-mini-info strong,.call-mini-info small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-mini-info small{color:hsl(var(--muted));font-size:12px}.call-mini-icon,.call-round-control{background:hsl(var(--primary) / .13);width:34px;height:34px;color:hsl(var(--primary));border-radius:999px;place-items:center;display:grid}.call-round-control{border:0}.call-round-control.danger{background:hsl(var(--danger));color:#fff}@keyframes callPulse{0%,to{box-shadow:0 0 0 0 hsl(var(--primary) / .24);transform:scale(1)}50%{box-shadow:0 0 0 10px hsl(var(--primary) / 0);transform:scale(1.04)}}.signin-screen{background:radial-gradient(circle at 24% 18%, hsl(var(--primary) / .28), transparent 24rem), radial-gradient(circle at 78% 72%, hsl(var(--secondary) / .18), transparent 28rem), linear-gradient(135deg, #0d1521, #192333);color:#fff;place-items:center;min-height:100vh;padding:20px;display:grid;overflow:auto}.signin-card{color:#fff;background:#1a2332eb;border:1px solid #ffffff29;border-radius:8px;justify-items:stretch;gap:12px;width:min(420px,100%);padding:22px;display:grid;box-shadow:0 24px 70px #00000057}.signin-card-centered{text-align:center;justify-items:center}.signin-card img{object-fit:contain;filter:drop-shadow(0 8px 24px #00000042);width:min(190px,62vw);max-height:72px;margin-bottom:8px}.signin-card h1,.signin-card p{max-width:100%}.signin-card p{color:#c4d1de}.signin-card input{color:#fff;background:#0e1520b8;border:1px solid #ffffff2e;border-radius:8px;padding:11px 12px}.signin-card button{background:hsl(var(--primary));color:#fff;border:0;border-radius:8px;width:100%;padding:12px;font-weight:850}.mobile-only,.mobile-backdrop,.mobile-sidebar{display:none}.message-alert-toast{z-index:25;border:1px solid hsl(var(--primary) / .38);border-left:5px solid hsl(var(--primary));background:linear-gradient(135deg, hsl(var(--fg)), hsl(var(--primary-strong)));width:min(470px,100% - 36px);color:hsl(var(--bg));box-shadow:0 22px 70px hsl(var(--shadow) / .34);text-align:left;border-radius:8px;grid-template-columns:40px minmax(0,1fr) auto 32px;align-items:center;gap:10px;padding:10px;display:grid;position:absolute;top:18px;right:18px}.message-alert-toast>svg{background:hsl(var(--bg) / .14);color:#fff;border-radius:8px;place-items:center;width:40px;height:40px;padding:9px;display:grid}.message-alert-content{flex-direction:column;gap:3px;min-width:0;display:flex}.message-alert-content strong,.message-alert-content small,.message-alert-content em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-alert-content strong{color:#fff}.message-alert-content small{color:hsl(var(--bg) / .72);font-size:12px;font-style:normal}.message-alert-content em{color:hsl(var(--bg) / .9);font-size:13px;font-style:normal}.message-alert-meta{color:#fff;justify-items:end;gap:4px;display:grid}.message-alert-meta small{color:hsl(var(--bg) / .72);font-size:11px}.message-alert-meta b{background:hsl(var(--bg) / .16);border-radius:999px;padding:4px 8px;font-size:12px}.toast-dismiss{width:32px;height:32px;color:hsl(var(--muted));border-radius:8px;place-items:center;display:grid!important}.message-alert-toast .toast-dismiss{color:#fff;opacity:.8}.toast-dismiss:hover{background:hsl(var(--bg) / .16);color:#fff;opacity:1}.access-reminder{z-index:245;border:1px solid hsl(var(--secondary) / .48);background:linear-gradient(135deg, hsl(var(--card)), hsl(var(--secondary) / .16));width:min(520px,100vw - 36px);color:hsl(var(--fg));box-shadow:0 22px 70px hsl(var(--shadow) / .32);border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid;position:fixed;bottom:18px;right:18px}.access-reminder-icon{background:hsl(var(--secondary) / .14);width:42px;height:42px;color:hsl(var(--secondary));border-radius:10px;place-items:center;display:grid}.access-reminder-copy{gap:3px;min-width:0;display:grid}.access-reminder-copy strong,.access-reminder-copy span,.access-reminder-copy small,.access-reminder-copy em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.access-reminder-copy span{color:hsl(var(--fg));font-size:13px;font-weight:760}.access-reminder-copy small{color:hsl(var(--muted));font-size:12px;font-weight:750}.access-reminder-copy em{color:hsl(var(--danger));font-size:12px;font-style:normal;font-weight:800}.access-reminder-actions{align-items:center;gap:8px;display:flex}.mobile-close{z-index:3;position:absolute;top:10px;right:10px}@media (width<=1023px){.desktop-sidebar{display:none}.mobile-only,.mobile-backdrop,.mobile-sidebar{display:flex}.mobile-backdrop{z-index:80;opacity:0;pointer-events:none;background:#0000006b;transition:opacity .2s;position:fixed;inset:0}.mobile-backdrop-open{opacity:1;pointer-events:auto}.mobile-sidebar{z-index:180;width:min(318px,100vw - 42px);height:var(--app-viewport-height,100dvh);background:hsl(var(--bg));transition:transform .2s;position:fixed;inset:0 auto 0 0;overflow:hidden;transform:translate(-100%);box-shadow:24px 0 70px #00000052}.mobile-sidebar-open{transform:translate(0)}.mobile-sidebar .sidebar{background:hsl(var(--bg));width:100%;height:100%}.mobile-sidebar .sidebar-inner{background:hsl(var(--bg));padding-top:56px}.theme-controls,.org-role-pill{display:none}.mobile-preferences{display:flex}}@media (width<=760px){#root,.app-shell,.content-shell{height:var(--app-viewport-height,100svh);min-height:0;overflow:hidden}.main-surface{padding:6px;overflow:hidden}.footer{display:none}.topbar{padding:0 10px}.topbar-logo{width:134px;height:38px}.chat-grid{grid-template-columns:1fr}.conversation-list-panel,.chat-pane{min-height:0}.message-bubble{max-width:86%}.call-dock{grid-template-columns:42px minmax(0,1fr);width:auto;bottom:8px;left:8px;right:8px}.twilio-status{min-width:42px;padding:8px}.twilio-status span:last-child{display:none}.message-alert-toast{width:auto;top:8px;left:8px;right:8px}.call-actions{grid-column:1/-1;justify-content:stretch}.call-actions button{flex:1}.call-participant{grid-template-columns:30px minmax(0,1fr)}.call-audio-state{grid-column:2/-1;width:max-content}.call-window{width:auto;max-height:none;padding:max(18px, env(safe-area-inset-top)) 16px max(22px, env(safe-area-inset-bottom));background:linear-gradient(145deg, hsl(var(--primary-strong)), hsl(var(--fg)));color:#fff;border:0;border-radius:0;align-content:space-between;position:fixed;inset:0}.call-window .icon-action,.call-window .secondary-action,.call-device-grid select{color:#fff;background:#ffffff1f;border-color:#ffffff38}.call-window-state small,.call-window .call-copy span,.call-window .call-copy small,.call-device-grid label,.call-device-unavailable{color:#ffffffb8}.call-window-participants,.call-device-grid,.call-device-unavailable{background:#ffffff14;border-color:#ffffff2e}.call-device-unavailable strong{color:#fff}.call-participant{background:#ffffff17;border-color:#ffffff29}.call-participant-name{color:#fff!important}.call-mini-strip{left:8px;right:8px;bottom:calc(var(--mobile-bottom-space) + 8px);z-index:210;border-radius:8px;width:auto;padding-bottom:9px;position:fixed}}.nav-node{gap:4px;display:grid}.nav-children{border-left:1px solid hsl(var(--border));gap:4px;margin-left:10px;display:grid}.nav-child-dot{background:hsl(var(--muted));border-radius:999px;flex:0 0 7px;width:7px;height:7px}.nav-item svg.rotate-180,.rotate-180{transform:rotate(180deg)}.nav-note{color:hsl(var(--muted));padding:8px 10px;font-size:12px;font-weight:750}.nav-note-error{color:hsl(var(--danger))}.participants-button{width:max-content;color:hsl(var(--muted));background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:13px;font-weight:750;display:inline-flex}.chat-actions{align-items:center;gap:8px;display:flex}.menu-wrap{position:relative}.floating-menu{z-index:30;border:1px solid hsl(var(--border));background:hsl(var(--card));min-width:220px;box-shadow:0 18px 50px hsl(var(--shadow) / .2);border-radius:8px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.floating-menu button{width:100%;color:hsl(var(--fg));text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:11px 12px;font-weight:750;display:flex}.floating-menu button:hover{background:hsl(var(--bg) / .7)}.danger-text{color:hsl(var(--danger))!important}.no-access-bar{border-top:1px solid hsl(var(--border));background:hsl(var(--danger) / .11);color:hsl(var(--danger));text-align:center;padding:12px 14px;font-weight:800}.modal-backdrop{z-index:260;background:#00000075;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-panel{width:min(760px,100%);max-height:min(760px, calc(var(--app-viewport-height,100vh) - 32px));border:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:0 28px 80px hsl(var(--shadow) / .3);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.modal-header button{border:1px solid hsl(var(--border));background:hsl(var(--bg));color:hsl(var(--fg));border-radius:8px;padding:8px 12px;font-weight:800}.attachment-preview-modal{width:min(980px,100%);max-height:min(860px, calc(var(--app-viewport-height,100vh) - 32px))}.attachment-preview-mobile-close{display:none}.attachment-preview-header div{gap:3px;min-width:0;display:grid}.attachment-preview-header h2,.attachment-preview-header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-preview-header span{color:hsl(var(--muted));font-size:12px;font-weight:800}.attachment-preview-body{background:hsl(var(--bg) / .56);flex:1;place-items:center;min-height:280px;padding:14px;display:grid;overflow:auto}.attachment-preview-image{max-width:100%;max-height:calc(var(--app-viewport-height,100vh) - 210px);object-fit:contain;border-radius:6px;display:block}.attachment-preview-frame{width:100%;min-height:min(680px, calc(var(--app-viewport-height,100vh) - 220px));background:#fff;border:0;border-radius:6px}.attachment-preview-state,.attachment-preview-fallback{color:hsl(var(--muted));text-align:center;justify-items:center;gap:10px;font-weight:800;display:grid}.attachment-preview-fallback{border:1px dashed hsl(var(--border));background:hsl(var(--card) / .64);border-radius:8px;max-width:360px;padding:26px}.attachment-preview-fallback strong{color:hsl(var(--fg));overflow-wrap:anywhere}.attachment-preview-fallback p{color:hsl(var(--muted));line-height:1.4}.attachment-preview-actions a,.attachment-preview-actions button{min-width:150px}.modal-add-row{border-bottom:1px solid hsl(var(--border));grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 14px;display:grid}.modal-add-row select{border:1px solid hsl(var(--border));background:hsl(var(--bg));min-width:0;color:hsl(var(--fg));border-radius:8px;padding:10px 12px}.participant-list{gap:8px;min-height:0;max-height:520px;padding:14px;display:grid;overflow-y:auto}.participant-modal .participant-list{flex:1}.participant-row{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .45);border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:10px;display:grid}.participant-row div{gap:3px;min-width:0;display:grid}.participant-row strong,.participant-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.participant-row small{color:hsl(var(--muted))}.role-pill{background:hsl(var(--primary) / .14);color:hsl(var(--primary));border-radius:999px;padding:5px 8px;font-size:12px;font-weight:900}.danger-icon{background:hsl(var(--danger) / .13);width:34px;height:34px;color:hsl(var(--danger));border:0;border-radius:8px;place-items:center;display:grid}@media (width<=760px){.participant-row{grid-template-columns:42px minmax(0,1fr) auto}.participant-row .secondary-action,.participant-row .role-pill{grid-column:2/-1;width:max-content}.modal-add-row{grid-template-columns:1fr}.chat-header{align-items:flex-start}.chat-actions{flex-wrap:wrap;justify-content:flex-end}}.contacts-page{border:1px solid hsl(var(--border));background:hsl(var(--card) / .92);border-radius:8px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.contacts-header{flex-shrink:0}.contacts-mobile-label{display:none}.contacts-toolbar{border-bottom:1px solid hsl(var(--border));flex-wrap:wrap;align-items:center;gap:12px;padding:14px;display:flex}.contacts-toolbar>label:first-child{color:hsl(var(--fg));font-weight:850}.contacts-search-wrap{min-width:min(460px,100%);position:relative}.contacts-search{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .7);width:100%;color:hsl(var(--muted));border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.contacts-search input{min-width:0;color:hsl(var(--fg));background:0 0;border:0;outline:0;flex:1;padding:10px 0}.contacts-suggestions{z-index:35;border:1px solid hsl(var(--border));background:hsl(var(--card));max-height:310px;box-shadow:0 18px 44px hsl(var(--shadow) / .22);border-radius:8px;gap:3px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.contacts-suggestions button{width:100%;color:hsl(var(--fg));text-align:left;background:0 0;border:0;border-radius:7px;gap:2px;padding:8px 9px;display:grid}.contacts-suggestions button:hover{background:hsl(var(--bg) / .72)}.contacts-suggestions strong,.contacts-suggestions small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contacts-suggestions small,.contacts-suggestions span{color:hsl(var(--muted));font-size:12px}.contacts-suggestions span{text-align:center;padding:12px;font-weight:800}.contacts-tree-card{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .32);border-radius:8px;flex-direction:column;flex:1;min-height:0;margin:14px;display:flex;overflow:hidden}.contacts-tree-card h3{border-bottom:1px solid hsl(var(--border));color:hsl(var(--fg));margin:0;padding:14px;font-size:15px}.contacts-tree-scroll{flex:1;min-height:0;overflow:auto}.contacts-tree-list{margin:0;padding:0;list-style:none}.contact-org{border-bottom:1px solid hsl(var(--border));padding:10px 14px}.contact-org:last-child{border-bottom:0}.contact-org-title{color:hsl(var(--primary));align-items:center;gap:8px;margin-bottom:8px;display:flex}.contact-tree-node{list-style:none}.contact-department{max-width:100%;color:hsl(var(--primary));border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:7px 9px;display:inline-flex}.contact-department strong{font-size:15px}.tree-toggle{width:24px;height:24px;color:hsl(var(--muted));background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.tree-toggle:disabled{opacity:.35;cursor:default}.contact-tree-children{border-left:1px solid hsl(var(--border));gap:6px;margin-left:22px;padding:7px 0 7px 14px;display:grid}.contact-person{border:1px solid hsl(var(--border) / .72);background:hsl(var(--card) / .46);width:max-content;max-width:min(720px,100%);color:hsl(var(--fg));border-radius:8px;grid-template-columns:38px minmax(180px,340px) auto;align-items:center;gap:10px;padding:8px 9px;display:grid}.contact-person:hover,.request-person:hover,.contact-highlight{background:hsl(var(--primary) / .1)}.contact-department:hover{border-color:hsl(var(--border));background:hsl(var(--card) / .48)}.contact-person div{gap:2px;min-width:0;display:grid}.contact-person strong,.contact-person small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-person small{color:hsl(var(--muted))}.contact-actions{opacity:0;align-items:center;gap:6px;margin-left:auto;transition:opacity .16s;display:inline-flex}.contact-department:hover .contact-actions,.contact-person:hover .contact-actions{opacity:1}.contact-actions button{border:1px solid hsl(var(--border));background:hsl(var(--card));width:30px;height:30px;color:hsl(var(--primary));border-radius:8px;place-items:center;display:grid}.request-person{width:100%;color:hsl(var(--fg));text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.request-person svg{color:hsl(var(--primary))}.contact-request-modal{width:min(720px,100%)}.contact-request-modal .contacts-search{width:calc(100% - 28px);margin:14px}.contact-request-modal .contacts-tree-card{flex:1;min-height:0;overflow:auto}.confirm-panel{gap:18px;min-height:0;padding:18px;display:grid;overflow:auto}.confirm-panel strong{color:hsl(var(--primary))}.modal-actions{border-top:1px solid hsl(var(--border));background:hsl(var(--card));flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px;display:flex}.chat-loader-inline{border:1px solid hsl(var(--border));background:hsl(var(--primary) / .1);color:hsl(var(--primary));text-align:center;border-radius:8px;margin:12px 14px 0;padding:10px 12px;font-weight:850}.contacts-notice{margin:12px 14px 0}.contacts-notice button{color:hsl(var(--primary));background:0 0;border:0;margin-left:auto;font-weight:850}.rotate-270{transform:rotate(-90deg)}.user-management-page{border:1px solid hsl(var(--border));background:hsl(var(--card) / .92);border-radius:8px;flex-direction:column;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.um-header{flex-shrink:0}.um-header-actions,.um-quick-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notice{border:1px solid hsl(var(--border));border-radius:8px;margin:12px 14px 0;padding:10px 12px;font-weight:850}.notice.error{border-color:hsl(var(--danger) / .38);background:hsl(var(--danger) / .11);color:hsl(var(--danger))}.notice.success{border-color:hsl(var(--success) / .32);background:hsl(var(--success) / .11);color:hsl(var(--success))}.um-toast-stack{z-index:150;pointer-events:none;gap:8px;width:min(390px,100vw - 36px);display:grid;position:fixed;top:82px;right:18px}.um-toast{border:1px solid hsl(var(--border));background:hsl(var(--fg));color:hsl(var(--bg));box-shadow:0 20px 60px hsl(var(--shadow) / .36);pointer-events:auto;border-left-width:5px;border-radius:8px;grid-template-columns:22px minmax(0,1fr) 30px;align-items:center;gap:9px;padding:10px;display:grid}.um-toast span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:850;overflow:hidden}.um-toast button{width:30px;height:30px;color:inherit;opacity:.82;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.um-toast button:hover{background:hsl(var(--bg) / .16);opacity:1}.um-toast-success{border-color:hsl(var(--success));background:linear-gradient(135deg, hsl(var(--success)), hsl(var(--fg)));color:#fff}.um-toast-success>svg{color:#fff}.um-toast-error{border-color:hsl(var(--danger));background:linear-gradient(135deg, hsl(var(--danger)), hsl(var(--fg)));color:#fff}.um-toast-error>svg{color:#fff}.um-toolbar{border-bottom:1px solid hsl(var(--border));grid-template-columns:minmax(180px,260px) minmax(240px,1fr) auto;align-items:end;gap:12px;padding:14px;display:grid}.um-toolbar label,.um-form-grid label{color:hsl(var(--muted));gap:6px;font-size:12px;font-weight:850;display:grid}.um-toolbar select,.um-toolbar input,.um-form-grid input,.um-form-grid select{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .68);width:100%;min-width:0;color:hsl(var(--fg));border-radius:8px;padding:10px 11px}.um-search{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .68);color:hsl(var(--muted));border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;padding:0 10px;gap:8px!important}.um-search input{background:0 0;border:0;padding:10px 0}.um-layout{flex:auto;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:stretch;gap:14px;min-height:0;padding:14px;display:grid;overflow:hidden}.um-tree-card,.um-detail-panel>section{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .34);border-radius:8px}.um-tree-card{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.um-card-title{border-bottom:1px solid hsl(var(--border));color:hsl(var(--primary));align-items:center;gap:8px;padding:12px 14px;display:flex}.um-card-title span{color:hsl(var(--muted));margin-left:auto;font-size:12px;font-weight:850}.um-tree-scroll{flex:1;min-height:0;padding:10px;overflow:auto}.um-tree-list,.um-tree-children{margin:0;padding:0;list-style:none}.um-tree-children,.um-tree-node{gap:5px;display:grid}.um-department-row,.um-user-row{margin-left:calc(var(--level,0) * 18px);border:1px solid #0000;border-radius:8px;grid-template-columns:28px minmax(0,1fr) 38px;align-items:center;gap:7px;padding:5px;display:grid;position:relative}.um-user-row{margin-left:calc(var(--level,0) * 18px + 28px);grid-template-columns:minmax(0,1fr) 38px}.um-department-row:hover,.um-user-row:hover,.um-row-selected{border-color:hsl(var(--border));background:hsl(var(--card) / .58)}.um-node-main{min-width:0;color:hsl(var(--fg));text-align:left;background:0 0;border:0;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;padding:2px;display:grid}.um-node-main span:last-child{gap:2px;min-width:0;display:grid}.um-node-main strong,.um-node-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.um-node-main small{color:hsl(var(--muted));font-size:12px}.um-node-icon,.um-detail-icon{background:hsl(var(--primary) / .14);width:36px;height:36px;color:hsl(var(--primary));border-radius:9px;place-items:center;display:grid}.um-action-menu{position:relative}.um-floating-menu{z-index:320;background:hsl(var(--card));opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;min-width:180px;top:calc(100% + 6px);right:0}.um-detail-panel{flex-direction:column;align-self:stretch;gap:12px;height:100%;min-height:0;max-height:100%;display:flex;position:sticky;top:14px;overflow:auto}.um-detail-card{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:14px;display:grid}.um-selection-card{gap:14px}.um-detail-card h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.um-detail-card p{color:hsl(var(--muted));overflow-wrap:anywhere}.um-detail-card dl{grid-column:1/-1;gap:8px;margin:0;display:grid}.um-detail-card dl div{border-top:1px solid hsl(var(--border));grid-template-columns:92px minmax(0,1fr);gap:8px;padding-top:8px;display:grid}.um-detail-card dt{color:hsl(var(--muted));font-size:12px;font-weight:850}.um-detail-card dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-weight:850;overflow:hidden}.um-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.um-stats-grid article{border:1px solid hsl(var(--border));background:hsl(var(--card) / .54);color:hsl(var(--primary));border-radius:8px;justify-items:center;gap:5px;padding:10px;display:grid}.um-stats-grid span{color:hsl(var(--muted));font-size:12px;font-weight:850}.um-help-card{gap:8px;padding:14px;display:grid}.um-help-card p{color:hsl(var(--muted));line-height:1.45}.um-modal{width:min(560px,100%)}.um-form-grid{flex:1;gap:12px;min-height:0;padding:14px;display:grid;overflow:auto}.um-warning{border:1px solid hsl(var(--danger) / .34);background:hsl(var(--danger) / .1);color:hsl(var(--danger));border-radius:8px;padding:11px;font-weight:850}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-data-page{border:1px solid hsl(var(--border));background:hsl(var(--card) / .92);border-radius:8px;flex-direction:column;min-height:100%;display:flex;overflow:hidden}.admin-toolbar{border-bottom:1px solid hsl(var(--border));grid-template-columns:minmax(220px,320px) minmax(240px,1fr) auto auto;align-items:end;gap:10px;padding:14px;display:grid}.admin-toolbar label{color:hsl(var(--muted));gap:6px;font-size:12px;font-weight:850;display:grid}.admin-toolbar select,.admin-toolbar input,.rules-modal-body input,.rules-modal-body select{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .68);width:100%;min-width:0;color:hsl(var(--fg));border-radius:8px;padding:10px 11px}.admin-search{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .68);color:hsl(var(--muted));border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;padding:0 10px;gap:8px!important}.admin-search input{background:0 0;border:0;padding:10px 0}.admin-table-card{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .32);border-radius:8px;flex-direction:column;flex:1;min-height:0;margin:14px;display:flex;position:relative;overflow:hidden}.admin-table-loading{z-index:4;background:hsl(var(--card) / .72);color:hsl(var(--fg));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:center;gap:10px;font-weight:900;display:flex;position:absolute;inset:0}.admin-table-scroll{min-height:0;overflow:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid hsl(var(--border));text-align:left;vertical-align:middle;padding:11px 12px}.admin-table th{z-index:1;background:hsl(var(--card));color:hsl(var(--muted));text-transform:uppercase;font-size:12px;position:sticky;top:0}.admin-table th button{color:inherit;text-align:left;background:0 0;border:0;font-weight:900}.admin-table td{color:hsl(var(--fg))}.admin-row-actions{flex-wrap:wrap;align-items:center;gap:7px;display:inline-flex}.admin-row-actions .primary-action,.admin-row-actions .danger-action{padding:8px 10px}.danger-icon-button{color:hsl(var(--danger))}.admin-pagination{border-top:1px solid hsl(var(--border));color:hsl(var(--muted));justify-content:flex-end;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:850;display:flex}.admin-pagination select{border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--fg));border-radius:8px;padding:8px}.admin-confirm-modal{width:min(520px,100%)}.rules-modal{width:min(760px,100%)}.rules-modal-body{flex:1;gap:12px;min-height:0;padding:14px;display:grid;overflow:auto}.rules-modal-body label{color:hsl(var(--muted));gap:6px;font-size:12px;font-weight:850;display:grid}.rule-switch{align-items:center;color:hsl(var(--fg))!important;gap:8px!important;display:flex!important}.rule-switch input{width:auto!important}.rule-selection-summary{color:hsl(var(--muted));align-items:center;gap:8px;font-weight:850;display:flex}.rule-selection-summary span{background:hsl(var(--border));flex:1;height:1px}.rules-tree-card{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .45);border-radius:8px;min-height:280px;padding:8px;overflow:auto}.rule-tree-list,.rule-tree-children{margin:0;padding:0;list-style:none}.rule-tree-children{gap:5px;display:grid}.rule-tree-row,.rule-user-row{margin-left:calc(var(--level,0) * 16px);border-radius:8px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:6px;padding:4px;display:grid}.rule-user-row{margin-left:calc(var(--level,0) * 16px + 26px);grid-template-columns:minmax(0,1fr)}.rule-tree-row:hover,.rule-user-row:hover{background:hsl(var(--card) / .56)}.rule-check-row{grid-template-columns:18px minmax(0,1fr);align-items:center;color:hsl(var(--fg))!important;gap:8px!important;display:grid!important}.rule-check-row input{width:auto!important}.rule-check-row span{gap:2px;min-width:0;display:grid}.rule-check-row strong,.rule-check-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rule-check-row small{color:hsl(var(--muted))}.rule-call-toggle{border:1px solid hsl(var(--success) / .34);background:hsl(var(--success) / .12);color:hsl(var(--success));border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-weight:900;display:inline-flex}.rule-call-toggle.disabled{border-color:hsl(var(--danger) / .34);background:hsl(var(--danger) / .12);color:hsl(var(--danger))}@media (width<=760px){.contacts-tree-scroll{max-height:calc(var(--app-viewport-height,100svh) - 300px)}.contact-person{grid-template-columns:34px minmax(0,1fr);width:100%}.contact-actions{opacity:1}:root{--mobile-bottom-space:max(34px, env(safe-area-inset-bottom))}:root.visual-keyboard-open{--mobile-bottom-space:0px}html,body{height:var(--app-viewport-height,100svh);max-height:var(--app-viewport-height,100svh);overscroll-behavior:none;overflow:hidden}body{width:100%;position:fixed;inset:0;overflow:hidden}#root,.app-shell,.content-shell{height:var(--app-viewport-height,100svh);min-height:0;overflow:hidden}.content-shell,.chat-workspace,.chat-grid,.chat-pane,.conversation-list-panel{min-width:0}.topbar{flex-basis:58px;gap:8px;height:58px}.topbar-left,.topbar-right{gap:7px;min-width:0}.topbar-right .sound-toggle-button{display:none}.user-menu-panel{width:min(320px,100vw - 16px);max-height:calc(var(--app-viewport-height,100svh) - 76px);position:fixed;top:62px;right:8px;overflow-y:auto}.main-surface{padding:6px;overflow:hidden}.chat-grid{height:100%;overflow:hidden}.conversation-list-panel,.chat-pane,.contacts-page,.work-panel{border-radius:8px}.panel-header,.work-panel-header,.chat-header{padding:12px}.conversation-toolbar{grid-template-columns:minmax(0,1fr) 44px;padding:10px}.new-message-button{width:44px;height:44px}.conversation-card{width:calc(100% - 12px);margin:0 6px 6px;padding:8px}.conversation-avatar{border-radius:9px;flex-basis:34px;width:34px;height:34px}.chat-title-block{flex:1}.chat-title-block h2{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:17px;overflow:hidden}.chat-actions{justify-content:flex-start;width:100%}.chat-actions .primary-action{flex:1;min-width:104px}.floating-menu{min-width:0;position:fixed;top:112px;left:10px;right:10px}.messages-scroll{padding:10px}.message-stack{max-width:88%}.message-meta-row{flex-wrap:wrap;row-gap:4px}.message-image-preview{width:min(100%,320px);min-height:120px}.attachment-chip{max-width:100%}.composer{grid-template-columns:38px minmax(0,1fr) 42px;gap:6px;padding:8px}.composer textarea{resize:none;min-height:42px;max-height:100px}.attachment-tray{max-height:210px;overflow-y:auto}.attachment-dropzone{grid-template-columns:22px minmax(0,1fr)}.attachment-dropzone .secondary-action{grid-column:1/-1;width:100%}.selected-files span{max-width:100%}.contact-picker-backdrop,.modal-backdrop{inset:var(--app-viewport-offset-top,0px) 0 auto var(--app-viewport-offset-left,0px);height:var(--app-viewport-height,100svh);width:var(--app-viewport-width,100vw);max-width:100vw;padding:8px;padding-bottom:var(--mobile-bottom-space);align-items:stretch}.contact-picker-popover,.modal-panel{top:calc(var(--app-viewport-offset-top,0px) + max(8px, env(safe-area-inset-top)));right:8px;bottom:calc(var(--mobile-bottom-space) + 8px);left:calc(var(--app-viewport-offset-left,0px) + 8px);border-radius:8px;width:auto;height:auto;min-height:0;max-height:none;position:fixed}.modal-panel>.modal-header{z-index:6;background:hsl(var(--card));flex:none;align-items:center;min-height:58px;position:sticky;top:0}.modal-panel>.modal-header>div{min-width:0}.modal-panel>.modal-header h2,.modal-panel>.modal-header p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-panel>.modal-header button{flex:none;min-width:64px}.modal-panel>.modal-actions,.modal-panel>.attachment-preview-actions{flex:none}.modal-panel>.confirm-panel,.modal-panel>.rules-modal-body,.modal-panel>.um-form-grid,.modal-panel>.contacts-tree-card{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.attachment-preview-backdrop{z-index:320;padding-top:max(8px, env(safe-area-inset-top));place-items:stretch stretch}.attachment-preview-mobile-close{top:calc(var(--app-viewport-offset-top,0px) + max(10px, env(safe-area-inset-top)));z-index:340;border:1px solid hsl(var(--border));background:hsl(var(--card));width:42px;height:42px;color:hsl(var(--fg));box-shadow:0 14px 38px hsl(var(--shadow) / .32);border-radius:8px;place-items:center;display:grid;position:fixed;right:12px}.attachment-preview-modal{height:calc(var(--app-viewport-height,100svh) - var(--mobile-bottom-space) - max(16px, env(safe-area-inset-top)));max-height:calc(var(--app-viewport-height,100svh) - var(--mobile-bottom-space) - max(16px, env(safe-area-inset-top)));margin:0}.attachment-preview-header{z-index:2;background:hsl(var(--card));align-items:center;min-height:56px;padding-right:58px;position:sticky;top:0}.attachment-preview-header button{flex-shrink:0}.attachment-preview-header-close{display:none}.attachment-preview-body{flex:auto;min-height:0;padding:8px}.attachment-preview-image{max-height:100%}.attachment-preview-frame{height:100%;min-height:0}.attachment-preview-fallback{width:100%;max-width:none;padding:18px 12px}.attachment-preview-actions{background:hsl(var(--card));padding-bottom:max(10px, env(safe-area-inset-bottom));flex:none;grid-template-columns:1fr 1fr;display:grid}.attachment-preview-actions a,.attachment-preview-actions button{width:100%;min-width:0}.contact-picker-popover{padding:10px}.contact-picker-list{max-height:min(58vh, calc(var(--app-viewport-height,100svh) - 190px))}.contact-picker-row{grid-template-columns:34px minmax(0,1fr);padding:8px 6px}.modal-header{align-items:flex-start;padding:12px}.participant-modal{height:calc(var(--app-viewport-height,100svh) - var(--mobile-bottom-space) - max(24px, env(safe-area-inset-top)));max-height:calc(var(--app-viewport-height,100svh) - var(--mobile-bottom-space) - max(24px, env(safe-area-inset-top)));margin-top:max(8px, env(safe-area-inset-top))}.participant-modal>.modal-header{z-index:4;background:hsl(var(--card));flex:none;align-items:center;min-height:58px;position:sticky;top:0}.participant-modal>.modal-header button{flex:none;min-width:64px}.participant-modal .modal-add-row{flex:none}.participant-list{max-height:min(56vh, calc(var(--app-viewport-height,100svh) - 190px));padding:10px}.participant-modal .participant-list{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;max-height:none;overflow-y:auto}.participant-row{grid-template-columns:36px minmax(0,1fr);gap:8px}.participant-row .danger-icon{grid-column:2/-1;width:100%}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.message-alert-toast{z-index:230;grid-template-columns:34px minmax(0,1fr) auto 30px;gap:8px;width:auto;padding:9px;position:fixed;top:66px;left:8px;right:8px}.message-alert-toast>svg{width:34px;height:34px;padding:8px}.message-alert-meta b{display:none}.access-reminder{left:8px;right:8px;bottom:calc(var(--mobile-bottom-space) + 8px);grid-template-columns:36px minmax(0,1fr);gap:9px;width:auto;padding:10px}.access-reminder-icon{width:36px;height:36px}.access-reminder-copy span,.access-reminder-copy small,.access-reminder-copy em{white-space:normal}.access-reminder-actions{grid-column:1/-1;justify-content:stretch}.access-reminder-actions .primary-action{flex:1}.call-window{gap:12px;overflow-y:auto}.call-window-header{align-items:flex-start}.call-window-top-actions{flex-shrink:0}.call-avatar-large{width:82px;height:82px;font-size:26px}.call-window-participants{max-height:28vh}.call-device-grid{padding:8px}.call-window-actions{padding:10px 0 max(4px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;bottom:0}.call-round-action{min-width:68px}.call-round-action svg{padding:14px}.call-mini-strip{z-index:210;grid-template-columns:minmax(0,1fr) 36px 36px}.contacts-toolbar{padding:10px}.contacts-page{height:100%;min-height:0}.contacts-header{align-items:center;padding:10px}.contacts-header h1{font-size:20px}.contacts-header p{display:none}.contacts-request-button{width:auto;min-width:0;padding:9px 10px;font-size:13px}.contacts-desktop-label{display:none}.contacts-mobile-label{display:inline}.contacts-toolbar>label:first-child{display:none}.contacts-search-wrap,.contacts-search{width:100%;min-width:0}.contacts-suggestions{max-height:min(240px, calc(var(--app-viewport-height,100svh) - 180px))}.contacts-tree-card{flex:1;min-height:0;margin:8px}.contacts-tree-card h3{padding:10px 12px;font-size:14px}.contacts-tree-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;max-height:none;overflow-y:auto}.contact-tree-children{margin-left:8px;padding-left:8px}.contact-department{align-items:flex-start;display:flex}.contact-person{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:8px}.contact-person .contact-actions{opacity:1;grid-column:3}.contact-person strong{font-size:14px}.contact-person small{font-size:12px}.contact-department strong{font-size:14px}.contact-actions button{width:34px;height:34px}.contact-request-modal .contacts-tree-card{margin:10px}.user-management-page{min-height:100%}.um-toast-stack{width:auto;top:66px;left:8px;right:8px}.um-toast{grid-template-columns:20px minmax(0,1fr) 30px;padding:9px}.um-header{align-items:flex-start}.um-header-actions{width:100%}.um-header-actions button{flex:1;min-width:0}.um-toolbar{grid-template-columns:1fr;padding:10px}.um-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.um-quick-actions button{min-width:0;padding:9px 6px}.um-layout{grid-template-columns:1fr;gap:10px;padding:10px;overflow:auto}.um-tree-card{min-height:380px}.um-tree-scroll{max-height:54vh}.um-detail-panel{-webkit-overflow-scrolling:touch;max-height:150px;position:static;overflow-y:auto}.um-department-row{margin-left:calc(var(--level,0) * 8px);grid-template-columns:24px minmax(0,1fr) 36px;gap:5px}.um-user-row{margin-left:calc(var(--level,0) * 8px + 24px);grid-template-columns:minmax(0,1fr) 36px}.um-node-main{grid-template-columns:34px minmax(0,1fr)}.um-card-title{flex-wrap:wrap;align-items:flex-start}.um-card-title span{width:100%;margin-left:25px}.um-stats-grid{grid-template-columns:1fr 1fr 1fr}.um-detail-card dl div{grid-template-columns:76px minmax(0,1fr)}.um-floating-menu{top:auto;left:14px;right:14px;bottom:calc(var(--mobile-bottom-space,0px) + env(safe-area-inset-bottom) + 14px);z-index:320;border-color:hsl(var(--border));background:hsl(var(--card));opacity:1;box-shadow:0 24px 80px hsl(var(--shadow) / .42);-webkit-backdrop-filter:none;backdrop-filter:none;position:fixed}.um-modal{height:calc(var(--app-viewport-height,100svh) - var(--mobile-bottom-space) - max(24px, env(safe-area-inset-top)));max-height:calc(var(--app-viewport-height,100svh) - var(--mobile-bottom-space) - max(24px, env(safe-area-inset-top)));margin-top:max(8px, env(safe-area-inset-top));overflow:hidden}.um-modal>.modal-header{z-index:4;background:hsl(var(--card));flex:none;align-items:center;min-height:58px;position:sticky;top:0}.um-modal>.modal-header>div{min-width:0}.um-modal>.modal-header h2,.um-modal>.modal-header p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.um-modal>.modal-header button{flex:none;min-width:64px}.um-modal .um-form-grid{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.um-modal .modal-actions{flex:none}.admin-data-page{min-height:100%}.admin-toolbar{grid-template-columns:1fr;padding:10px}.admin-table-card{margin:10px;overflow:auto}.admin-table-scroll{overflow:visible}.admin-table,.admin-table thead,.admin-table tbody,.admin-table tr,.admin-table th,.admin-table td{display:block}.admin-table thead{display:none}.admin-table tbody{gap:8px;padding:8px;display:grid}.admin-table tr{border:1px solid hsl(var(--border));background:hsl(var(--card) / .58);border-radius:8px;overflow:hidden}.admin-table td{border-bottom:1px solid hsl(var(--border));grid-template-columns:112px minmax(0,1fr);gap:10px;padding:9px;display:grid}.admin-table td:last-child{border-bottom:0}.admin-table td:before{content:attr(data-label);color:hsl(var(--muted));font-size:12px;font-weight:900}.admin-row-actions{width:100%}.admin-row-actions .primary-action,.admin-row-actions .danger-action{flex:1;min-width:0}.admin-pagination{flex-wrap:wrap;justify-content:space-between}.rules-modal,.admin-confirm-modal,.contact-request-modal{overflow:hidden}.rules-modal-body{max-height:none}.rule-tree-row{margin-left:calc(var(--level,0) * 8px)}.rule-user-row{margin-left:calc(var(--level,0) * 8px + 20px)}.modal-backdrop,.contact-picker-backdrop,.attachment-preview-backdrop{width:100vw;height:var(--app-viewport-height,100svh);padding:8px;padding-bottom:calc(var(--mobile-bottom-space) + 8px);justify-content:center;align-items:flex-end;display:flex;inset:0}.modal-panel,.contact-picker-popover,.participant-modal,.um-modal,.rules-modal,.admin-confirm-modal,.contact-request-modal,.attachment-preview-modal{width:100%;max-width:560px;height:auto;min-height:0;max-height:min(76vh, calc(var(--app-viewport-height,100svh) - var(--mobile-bottom-space) - 72px));border-radius:14px 14px 10px 10px;margin:0;position:relative;inset:auto;overflow:hidden}.attachment-preview-modal{max-height:min(82vh, calc(var(--app-viewport-height,100svh) - var(--mobile-bottom-space) - 56px))}.modal-panel>.modal-header,.participant-modal>.modal-header,.um-modal>.modal-header,.attachment-preview-header{z-index:8;background:hsl(var(--card));align-items:center;min-height:50px;padding:9px 10px;position:sticky;top:0}.modal-panel>.modal-header h2,.participant-modal>.modal-header h2,.um-modal>.modal-header h2,.attachment-preview-header h2{font-size:16px;line-height:1.2}.modal-panel>.modal-header p,.participant-modal>.modal-header p,.um-modal>.modal-header p,.attachment-preview-header span{display:none}.modal-panel>.modal-header button,.participant-modal>.modal-header button,.um-modal>.modal-header button,.attachment-preview-header button{border-radius:9px;min-width:44px;min-height:36px;padding:7px 10px;font-size:13px}.attachment-preview-mobile-close{display:none}.attachment-preview-header{padding-right:10px}.attachment-preview-header-close{align-items:center;gap:5px;display:inline-flex}.modal-panel>.confirm-panel,.modal-panel>.rules-modal-body,.modal-panel>.um-form-grid,.modal-panel>.contacts-tree-card,.participant-modal .participant-list,.attachment-preview-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;max-height:none;overflow-y:auto}.um-form-grid,.rules-modal-body,.confirm-panel,.participant-list{gap:9px;padding:10px}.contact-request-modal .contacts-search{width:calc(100% - 20px);margin:10px}.contact-request-modal .contacts-tree-card{flex:auto;min-height:0;margin:0 10px 10px}.rules-tree-card{min-height:160px;max-height:34vh}.modal-add-row{flex:none;padding:10px}.modal-actions,.attachment-preview-actions{padding:10px;padding-bottom:max(10px, env(safe-area-inset-bottom));flex:none;gap:8px}.attachment-preview-actions{grid-template-columns:1fr 1fr}.modal-actions button,.modal-actions a,.attachment-preview-actions a,.attachment-preview-actions button{min-height:42px}}@media (width<=420px){.chat-grid{height:100%}.topbar-logo{width:118px;height:34px}.connection-pill{padding:8px 9px}.conversation-toolbar{grid-template-columns:minmax(0,1fr) 42px}.new-message-button{width:42px}.message-stack{max-width:92%}.call-device-grid{gap:7px}.call-window .call-copy strong{font-size:17px}}@media (width<=760px){.chat-workspace,.chat-grid{height:100%;min-height:0;overflow:hidden}.chat-grid{display:block;overflow:hidden}.chat-workspace.mobile-list-open .conversation-list-panel,.chat-workspace.mobile-thread-open .chat-pane{height:min(100%, var(--app-viewport-height,100svh));max-height:min(100%, var(--app-viewport-height,100svh));min-height:0;display:flex;overflow:hidden}.chat-workspace.mobile-list-open .chat-pane,.chat-workspace.mobile-list-open .empty-pane,.chat-workspace.mobile-thread-open .conversation-list-panel{display:none}.chat-workspace.mobile-list-open .conversation-list-panel{min-height:0}.chat-workspace.mobile-thread-open .chat-pane{border-radius:8px;padding-bottom:0}.chat-workspace.mobile-thread-open{height:min(100%, var(--app-viewport-height,100svh));max-height:min(100%, var(--app-viewport-height,100svh));overflow:hidden}.mobile-chat-back{border:1px solid hsl(var(--border));background:hsl(var(--bg) / .62);width:38px;height:38px;color:hsl(var(--fg));border-radius:8px;flex:0 0 38px;justify-content:center;align-items:center;display:inline-flex}.chat-header{flex-wrap:nowrap;align-items:center}.chat-actions{flex-wrap:nowrap;flex:none;justify-content:flex-end;width:auto}.chat-actions .primary-action{flex:0 0 42px;gap:0;width:42px;min-width:0;height:38px;padding:0}.chat-actions .primary-action svg{flex:none}.chat-actions .primary-action{font-size:0}.chat-actions .primary-action svg{width:18px;height:18px}.chat-title-block{min-width:0}.participants-button{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.messages-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.composer{z-index:6;background:hsl(var(--card));flex:none;padding-bottom:8px;position:relative;bottom:0}.user-management-page,.admin-data-page{height:100%;min-height:0;max-height:100%;overflow:hidden}.user-management-page .work-panel-header,.admin-data-page .work-panel-header{flex:none;align-items:center;gap:8px;padding:10px 12px}.user-management-page .work-panel-header>div:first-child,.admin-data-page .work-panel-header>div:first-child{min-width:0}.user-management-page .work-panel-header h1,.admin-data-page .work-panel-header h1{text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1.15;overflow:hidden}.user-management-page .work-panel-header p,.admin-data-page .work-panel-header p,.user-management-page .action-text,.admin-data-page .action-text{display:none}.user-management-page .um-header-actions,.admin-data-page .um-header-actions{flex-wrap:nowrap;flex:none;width:auto;margin-left:auto}.user-management-page .um-header-actions button,.admin-data-page .um-header-actions button,.admin-data-page>.work-panel-header>button{flex:0 0 42px;gap:0;width:42px;min-width:42px;height:42px;padding:0}.um-toolbar,.admin-toolbar{flex:none;gap:8px;padding:8px}.um-toolbar{grid-template-columns:1fr}.um-toolbar label,.admin-toolbar label{font-size:11px}.um-toolbar select,.um-toolbar input,.admin-toolbar select,.admin-toolbar input{min-height:40px;padding:8px 10px}.um-quick-actions{grid-template-columns:repeat(2,42px);justify-content:start;gap:8px;display:grid}.um-quick-actions button,.admin-toolbar>button{gap:0;width:42px;min-width:42px;height:42px;padding:0}.um-layout{flex-direction:column;flex:auto;gap:8px;min-height:0;padding:8px;display:flex;overflow:hidden}.um-tree-card{flex:auto;min-height:0}.um-card-title{padding:10px}.um-card-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.um-card-title span{display:none}.um-tree-scroll{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;max-height:none;padding:8px;overflow-y:auto}.um-detail-panel{-webkit-overflow-scrolling:touch;flex:none;min-height:0;max-height:150px;display:block;overflow-y:auto}.um-detail-card{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:10px}.um-detail-card h2{font-size:15px}.um-detail-card p,.um-detail-card dl,.um-help-card,.um-stats-grid{display:none}.um-department-row{margin-left:calc(var(--level,0) * 6px);grid-template-columns:24px minmax(0,1fr) 38px;padding:4px}.um-user-row{margin-left:calc(var(--level,0) * 6px + 22px);grid-template-columns:minmax(0,1fr) 38px;padding:4px}.um-node-main{grid-template-columns:34px minmax(0,1fr);gap:7px}.um-node-main strong{font-size:14px}.um-node-main small{font-size:11px}.admin-toolbar{grid-template-columns:minmax(0,1fr) auto auto;align-items:end}.admin-toolbar label:not(.admin-search){grid-column:1/-1}.admin-search{min-width:0}.admin-table-card{flex:auto;min-height:0;margin:8px;overflow:hidden}.admin-table-scroll{-webkit-overflow-scrolling:touch;height:100%;min-height:0;overflow-y:auto}.admin-table tbody{gap:7px;padding:7px}.admin-table td{grid-template-columns:92px minmax(0,1fr);gap:8px;padding:8px;font-size:13px}.admin-row-actions{gap:6px;width:100%;display:flex}.admin-row-actions .primary-action,.admin-row-actions .danger-action{min-height:34px;padding:7px 9px;font-size:13px}.admin-pagination{flex:none;padding:8px}.rule-call-toggle{justify-content:center;width:34px;height:34px;padding:0;font-size:0}.rule-call-toggle svg{width:15px;height:15px}}@media (width<=420px){.user-management-page .um-header-actions button,.admin-data-page .um-header-actions button,.admin-data-page>.work-panel-header>button,.um-quick-actions button,.admin-toolbar>button{width:40px;min-width:40px;height:40px}.um-quick-actions{grid-template-columns:repeat(2,40px)}.um-detail-panel{max-height:126px}}