:root{--brand:#0078ff;--brand-600:#1f6feb;--text:#111827;--muted:#6b7280;--error:#ef4444;--card-bg:#fffc}.login-root{color:#111827;color:var(--text);display:grid;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;overflow:hidden;place-items:center;position:relative}.login-bg{background:radial-gradient(800px 600px at 10% 10%,#0078ff26,#0000 60%),radial-gradient(800px 600px at 90% 90%,#1f6feb26,#0000 60%),linear-gradient(180deg,#f5f7fb,#eef2f7);z-index:-2}.login-bg,.login-noise{inset:0;position:absolute}.login-noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cg fill-opacity='.03'%3E%3Ccircle cx='10' cy='10' r='1.2'/%3E%3Ccircle cx='70' cy='50' r='1.2'/%3E%3Ccircle cx='120' cy='30' r='1.2'/%3E%3Ccircle cx='40' cy='100' r='1.2'/%3E%3C/g%3E%3C/svg%3E");opacity:.6;z-index:-1}.login-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--card-bg);border:1px solid #0000000f;border-radius:16px;box-shadow:0 10px 30px #10182814;padding:22px 20px 18px;width:min(420px,92vw)}.brand{gap:12px;margin-bottom:12px;padding-bottom:12px}.brand-logo{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;height:auto;object-fit:contain;width:120px}.brand-text .brand-title{font-size:16px;font-weight:800;line-height:1.1}.brand-text .brand-sub{color:#6b7280;color:var(--muted);font-size:12px;margin-top:2px}.alert{align-items:center;border-radius:10px;display:flex;font-size:13px;gap:8px;line-height:1.35;margin-bottom:10px;padding:10px 12px}.alert.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.alert-icon{font-size:16px}.login-form{grid-gap:10px;display:grid;gap:10px;margin-top:4px}.field{grid-gap:8px;align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:10px;gap:8px;grid-template-columns:28px 1fr auto;padding:8px 10px}.field:focus-within{border-color:#0078ff;border-color:var(--brand);box-shadow:0 0 0 3px #0078ff1f}.field-icon{font-size:14px;opacity:.7;text-align:center}.field input{color:#111827;color:var(--text);font-size:14px;outline:none;padding:6px 0}.field input,.ghost-btn{background:#0000;border:none}.ghost-btn{border-radius:8px;cursor:pointer;font-size:16px;line-height:1;padding:4px 6px}.ghost-btn:hover{background:#f3f4f6}.submit-btn{align-items:center;background:linear-gradient(135deg,#0078ff,#1f6feb);background:linear-gradient(135deg,var(--brand),var(--brand-600));border:none;border-radius:10px;box-shadow:0 8px 16px #0078ff2e;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;height:40px;justify-content:center;letter-spacing:.2px;transition:transform .06s ease,box-shadow .2s ease,filter .2s ease}.submit-btn:hover{box-shadow:0 10px 22px #0078ff3d;filter:brightness(1.02)}.submit-btn:active{transform:translateY(1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin 1s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.foot-note{margin-top:12px;text-align:center}.muted{color:var(--muted)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes pop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.animate-pop{animation:pop .14s ease-out both}@keyframes shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}.animate-shake{animation:shake .45s cubic-bezier(.36,.07,.19,.97) both}@media (max-width:420px){.brand-logo{width:100px}}:root{--bg:#f5f7fb;--sidebar-bg:#fff;--accent:#1f6feb;--accent-2:#0ea5e9;--line:#e5e7eb;--ink:#1f2328;--ink-2:#6b7280;--bubble-own:#daf0d7;--bubble-other:#fff}.chat-container{background:#f5f7fb;background:var(--bg);color:#1f2328;color:var(--ink);display:flex;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;height:100dvh;line-height:1.35}.toast{animation:toastIn .2s ease-out;background:#111827;border-radius:10px;box-shadow:0 6px 18px #0003;color:#fff;font-size:12px;left:50%;padding:8px 12px;position:fixed;top:12px;transform:translateX(-50%);z-index:50}.toast-ok{background:#16a34a}.toast-error{background:#dc2626}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.chat-sidebar{background:#fff;background:var(--sidebar-bg);border-right:1px solid #e5e7eb;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:auto;padding:12px;width:300px}.brand{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--line);display:flex;gap:10px;margin-bottom:6px;padding:8px 6px 10px}.brand img{height:34px;width:34px}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:14px;font-weight:900;letter-spacing:.2px}.brand-sub{color:#6b7280;color:var(--ink-2);font-size:11px;margin-top:2px}.toggle-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;margin:10px 0 8px}.toggle-row button{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:12px;padding:6px 8px;transition:transform .05s ease,background .15s ease}.toggle-row button:hover{transform:translateY(-1px)}.toggle-row button.active{background:#1f6feb;background:var(--accent);border-color:#1f6feb;border-color:var(--accent);color:#fff}.new-group-btn{background:linear-gradient(180deg,#0ea5e9,#0284c7);background:linear-gradient(180deg,var(--accent-2),#0284c7);border:none;border-radius:10px;box-shadow:0 6px 14px #0284c740;color:#fff;cursor:pointer;font-size:12px;margin:6px 0 8px;padding:8px;transition:transform .08s ease;width:100%}.new-group-btn:hover{transform:translateY(-1px)}.list-section{margin-top:8px}.list-section h4{color:#6b7280;color:var(--ink-2);font-size:11px;letter-spacing:.04em;margin:10px 0 6px;text-transform:uppercase}.select-list{list-style:none;margin:0;padding:0}.select-list li{grid-gap:8px;align-items:center;border-radius:10px;cursor:pointer;display:grid;font-size:13px;gap:8px;grid-template-columns:28px 1fr auto;padding:7px 8px;transition:background .12s ease,transform .05s ease}.select-list li:hover{background:#f2f3f5;transform:translateX(1px)}.select-list li.selected{background:#e6f0ff;outline:1px solid #cfe0ff}.avatar{align-items:center;background:#d0d7de;border-radius:50%;display:inline-flex;font-size:12px;font-weight:800;height:28px;justify-content:center;width:28px}.avatar-group{background:#ffd166}.select-list .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{align-items:center;background:#ef4444;border-radius:999px;box-shadow:0 4px 10px #ef444440;color:#fff;display:inline-flex;font-size:11px;font-weight:800;height:20px;justify-content:center;min-width:20px;padding:0 6px}.chat-main{background:linear-gradient(180deg,#eef2f6,#eaf0f7);display:flex;flex:1 1;flex-direction:column}.chat-header{align-items:center;background:linear-gradient(90deg,#1f6feb,#3993ff);background:linear-gradient(90deg,var(--accent),#3993ff);box-shadow:0 1px 0 #0000000f;color:#fff;display:flex;font-size:14px;font-weight:800;gap:10px;padding:10px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.chat-title{flex:1 1}.typing-badge{background:#fff3;border-radius:999px;font-size:11px;padding:3px 8px}.animate-pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.chat-messages{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:14px}.message-bubble{word-wrap:break-word;border-radius:14px;box-shadow:0 6px 12px #0000000f;font-size:13px;line-height:1.4;margin:8px 0;max-width:70%;padding:10px 12px;position:relative;transform-origin:bottom}.message-bubble.own{background:#daf0d7;background:var(--bubble-own);margin-left:auto}.message-bubble.other{background:#fff;background:var(--bubble-other);margin-right:auto}.message-meta{align-items:center;display:flex;font-size:11px;gap:8px;margin-bottom:4px;opacity:.68}.sender-name{font-weight:700}.timestamp{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.message-image{max-width:240px}.message-text{white-space:pre-wrap;word-break:break-word}.animate-bubble{animation:bubbleIn .16s ease-out}@keyframes bubbleIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-slide-in{animation:slideIn .18s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.animate-float{animation:floatIn .14s ease-out}@keyframes floatIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-pop{animation:popIn .16s ease-out}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.chat-input{grid-gap:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border-top:1px solid #e5e7eb;border-top:1px solid var(--line);bottom:0;display:grid;gap:8px;grid-template-columns:auto 1fr auto auto;padding:10px 10px calc(10px + env(safe-area-inset-bottom, 0px));position:-webkit-sticky;position:sticky;z-index:2}.chat-input textarea{border:1px solid #d1d5db;border-radius:10px;font-size:13px;height:44px;padding:10px 12px;resize:none;transition:border-color .12s ease,box-shadow .12s ease}.chat-input textarea:focus{border-color:#9ecbff;box-shadow:0 0 0 3px #1e90ff1f;outline:none}.icon-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:16px;height:44px;transition:transform .06s ease,background .12s ease;width:40px}.icon-btn:hover{background:#f8fafc;transform:translateY(-1px)}.file-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:10px;cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:transform .06s ease,background .12s ease;-webkit-user-select:none;user-select:none;width:40px}.file-btn input{display:none}.file-btn:hover{background:#f8fafc;transform:translateY(-1px)}.send-btn{background:linear-gradient(180deg,#1f6feb,#1a61d5);background:linear-gradient(180deg,var(--accent),#1a61d5);border:none;border-radius:10px;box-shadow:0 8px 18px #1f6feb40;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:0 14px;transition:transform .06s ease,filter .12s ease,opacity .12s ease}.send-btn:disabled{box-shadow:none;cursor:default;opacity:.5}.send-btn:not(:disabled):hover{filter:brightness(1.03);transform:translateY(-1px)}.emoji-picker{border-radius:12px;bottom:64px;box-shadow:0 10px 24px #00000024;left:10px;max-width:92vw;overflow:hidden;position:absolute;z-index:5}.modal{background:#11182773;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:40}.modal-card{background:#fff;border-radius:14px;box-shadow:0 18px 50px #00000040;max-height:92vh;padding:14px;width:min(640px,94vw)}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--line);display:flex;gap:8px;padding-bottom:8px}.modal-header h4{font-size:15px;font-weight:800;margin:0}.icon-btn.close{font-size:14px;height:32px;width:32px}.field{grid-gap:6px;display:grid;gap:6px;margin:10px 0}.field>span{color:#6b7280;color:var(--ink-2);font-size:12px;font-weight:600}.field input{border:1px solid #d1d5db;border-radius:10px;font-size:13px;padding:10px 12px;width:100%}.field input:focus{border-color:#9ecbff;box-shadow:0 0 0 3px #1e90ff1f;outline:none}.chips{display:flex;flex-wrap:wrap;gap:6px;min-height:28px}.chip{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#3730a3;display:inline-flex;font-size:12px;gap:6px;padding:4px 8px}.chip-muted{background:#f3f4f6;border:1px dashed #d1d5db;color:#6b7280}.chip-x{background:#0000;border:none;cursor:pointer;font-size:12px;line-height:1}.modal-list{border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:10px;max-height:240px;overflow:auto}.modal-list ul{list-style:none;margin:0;padding:0}.pick-row{grid-gap:10px;align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:grid;gap:10px;grid-template-columns:28px 1fr auto;padding:8px 10px;transition:background .12s ease}.pick-row:last-child{border-bottom:0}.pick-row:hover{background:#f8fafc}.pick-row.picked{background:#ecfeff}.pick-labels .line1{font-size:13px;font-weight:700}.pick-labels .line2{color:#6b7280;color:var(--ink-2);font-size:12px}.pick-check{color:#0ea5e9;font-weight:800}.modal-footer{align-items:center;display:flex;gap:10px;margin-top:12px}.muted{color:#6b7280;color:var(--ink-2);font-size:12px}.spacer{flex:1 1}.btn{border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:12px;font-weight:800;padding:8px 12px;transition:transform .06s ease,background .12s ease}.btn.ghost{background:#fff}.btn.primary{background:#1f6feb;background:var(--accent);border-color:#1f6feb;border-color:var(--accent);box-shadow:0 8px 18px #1f6feb40;color:#fff}.btn:disabled{box-shadow:none;cursor:default;opacity:.5}.btn:hover:not(:disabled){transform:translateY(-1px)}.chat-messages::-webkit-scrollbar,.chat-sidebar::-webkit-scrollbar,.modal-list::-webkit-scrollbar{width:10px}.chat-messages::-webkit-scrollbar-thumb,.chat-sidebar::-webkit-scrollbar-thumb,.modal-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:8px}.chat-messages::-webkit-scrollbar-thumb:hover,.chat-sidebar::-webkit-scrollbar-thumb:hover,.modal-list::-webkit-scrollbar-thumb:hover{background:#bfc6cf}.video-modal-card{display:flex;flex-direction:column;max-height:92vh;width:min(1180px,96vw)}.device-pickers{display:flex;gap:6px;margin-left:auto}.device-pickers select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:8px;font-size:12px;max-width:42vw;padding:6px 8px}.video-layout{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr;height:60vh;padding:10px 0}.stage{background:#0a0d14;border-radius:14px;display:grid;min-height:320px;overflow:hidden;place-items:center;position:relative}.stage .remote-thumb,.stage .thumb-tile,.stage-cell{height:100%;width:100%}.stage .OT_root,.stage video{height:100%!important;object-fit:cover!important;width:100%!important}.strip{grid-gap:8px;align-content:start;background:#0f1116;border-radius:14px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));overflow:auto;padding:10px}.remote-thumb,.thumb-tile{background:#12151e;border-radius:10px;box-shadow:0 8px 20px #00000040;min-height:120px;overflow:hidden;position:relative}.remote-thumb .OT_root,.remote-thumb video,.thumb-tile .OT_root,.thumb-tile video{height:100%!important;object-fit:cover!important;width:100%!important}.local-tray{display:contents}.video-controls{display:flex;gap:8px}.incoming-call-banner{align-items:center;background:#203040;border-radius:8px;color:#fff;display:flex;gap:10px;margin:8px 12px;padding:8px 12px}.btn.danger{background:#d9534f;color:#fff}.btn.danger:hover{filter:brightness(.95)}@media (max-width:1024px){.chat-sidebar{width:260px}.video-layout{grid-template-columns:1.5fr 1fr}}@media (max-width:820px){.chat-container{font-size:12px}.chat-container:not(.is-mobile) .chat-sidebar{padding:10px 8px;width:88px}.chat-container:not(.is-mobile) .brand-text,.chat-container:not(.is-mobile) .list-section h4,.chat-container:not(.is-mobile) .new-group-btn,.chat-container:not(.is-mobile) .select-list .label{display:none}.chat-container:not(.is-mobile) .toggle-row{grid-template-columns:1fr}.chat-container:not(.is-mobile) .select-list li{grid-template-columns:28px 1fr}.chat-container:not(.is-mobile) .badge{font-size:10px;height:18px;min-width:18px}.chat-header{padding:10px 12px}.chat-messages{padding:10px}.message-bubble{max-width:82%}.video-layout{grid-template-columns:1fr;height:68vh}.strip{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.device-pickers select{max-width:48vw}}@media (max-width:640px){.chat-container{font-size:12px}.chat-container:not(.is-mobile) .chat-sidebar{padding:8px 6px;width:72px}.chat-container:not(.is-mobile) .brand{padding:6px 4px 8px}.chat-container:not(.is-mobile) .brand img{height:30px;width:30px}.chat-container:not(.is-mobile) .avatar{font-size:11px;height:26px;width:26px}.chat-container:not(.is-mobile) .select-list li{gap:6px;padding:6px}.chat-header{font-size:13px;padding:8px 10px}.typing-badge{font-size:10px;padding:2px 6px}.chat-messages{padding:8px}.message-bubble{border-radius:12px;max-width:88%;padding:9px 10px}.message-image{max-height:45vh;max-width:65vw}.chat-input{gap:6px;grid-template-columns:auto 1fr auto;padding:8px 8px calc(8px + env(safe-area-inset-bottom, 0px))}.file-btn,.icon-btn{height:44px;width:40px}.chat-input textarea{font-size:13px;height:46px}.send-btn{font-size:12px;height:44px;padding:0 12px}.emoji-picker{bottom:56px;left:6px;max-width:92vw}.modal{padding:0}.video-modal-card{border-radius:0;height:100dvh;max-height:none;width:100vw}.modal-card{border-radius:12px;height:auto;max-height:92vh;width:100vw}.video-layout{gap:8px;grid-template-columns:1fr;grid-template-rows:1fr auto;height:calc(100dvh - 120px);padding:8px}.stage{min-height:220px}.stage,.strip{border-radius:12px}.strip{-webkit-overflow-scrolling:touch;background:#0f1116;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px;scroll-snap-type:x proximity}.remote-thumb,.thumb-tile{flex:0 0 auto;height:26vh;min-width:44vw;scroll-snap-align:start}.device-pickers{gap:4px}.device-pickers select{font-size:12px;max-width:42vw;padding:6px 8px}.incoming-call-banner{font-size:12px;margin:8px}}@media (max-width:420px){.chat-container:not(.is-mobile) .chat-sidebar{width:64px}.message-image{max-width:72vw}.remote-thumb,.thumb-tile{height:24vh;min-width:60vw}.chat-header{gap:6px}.typing-badge{display:none}}.me-panel{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;margin-bottom:8px;padding:8px 6px}.me-avatar{align-items:center;background:#1f6feb;border-radius:50%;box-shadow:0 1px 2px #00000014;color:#fff;display:inline-flex;font-size:12px;font-weight:800;height:32px;justify-content:center;width:32px}.me-info{line-height:1.1}.me-name{font-size:13px;font-weight:700}.me-username{color:#6b7280;font-size:11px}.btn-logout{background:#f3f4f6;border:none;border-radius:8px;color:#111827;cursor:pointer;font-size:12px;margin-left:auto;padding:6px 8px}.btn-logout:hover{background:#e5e7eb}.brand img{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;height:auto;object-fit:contain;width:110px}.attachments-preview{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}.attach-chip{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:8px;max-width:220px;padding:6px 8px}.attach-chip .thumb{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:0 0 56px;height:56px;overflow:hidden;width:56px}.attach-chip .thumb img{height:100%;object-fit:cover;width:100%}.attach-chip .name{color:#374151;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-chip .chip-x{background:#0000;border:0;color:#6b7280;cursor:pointer;font-size:16px;line-height:1;margin-left:auto}.chat-input.dragging,.chat-messages.dragging{background:#94a3b814;outline:2px dashed #94a3b8;outline-offset:4px}.message-image{border-radius:8px;display:block;height:auto;max-height:240px;max-width:320px;width:auto}.pdf-embed-wrap{border-radius:8px;max-width:100%;overflow:hidden;width:100%}.pdf-embed{border:0;height:60vh;width:100%}@media (max-width:640px){.pdf-embed{height:50vh}}.chat-container.is-mobile .chat-sidebar{background:#fff;background:var(--sidebar-bg);border-right:0;display:block;height:100vh;inset:0;overflow:auto;position:fixed;width:100vw;z-index:20}.chat-container.is-mobile .brand-text,.chat-container.is-mobile .list-section h4,.chat-container.is-mobile .new-group-btn,.chat-container.is-mobile .select-list .label{display:inline;display:initial}.chat-container.is-mobile .select-list li{gap:10px;grid-template-columns:36px 1fr auto;padding:10px 12px}.chat-container.is-mobile .avatar{font-size:14px;height:36px;width:36px}.chat-container.is-mobile .chat-main,.chat-container.is-mobile.is-mobile-chat .chat-sidebar{display:none}.chat-container.is-mobile.is-mobile-chat .chat-main{display:flex}.header-back{-webkit-appearance:none;appearance:none;background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-right:6px;padding:4px 10px}.sidebar-topbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--line);display:flex;gap:10px;padding:10px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.sidebar-topbar-title{font-size:15px;font-weight:900}.chat-container.is-mobile .btn-logout{margin-left:auto}@media (max-width:820px){.chat-container{font-size:14px}.select-list li{grid-template-columns:36px 1fr auto;padding:10px 12px}.avatar{font-size:14px;height:36px;width:36px}.toggle-row button{font-size:14px;padding:10px 12px}.new-group-btn{font-size:13px;padding:10px}.me-panel{padding:10px 6px}.me-avatar{font-size:13px;height:36px;width:36px}.chat-header{padding:10px 12px}.chat-input{grid-template-columns:auto 1fr auto auto}}@supports (padding:max(0px)){.chat-container.is-mobile .chat-sidebar{padding-bottom:max(20px,env(safe-area-inset-bottom))}}.call-participants{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-left:12px}.chip-soft{background:#eef2ff;border:1px solid #c7d2fe;color:#3730a3}.call-activity{color:var(--ink-2);font-size:12px;margin:4px 2px 0;max-height:76px;padding:4px 6px}.call-activity-row{padding:2px}.stage-cell{height:100%;width:100%}.incoming-call-banner--mobile{border:1px solid #30455c;border-radius:10px;position:-webkit-sticky;position:sticky;top:44px;z-index:3}.incoming-call-banner--mobile .btn.ghost{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.incoming-call-banner--mobile .btn.primary{background:#10b981;border-color:#0ea37a;box-shadow:0 6px 14px #10b98140}@media (max-width:640px){.sidebar-topbar{padding:12px 10px}.incoming-call-banner--mobile{top:52px}}.hangup-fab{background:#d9534f;border:none;border-radius:999px;bottom:18px;box-shadow:0 10px 24px #d9534f59;color:#fff;display:none;font-weight:900;left:50%;padding:12px 18px;position:fixed;transform:translateX(-50%);z-index:60}.hangup-fab:active{transform:translateX(-50%) translateY(1px)}@media (max-width:640px){.hangup-fab{align-items:center;display:inline-flex;gap:8px}}.sidebar-search{margin:8px 0 6px}.sidebar-search input{border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:10px;font-size:13px;padding:8px 10px;width:100%}.section-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:8px;padding:0;width:100%}.section-toggle h4{margin:10px 0 6px}.section-toggle .chev{font-size:12px;margin-left:auto;transition:transform .15s ease}.section-toggle .chev.open{transform:rotate(180deg)}.btn.small{font-size:11px;padding:6px 8px}.chat-sidebar .collapse-btn{margin-left:auto}.chat-sidebar.collapsed{overflow:hidden;padding:10px 8px;width:88px}.chat-sidebar.collapsed .brand-text,.chat-sidebar.collapsed .list-section h4,.chat-sidebar.collapsed .me-info,.chat-sidebar.collapsed .new-group-btn,.chat-sidebar.collapsed .select-list .label,.chat-sidebar.collapsed .sidebar-search{display:none!important}.chat-sidebar.collapsed .select-list li{gap:6px;grid-template-columns:28px 1fr;padding:6px}.chat-sidebar.collapsed .toggle-row{grid-template-columns:1fr}.chat-sidebar.collapsed .avatar{font-size:11px;height:26px;width:26px}.chat-sidebar.collapsed .brand{padding:6px 4px 8px}.chat-sidebar.collapsed .brand img{height:30px;width:30px}.chat-sidebar.collapsed .badge{font-size:10px;height:18px;min-width:18px}@media (max-width:640px){.chat-sidebar.collapsed{padding:8px 6px;width:72px}}.avatar.avatar-img{background:#e5e7eb;overflow:visible;position:relative}.avatar-inner,.avatar.avatar-img{align-items:center;display:inline-flex;justify-content:center}.avatar-inner{background:#fff;border-radius:50%;box-shadow:0 0 0 2px #fff;height:72%;overflow:hidden;width:72%}.avatar.avatar-img img{display:block;height:100%;object-fit:cover;width:100%}.avatar.avatar-img .fallback{font-size:12px;font-weight:800;line-height:1}.presence-dot{border:2px solid #fff;border-radius:50%;bottom:-1px;bottom:-2px;box-shadow:0 0 0 2px #ffffff80;height:10px;position:absolute;right:-1px;right:-2px;width:10px}.presence-dot.online{background:#22c55e}.presence-dot.idle{background:#f59e0b}.presence-dot.busy{background:#ef4444}.presence-dot.offline{background:#9ca3af}@media (max-width:820px){.avatar-inner{height:74%;width:74%}.audio-modal-card,.video-modal-card{border-radius:0!important;display:flex;flex-direction:column;height:100dvh!important;margin:0!important;max-height:100dvh!important;max-width:100vw!important;width:100vw!important}.audio-modal-card .modal-header,.video-modal-card .modal-header{border-bottom:1px solid #0000000f;padding:14px 16px}.audio-modal-card .audio-controls,.video-modal-card .video-controls{gap:8px;padding:12px}.hangup-fab{background:#ef4444;border:none;border-radius:999px;bottom:18px;box-shadow:0 8px 24px #ef444459;color:#fff;font-size:20px;font-weight:900;height:48px;position:fixed;right:16px;width:48px}.chat-header .header-actions{gap:6px!important}.chat-header .btn{padding:6px 10px}.incoming-banner{align-items:center;background:#111827;border-top:1px solid #ffffff14;bottom:0;color:#fff;display:flex;gap:10px;left:0;padding:10px 12px;position:-webkit-sticky;position:sticky;right:0;z-index:12}.incoming-banner .avatar{background:#1f6feb;border-radius:999px;display:grid;font-weight:800;height:36px;place-items:center;width:36px}.incoming-banner .label{flex:1 1 auto;min-width:0}.incoming-banner .label .name{font-size:14px;font-weight:700;line-height:1.1}.incoming-banner .label .sub{font-size:12px;opacity:.8}.incoming-banner .actions{display:flex;gap:8px}.incoming-banner .btn-accept,.incoming-banner .btn-decline{border:none;border-radius:8px;color:#fff;font-weight:700;padding:8px 10px}.incoming-banner .btn-accept{background:#10b981}.incoming-banner .btn-decline{background:#ef4444}}.audio-modal-card,.video-modal-card{max-width:960px}.call-activity{color:#6b7280;font-size:13px;max-height:140px;min-height:44px;overflow:auto;padding:10px 14px}.call-activity-row+.call-activity-row{margin-top:6px}
/*# sourceMappingURL=main.d9f4aa5a.css.map*/