:root{--bg: #f2f8ff;--panel: #ffffff;--text: #1f2937;--muted: #5b6670;--border: #d6e2ef;--primary: #4a90e2;--primary-dark: #2e73c5;--secondary: #64748b;--shadow: 0 16px 40px rgba(15, 23, 42, .08);--accent: #2f6b45;--accent-strong: #255b3a;--accent-soft: #f1f7ef;--sidebar-bg: #fbfdfb;--sidebar-border: #e6ece3}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,#edf4ff,#f9fbff);color:var(--text)}button{font:inherit}.app-shell{min-height:100vh}.layout{display:flex;min-height:100vh;background:linear-gradient(180deg,#fbfdfe,#f6faf7)}.sidebar{width:260px;padding:28px 20px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:18px}.brand .logo{font-weight:700;color:var(--accent-strong);font-size:18px}.brand .since{font-size:12px;color:var(--muted);margin-top:6px}.current-member-name{font-size:14px;font-weight:600;color:var(--text)}.current-member-link{display:flex;align-items:center;gap:10px;margin-top:10px;text-decoration:none;cursor:pointer}.nav{display:flex;flex-direction:column;gap:6px;margin-top:10px}.nav-item{display:inline-block;padding:10px 12px;border-radius:10px;color:#124027;text-decoration:none;font-weight:600}.nav-item:hover{background:var(--accent-soft)}.sidebar-footer{margin-top:auto}.ghost-button{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--sidebar-border);background:transparent;color:var(--text);cursor:pointer}.content{flex:1;padding:32px 40px}.page{padding:40px 24px}.auth-card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.auth-card{width:min(420px,100%);padding:32px}.auth-card h1{margin:0 0 8px;font-size:2rem}.auth-card p{margin:0 0 24px;color:var(--muted)}.login-page{display:grid;place-items:center;min-height:100vh;padding:24px;background:radial-gradient(circle at 15% 15%,#eaf2ff 0%,transparent 45%),radial-gradient(circle at 85% 85%,#eef7f0 0%,transparent 45%),linear-gradient(180deg,#f6faff,#f4f9f5)}.login-shell{display:grid;grid-template-columns:1.05fr 1fr;width:min(920px,100%);background:var(--panel);border-radius:28px;box-shadow:0 30px 70px #0f172a24;overflow:hidden}.login-brand-panel{position:relative;padding:48px 44px;background:linear-gradient(155deg,#2e73c5,#245a9e 45%,#1f4a37);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:18px;overflow:hidden}.login-brand-decor{position:absolute;inset:-40% -20% auto auto;width:320px;height:320px;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,transparent 70%);pointer-events:none}.login-brand-mark{margin-bottom:8px}.login-brand-mark img{width:220px;height:auto;display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}@media (max-width: 760px){.login-brand-mark img{width:180px}}.login-brand-panel h1{margin:0;font-size:1.9rem}.login-brand-panel>p{margin:0;color:#ffffffd1;font-size:1rem;max-width:320px}.login-brand-features{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.login-brand-features li{position:relative;padding-left:22px;font-size:.9rem;color:#ffffffe0}.login-brand-features li:before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:#ffffffbf}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:48px 40px}.login-form-card{width:100%;max-width:340px}.login-form-card h2{margin:0 0 6px;font-size:1.6rem}.login-form-subtitle{margin:0 0 26px;color:var(--muted)}.login-form{display:grid;gap:18px}.login-form label{display:grid;gap:6px;font-size:.85rem;font-weight:600;color:var(--muted)}.login-input-group{position:relative;display:flex;align-items:center}.login-form input{width:100%;padding:13px 16px;border:1px solid var(--border);border-radius:12px;font-size:1rem;color:var(--text);background:#f8fbff;font-weight:400;transition:border-color .15s ease,background .15s ease}.login-form input:focus{outline:none;border-color:var(--primary);background:#fff}.login-input-toggle{position:absolute;right:10px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;padding:6px;border-radius:8px}.login-input-toggle:hover{color:var(--text);background:#eef2f7}.login-submit{width:100%;margin-top:4px;transition:background .15s ease,transform .1s ease}.login-submit:hover:not(:disabled){background:var(--primary-dark)}.login-submit:disabled{opacity:.75;cursor:default}@media (max-width: 760px){.login-shell{grid-template-columns:1fr}.login-brand-panel{padding:36px 32px}.login-brand-features{display:none}}.primary-button,.secondary-button{border:none;border-radius:14px;padding:14px 20px;cursor:pointer}.primary-button{background:var(--primary);color:#fff;font-weight:600}.secondary-button{background:#e4eaf6;color:var(--text)}.error-text{color:#b3272d;font-size:.95rem}.dashboard-page{max-width:1200px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.topbar h2{margin:0 0 6px;font-size:1.75rem}.topbar p{margin:0;color:var(--muted)}.panel{padding:24px}.room-list{display:grid;gap:18px;margin-top:18px}.room-card{border:1px solid var(--border);border-radius:18px;padding:18px;background:#f8fbff}.room-card h4{margin:0 0 12px}.room-card p{margin:0 0 12px;color:var(--muted)}.room-card span{font-size:.9rem;color:var(--primary-dark)}.empty-state{padding:18px;background:#eef5ff;border-radius:14px;color:var(--muted)}.auth-link{margin-top:20px;text-align:center;color:var(--muted);font-size:.9rem}.auth-link a{color:var(--primary);text-decoration:none;font-weight:600}.auth-link a:hover{text-decoration:underline}.login-form select{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:14px;font-size:1rem;color:var(--text);background:#fff}.success-text{color:#2d7c3d;font-size:.95rem}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:600;white-space:nowrap}.status-badge--online,.status-badge--present{background:#e3f6e8;color:#227a3d}.status-badge--break{background:#fff3d6;color:#9a6400}.status-badge--offline{background:#eceff2;color:var(--muted)}.status-badge--on_leave{background:#e4ecfd;color:#2e57c9}.status-badge--absent{background:#fbe4e4;color:#b3272d}.status-badge--non_working_day{background:#f0e8f8;color:#6d3f9c}.data-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.92rem}.data-table th,.data-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}.data-table th{color:var(--muted);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.02em}.data-table tbody tr:hover{background:#f8fbff}.form-grid{display:grid;gap:16px;max-width:480px}.form-grid label{font-size:.9rem;color:var(--muted)}.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;font-size:1rem;color:var(--text);background:#fff;font-family:inherit}.form-grid input[type=checkbox]{width:16px;height:16px;padding:0;border:1px solid var(--border);border-radius:4px;flex-shrink:0;accent-color:var(--primary)}.button-row{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.tab-row{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.tab-button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 18px;cursor:pointer;font-weight:600;color:var(--muted)}.tab-button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:18px 0}.summary-card{background:#f8fbff;border:1px solid var(--border);border-radius:16px;padding:16px}.summary-card .value{font-size:1.6rem;font-weight:700}.summary-card .label{color:var(--muted);font-size:.85rem}.small-button{border:none;border-radius:10px;padding:8px 14px;cursor:pointer;font-weight:600;font-size:.85rem;transition:background .15s ease,opacity .15s ease}.small-button:disabled{opacity:.6;cursor:default}.small-button.approve{background:#e3f6e8;color:#227a3d}.small-button.approve:hover:not(:disabled){background:#d1eeda}.small-button.reject{background:#fbe4e4;color:#b3272d}.small-button.reject:hover:not(:disabled){background:#f6d2d2}.small-button.neutral{background:#e4eaf6;color:var(--text)}.small-button.neutral:hover:not(:disabled){background:#d7e0f0}.small-button.primary{background:var(--primary);color:#fff}.small-button.primary:hover:not(:disabled){background:var(--primary-dark)}.room-actions{display:flex;flex-direction:column;gap:20px;margin-top:20px}.room-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px}.room-form .field{display:flex;flex-direction:column;gap:6px;min-width:180px}.room-form label{font-size:.85rem;color:var(--muted)}.room-form input,.room-form select{padding:12px 14px;border:1px solid var(--border);border-radius:12px;font-size:1rem;color:var(--text);background:#fff;font-family:inherit}.info-text{color:var(--muted);font-size:.95rem;margin-top:12px}.chat-page{max-width:1200px;margin:0 auto;height:calc(100vh - 120px)}.chat-layout{display:flex;gap:20px;height:100%}.chat-room-list{width:260px;flex-shrink:0;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:16px;overflow-y:auto}.chat-room-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.chat-room-list-header h3{margin:0}.chat-tabs{display:flex;gap:4px;background:var(--accent-soft);padding:3px;border-radius:10px}.chat-tab{border:none;background:transparent;padding:6px 12px;border-radius:8px;font-weight:600;font-size:.85rem;color:var(--muted);cursor:pointer}.chat-tab--active{background:var(--panel);color:var(--accent-strong);box-shadow:0 1px 3px #0f172a1a}.chat-room-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:10px 4px 4px}.chat-room-section-label-row{display:flex;align-items:center;justify-content:space-between;margin:10px 4px 4px}.chat-room-section-label-row .chat-room-section-label{margin:0}.chat-room-new-group-button{border:none;background:transparent;color:var(--accent-strong);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;padding:3px 6px;border-radius:6px}.chat-room-new-group-button:hover{background:var(--accent-soft)}.chat-room-items{display:flex;flex-direction:column;gap:6px}.chat-room-item{display:flex;align-items:center;gap:10px;text-align:left;padding:8px 10px;border-radius:10px;border:none;background:transparent;cursor:pointer;font-weight:600;color:var(--text)}.chat-room-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room-badge{flex-shrink:0;background:#d5474d;color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:flex;align-items:center;justify-content:center}.chat-room-item--active .chat-room-badge{background:#fff;color:var(--primary)}.chat-room-item:hover{background:#f1f5fb}.chat-room-item--active{background:var(--primary);color:#fff}.chat-main{flex:1;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:20px;min-width:0}.chat-thread-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:12px}.chat-thread-header h3{margin:0}.chat-thread-header-title{display:flex;align-items:center;gap:10px}.chat-thread{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:16px;background:linear-gradient(180deg,#f6faff,#eef4fb);border-radius:16px}.chat-message-row{display:flex;align-items:flex-end;gap:8px}.chat-message-row--mine{justify-content:flex-end}.chat-message-row--theirs{justify-content:flex-start}.chat-message-row--group-start{margin-top:14px}.chat-message-avatar-slot{width:30px;flex-shrink:0}.chat-message-bubble{position:relative;max-width:62%;padding:9px 13px;border-radius:18px;background:#fff;box-shadow:0 1px 2px #0f172a12;line-height:1.4}.chat-message-bubble--mine:not(.chat-message-bubble--start){border-top-right-radius:6px}.chat-message-bubble--mine:not(.chat-message-bubble--end){border-bottom-right-radius:6px}.chat-message-bubble--theirs:not(.chat-message-bubble--start){border-top-left-radius:6px}.chat-message-bubble--theirs:not(.chat-message-bubble--end){border-bottom-left-radius:6px}.chat-message-bubble:hover .chat-message-actions{opacity:1;pointer-events:auto}.chat-message-actions{position:absolute;top:-16px;right:8px;display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--panel);box-shadow:0 4px 14px #0f172a29;opacity:0;pointer-events:none;transition:opacity .12s ease-in}.chat-message-bubble--theirs .chat-message-actions{right:auto;left:8px}.chat-message-actions button{border:none;background:transparent;cursor:pointer;font-size:.85rem;padding:4px 6px;line-height:1;border-radius:7px}.chat-message-actions button:hover{background:var(--accent-soft)}.chat-message-actions-anchor{position:relative;display:flex}.chat-message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.chat-reaction-pill{display:inline-flex;align-items:center;gap:3px;border:1px solid rgba(15,23,42,.08);background:#fffffff2;border-radius:999px;padding:2px 8px;font-size:.78rem;line-height:1.5;cursor:pointer;color:var(--text);box-shadow:0 1px 2px #0f172a1f;transition:transform .1s ease}.chat-reaction-pill:hover{transform:translateY(-1px)}.chat-reaction-pill--mine{border-color:var(--primary);background:#eaf2ff}.chat-reaction-count{font-size:.72rem;font-weight:700;color:var(--muted)}.emoji-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.emoji-picker{position:absolute;z-index:41;top:calc(100% + 6px);left:0;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;width:220px;max-height:220px;overflow-y:auto;padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.emoji-picker--reactions{grid-template-columns:repeat(8,1fr);width:auto}.chat-message-bubble--mine .emoji-picker--reactions{left:auto;right:0}.emoji-picker-item{border:none;background:transparent;cursor:pointer;font-size:1.15rem;line-height:1;padding:4px;border-radius:6px}.emoji-picker-item:hover{background:var(--accent-soft)}.chat-message-status{display:inline-flex;align-items:center;margin-left:6px;vertical-align:-2px}.chat-tick-icon{display:block}.chat-tick-icon--double{margin-left:-3px}.chat-message-status--sent,.chat-message-status--delivered{color:var(--muted)}.chat-message-status--read{color:var(--accent-strong)}.chat-message-bubble--mine .chat-message-status--sent,.chat-message-bubble--mine .chat-message-status--delivered{color:#ffffffeb;filter:drop-shadow(0 0 1px rgba(15,23,42,.35))}.chat-message-bubble--mine .chat-message-status--read{color:#ffd54f;filter:drop-shadow(0 0 1px rgba(15,23,42,.25))}.chat-message-edited-label{font-style:italic;opacity:.8;margin-right:6px}.chat-message-deleted{font-style:italic;opacity:.75}.chat-message-forwarded-label{font-size:.7rem;font-style:italic;opacity:.75;margin-bottom:2px}.chat-message-reply-preview{border-left:3px solid var(--accent);background:#0000000f;border-radius:6px;padding:4px 8px;margin-bottom:6px;font-size:.8rem}.chat-message-bubble--mine .chat-message-reply-preview{background:#ffffff26}.chat-message-reply-sender{font-weight:700;font-size:.75rem;color:var(--accent-strong)}.chat-message-bubble--mine .chat-message-reply-sender{color:#fff}.chat-message-reply-snippet{opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.chat-message-edit-form textarea{width:100%;padding:8px;border-radius:8px;border:1px solid var(--border);font:inherit;resize:vertical}.chat-reply-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border-radius:10px;background:var(--accent-soft);border-left:3px solid var(--accent);margin-bottom:8px}.forward-room-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;margin-bottom:12px}.forward-room-option{display:flex;align-items:center;gap:8px;cursor:pointer}.chat-message-bubble--mine{background:linear-gradient(165deg,#5498e8 0%,var(--primary) 100%);color:#fff}.chat-message-bubble--theirs{background:#eef2f7}.chat-message-sender{font-size:.75rem;font-weight:700;color:var(--accent-strong);margin-bottom:2px}.chat-message-time{display:flex;align-items:center;justify-content:flex-end;font-size:.7rem;opacity:.7;margin-top:4px}.chat-message-bubble--mine .chat-message-time{opacity:.85}.chat-message-image{max-width:260px;border-radius:10px;display:block}.chat-message-video{max-width:300px;border-radius:10px;display:block}.chat-message-file{color:inherit;text-decoration:underline}.chat-composer{margin-top:12px}.chat-composer-form{display:flex;gap:8px;align-items:center}.chat-composer-form input[type=text]{flex:1;padding:12px 16px;border:1px solid var(--border);border-radius:999px;font-size:1rem;background:#f8fbff;transition:border-color .15s ease,background .15s ease}.chat-composer-form input[type=text]:focus{outline:none;border-color:var(--primary);background:#fff}.chat-composer-icon-button{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:none;background:#eef2f7;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.chat-composer-icon-button:hover{background:var(--accent-soft)}.chat-composer-icon-button:disabled{opacity:.6;cursor:default}.chat-composer-send-button{flex-shrink:0;width:42px;height:42px;border-radius:50%;border:none;background:var(--primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .1s ease}.chat-composer-send-button:hover:not(:disabled){background:var(--primary-dark);transform:scale(1.05)}.chat-composer-send-button:disabled{background:#b9cbe4;cursor:default}.chat-composer-emoji-anchor{position:relative;display:flex}.emoji-picker--composer{top:auto;bottom:calc(100% + 6px)}.call-banner{display:flex;justify-content:space-between;align-items:center;background:var(--accent-soft);border:1px solid var(--sidebar-border);border-radius:12px;padding:12px 16px;margin-bottom:12px}.call-panel{border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:12px;display:flex;flex-direction:column;height:65vh;min-height:420px;background:#000}.call-panel:fullscreen,.call-panel:-webkit-full-screen{height:100vh;border-radius:0;margin-bottom:0}.call-panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f8fbff;border-bottom:1px solid var(--border);flex-shrink:0}.call-panel-header-actions{display:flex;gap:8px}.call-panel-frame{width:100%;flex:1;min-height:0}.call-panel-loading{border:1px solid var(--border);border-radius:14px;padding:24px;margin-bottom:12px;text-align:center;color:var(--text-muted, #667)}.call-banner-actions,.chat-thread-header-actions{display:flex;gap:8px}.avatar-circle{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.avatar-circle--sm{width:26px;height:26px;font-size:.7rem}.avatar-circle--group{background:var(--accent);font-size:.9rem}.avatar-circle--lg{width:96px;height:96px;font-size:2rem;border:none;padding:0;overflow:hidden}.profile-avatar-button{cursor:pointer}.profile-avatar-button:disabled{cursor:default;opacity:.7}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-photo-row{display:flex;align-items:center;gap:20px}.presence-dot{width:10px;height:10px;border-radius:50%;background:var(--muted);flex-shrink:0}.presence-dot--online,.presence-dot--present{background:#2f9e52}.presence-dot--break{background:#c9930f}.presence-dot--offline{background:#b7c0c9}.presence-dot--on_leave{background:#2e57c9}.presence-dot--absent{background:#d5474d}.people-list{display:flex;flex-direction:column;gap:4px}.people-list-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:none;background:transparent;cursor:pointer;text-align:left}.people-list-item:hover{background:#f1f5fb}.people-list-info{flex:1;display:flex;flex-direction:column;min-width:0}.people-list-name{font-weight:600;color:var(--text)}.people-list-role{font-size:.75rem;color:var(--muted);text-transform:capitalize}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:100}.modal-panel{background:var(--panel);border-radius:16px;padding:20px;width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow-y:auto;box-shadow:var(--shadow)}.modal-panel--wide{width:480px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-header h3{margin:0}.modal-close{border:none;background:transparent;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--muted)}.member-picker{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;border:1px solid var(--border);border-radius:10px;padding:8px}.member-picker-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer}.member-picker-row:hover{background:#f1f5fb}.member-picker-row span:not(.avatar-circle){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-picker-row--managed{justify-content:space-between;cursor:default}.member-picker-row--managed:hover{background:transparent}.member-picker-row--managed span:not(.avatar-circle){flex:1}.icon-button{flex-shrink:0;width:30px;height:30px;border-radius:50%;border:none;background:transparent;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.icon-button--danger:hover{background:#fbe4e4}.group-photo-row{display:flex;align-items:center;gap:16px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--border)}.add-member-panel{background:#f8fbff;border:1px solid var(--border);border-radius:12px;padding:12px}.manage-group-danger-zone{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.danger-button{border:none;border-radius:10px;padding:10px 16px;cursor:pointer;font-weight:600;font-size:.9rem;background:#fbe4e4;color:#b3272d;transition:background .15s ease}.danger-button:hover:not(:disabled){background:#f7cfcf}.danger-button:disabled{opacity:.7;cursor:default}.chat-toast-stack{position:fixed;right:20px;bottom:20px;z-index:1000;display:flex;flex-direction:column-reverse;gap:10px;width:320px;max-width:calc(100vw - 40px)}.chat-toast{display:flex;align-items:flex-start;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:12px 14px;cursor:pointer;animation:chat-toast-in .2s ease-out}.chat-toast:hover{border-color:var(--primary)}.chat-toast-body{flex:1;min-width:0}.chat-toast-sender{font-weight:700;font-size:.9rem}.chat-toast-preview{color:var(--muted);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-toast-count{flex-shrink:0;background:#d5474d;color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:flex;align-items:center;justify-content:center}.chat-toast-close{background:transparent;border:none;color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:2px 4px;flex-shrink:0}.chat-toast-close:hover{color:var(--text)}@keyframes chat-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}