:root{--bg: #ffffff;--bg-soft: #f2f2f0;--bg-hover: #e9e9e6;--panel: #ffffff;--border: #e1e1dd;--text: #0d0d0f;--text-soft: #6b6f76;--accent: #f6b3ad;--accent-strong: #f09c94;--accent-soft: #fdeeec;--accent-text: #4a1915;--accent-ink: #a8463e;--brand-jet: #0d0d0f;--bubble-other: #f2f2f0;--danger: #b42318;--danger-soft: #fef0ee;--ok: #1a7f37;--ok-soft: #dafbe1;--warn: #9a6700;--warn-soft: #fff8c5;--shadow: 0 8px 28px rgba(13, 13, 15, .12);--radius: 12px;--rail: 84px;color-scheme:light}[data-theme=dark]{--bg: #0d0d0f;--bg-soft: #1a1b1f;--bg-hover: #23252a;--panel: #1a1b1f;--border: #2e3036;--text: #f2f2f0;--text-soft: #a3a7ae;--accent: #e8a29c;--accent-strong: #f0b6b1;--accent-soft: #3a2321;--accent-text: #2a0f0d;--accent-ink: #f2aca6;--bubble-other: #23252a;--danger: #ff6b5e;--danger-soft: #3a1717;--ok: #3fb950;--ok-soft: #12261a;--warn: #d29922;--warn-soft: #2e2510;--shadow: 0 8px 28px rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}:root{--sat: max(env(safe-area-inset-top, 0px), var(--safe-area-inset-top, 0px));--sab: max(env(safe-area-inset-bottom, 0px), var(--safe-area-inset-bottom, 0px))}#root{box-sizing:border-box;padding-top:var(--sat)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:24px;margin:0}h2{font-size:16px;margin:0 0 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}small{color:var(--text-soft);font-size:12.5px}.muted{color:var(--text-soft)}.small{font-size:13px}.mono{font-family:ui-monospace,Menlo,Consolas,monospace}.grow{flex:1;min-width:0}.pad{padding:12px}.icon{flex:none}input,select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:9px 11px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input:disabled{opacity:.6}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent-strong)}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--text-soft);margin-bottom:12px}label>input,label>select{font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:600;font-size:14px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{background:var(--bg-hover);text-decoration:none}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn.danger{color:var(--danger)}.btn.small{padding:5px 10px;font-size:13px}.btn.block{width:100%;padding:11px}.btn-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.link{background:none;border:0;padding:0;color:var(--accent-ink);font:inherit;cursor:pointer}.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:var(--text-soft);cursor:pointer;flex:none}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-btn.sm{width:30px;height:30px}.icon-btn.filled{background:var(--bg-soft);color:var(--text)}.icon-btn.danger{color:var(--danger)}.icon-btn:disabled{opacity:.4}.error-box,.note-box,.ok-box{padding:10px 12px;border-radius:8px;font-size:14px;margin:0 0 12px}.error-box{background:var(--danger-soft);color:var(--danger)}.note-box{background:var(--accent-soft);color:var(--text)}.ok-box{background:var(--ok-soft);color:var(--ok)}.hint{color:var(--text-soft);font-size:14px;margin:0 0 12px}.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;background:var(--accent);color:var(--accent-text);border-radius:10px;font-size:11.5px;font-weight:700}.pill{font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px}.pill.good{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--danger-soft);color:var(--danger)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chip{border:0;background:var(--accent-soft);color:var(--accent-ink);border-radius:14px;padding:4px 10px;font:inherit;font-size:13px;cursor:pointer}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle-row{flex-direction:row;align-items:center;gap:10px;font-weight:500;color:var(--text)}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);margin:20px 0 10px}.avatar{position:relative;display:inline-block;flex:none}.avatar img,.avatar-fallback{width:100%;height:100%;border-radius:50%;object-fit:cover;display:grid;place-items:center;color:#2b2b2e;font-weight:700}.presence-dot{position:absolute;right:0;bottom:0;width:28%;height:28%;min-width:9px;min-height:9px;border-radius:50%;background:#8c959f;border:2px solid var(--panel);display:none}.presence-dot.on{background:#2da44e;display:block}.auth-page{min-height:100%;display:grid;place-items:center;padding:24px 16px;background:var(--bg-soft)}.auth-card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:var(--shadow)}.auth-brand{display:flex;gap:14px;align-items:center;margin-bottom:20px}.auth-brand.stacked{flex-direction:column;align-items:flex-start;gap:16px}.brand-logo img{display:block;height:44px;width:auto;max-width:100%}.logo-on-dark,[data-theme=dark] .logo-on-light{display:none!important}[data-theme=dark] .logo-on-dark{display:block!important}.auth-company{font-size:13px;color:var(--text-soft);font-weight:600}.auth-links{display:flex;justify-content:space-between;margin-top:16px;font-size:14px;gap:12px;flex-wrap:wrap}.code-input{font-size:24px;letter-spacing:10px;text-align:center;font-weight:700}.share-facts{list-style:none;padding:0;margin:12px 0 16px;display:grid;gap:6px;color:var(--text-soft);font-size:14px}.share-facts li{display:flex;gap:8px;align-items:center}.app-shell{display:flex;height:100%}.nav-rail{width:var(--rail);flex:none;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:4px;border-right:1px solid var(--border);background:var(--bg-soft)}.brand{margin-bottom:12px}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;width:70px;padding:8px 0;border-radius:12px;color:var(--text-soft);font-size:11.5px;font-weight:600;text-decoration:none}.nav-item:hover{background:var(--bg-hover);text-decoration:none}.nav-item.active{color:var(--accent-ink);background:var(--accent-soft)}.nav-icon{position:relative}.nav-icon .badge{position:absolute;top:-8px;right:-14px}.nav-spacer{flex:1}.nav-foot{display:flex;flex-direction:column;align-items:center;gap:10px}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.mode-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px}.mode-badge.mode-online{color:var(--ok);background:var(--ok-soft)}.mode-badge.mode-lan{color:var(--warn);background:var(--warn-soft)}.mode-badge.mode-offline{color:var(--danger);background:var(--danger-soft)}.mode-count{font-weight:700}.conn-banner{display:flex;gap:8px;align-items:center;padding:8px 16px;font-size:13.5px;flex:none}.conn-banner.mode-lan{background:var(--warn-soft);color:var(--text)}.conn-banner.mode-offline{background:var(--danger-soft);color:var(--text)}.page{flex:1;overflow-y:auto;padding:28px 32px 48px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.page-head p{margin:4px 0 0}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;min-width:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat-grid.compact{margin:0 0 12px}.stat{display:flex;flex-direction:column;gap:2px;padding:16px;border-radius:var(--radius);background:var(--bg-soft);color:var(--text-soft);font-size:13px;text-decoration:none}a.stat:hover{background:var(--bg-hover);text-decoration:none}.stat-n{font-size:28px;font-weight:700;color:var(--text)}.dash-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.span-2{grid-column:span 2}.stack{display:grid;gap:16px}.dash-list{list-style:none;margin:0;padding:0}.dash-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;color:var(--text);text-decoration:none}a.dash-row:hover{background:var(--bg-hover);text-decoration:none}.dash-row strong,.dash-row small,.conv-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conn-card{display:flex;gap:14px;align-items:center;padding:14px;border-radius:10px;margin-bottom:12px}.conn-card p{margin:2px 0 0}.conn-card.mode-online{background:var(--ok-soft);color:var(--ok)}.conn-card.mode-lan{background:var(--warn-soft);color:var(--warn)}.conn-card.mode-offline{background:var(--danger-soft);color:var(--danger)}.conn-card p{color:var(--text)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0 0 12px;font-size:14px}.kv dt{color:var(--text-soft)}.kv dd{margin:0;overflow-wrap:anywhere}.avatar-wall{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.avatar-wall button{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;padding:6px;border-radius:10px;cursor:pointer;width:72px}.avatar-wall button:hover{background:var(--bg-hover)}.file-ico{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent-ink);flex:none}.pane-search{display:flex;align-items:center;gap:8px;background:var(--bg-soft);border-radius:20px;padding:0 12px;margin:0 12px 8px;color:var(--text-soft)}.pane-search input{border:0;background:transparent;padding:9px 0;box-shadow:none}.pane-search.wide{margin:0 0 16px;max-width:520px}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.person-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:18px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.person-card .btn{margin-top:8px}.status-text{font-style:italic}.avatar-edit{display:flex;align-items:center;gap:16px;margin-bottom:16px}.avatar-edit .btn{flex-direction:row;color:var(--text);margin:0}.chats-page{display:flex;flex:1;min-height:0}.conv-list{width:340px;flex:none;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.pane-head{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 12px}.conv-list ul{list-style:none;margin:0;padding:0 8px 12px;overflow-y:auto;flex:1}.conv-item{display:flex;gap:12px;align-items:center;padding:9px 10px;border-radius:10px;color:var(--text);text-decoration:none}.conv-item:hover{background:var(--bg-hover);text-decoration:none}.conv-item.active{background:var(--accent-soft)}.conv-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.conv-top,.conv-bottom{display:flex;align-items:center;gap:8px}.conv-top strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.conv-preview{flex:1;min-width:0;color:var(--text-soft);font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-item.unread .conv-preview,.conv-item.unread strong{color:var(--text);font-weight:700}.conv-list .empty{text-align:center;padding:40px 16px;color:var(--text-soft)}.chat-view{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;min-height:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-soft);flex:1;padding:24px;text-align:center}.chat-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);flex:none}.chat-title{flex:1;min-width:0;display:flex;align-items:center;gap:12px;background:none;border:0;padding:4px;border-radius:10px;cursor:pointer;text-align:left;color:var(--text);font:inherit}.chat-title:hover{background:var(--bg-hover)}.chat-title span:last-child{display:flex;flex-direction:column;min-width:0}.chat-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-btn{display:none}.messages{flex:1;overflow-y:auto;padding:12px 16px 8px;display:flex;flex-direction:column;overscroll-behavior:contain}.loading-line{text-align:center;color:var(--text-soft);font-size:13px;padding:8px}.day-sep{text-align:center;margin:16px 0 8px}.day-sep span{font-size:12px;font-weight:600;color:var(--text-soft);background:var(--bg-soft);padding:3px 10px;border-radius:10px}.sys-msg{text-align:center;font-size:12.5px;color:var(--text-soft);margin:8px 0}.msg-row{display:flex;gap:8px;margin-top:2px;align-items:flex-end}.msg-row.first{margin-top:10px}.msg-row.mine{justify-content:flex-end}.msg-avatar{width:30px;flex:none}.msg-col{display:flex;flex-direction:column;max-width:min(72%,560px);min-width:0}.msg-row.mine .msg-col{align-items:flex-end}.msg-author{font-size:12px;color:var(--text-soft);margin:0 0 3px 12px}.msg-line{display:flex;align-items:center;gap:4px;position:relative;max-width:100%}.msg-row.mine .msg-line{flex-direction:row-reverse}.bubble{background:var(--bubble-other);padding:8px 12px;border-radius:18px;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.4;min-width:0}.msg-row.mine .bubble{background:var(--accent);color:var(--accent-text)}.msg-row.mine .bubble a{color:inherit;text-decoration:underline}.bubble.media{padding:0;background:transparent!important}.bubble.deleted{background:transparent!important;border:1px solid var(--border);color:var(--text-soft)!important}.bubble.pending{opacity:.7}.bubble.failed{outline:2px solid var(--danger)}.msg-text+.msg-text{margin-top:4px}.msg-img{display:block;max-width:100%;max-height:320px;border-radius:14px}.bubble:not(.media) .msg-img{margin:-4px -8px 6px;max-width:calc(100% + 16px)}.file-card{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:220px;white-space:normal}.file-card:hover{text-decoration:none}.file-card small{color:inherit;opacity:.8;display:block}.file-card strong{display:block;overflow:hidden;text-overflow:ellipsis}.file-card.big{padding:14px;border:1px solid var(--border);border-radius:12px}.msg-row.mine .file-ico{background:#ffffff73;color:inherit}.msg-text:not(:first-child){margin-top:6px}.share-card{display:flex;flex-direction:column;gap:8px;min-width:240px;white-space:normal}.share-top{display:flex;gap:10px;align-items:center}.share-top small{display:block;color:inherit;opacity:.8}.share-meta{color:inherit!important;opacity:.85}.share-actions{display:flex;gap:6px}.msg-row.mine .share-actions .btn{background:#fff6;border-color:#0000001f;color:inherit}.msg-tools{display:flex;opacity:0;transition:opacity .1s;position:relative}.msg-row:hover .msg-tools,.msg-tools:focus-within{opacity:1}.pop{position:absolute;z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:4px}.react-pop{bottom:34px;display:flex;gap:2px;border-radius:22px}.msg-row.mine .react-pop,.msg-row.mine .menu-pop{right:0}.react-pop button,.emoji-pop button{background:none;border:0;font-size:22px;padding:4px 6px;border-radius:50%;cursor:pointer}.react-pop button:hover,.emoji-pop button:hover{background:var(--bg-hover)}.menu-pop{bottom:34px;display:flex;flex-direction:column;min-width:150px}.menu-pop button{display:flex;gap:8px;align-items:center;background:none;border:0;padding:8px 10px;border-radius:8px;font:inherit;font-size:14px;color:var(--text);cursor:pointer;text-align:left}.menu-pop button:hover{background:var(--bg-hover)}.menu-pop .danger{color:var(--danger)}.reactions{display:flex;gap:4px;margin-top:-4px;z-index:1;flex-wrap:wrap}.reaction{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:1px 7px;font-size:13px;cursor:pointer;color:var(--text)}.reaction.mine{border-color:var(--accent);background:var(--accent-soft)}.msg-meta{font-size:11px;color:var(--text-soft);margin:2px 8px 0;display:flex;gap:4px;align-items:center;min-height:0}.tick{display:inline-flex;color:var(--text-soft)}.tick.seen{color:var(--accent-ink)}.fail{color:var(--danger)}.msg-reply-ref{font-size:12px;color:var(--text-soft);background:var(--bg-soft);border-radius:12px;padding:4px 10px;margin-bottom:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;gap:4px;align-items:center}.typing-dots{display:flex;gap:4px;padding:10px 14px;background:var(--bubble-other);border-radius:18px;width:fit-content;margin:8px 0 0 38px}.typing-dots span{width:7px;height:7px;border-radius:50%;background:var(--text-soft);animation:blink 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.3}30%{opacity:1}}.composer-wrap{flex:none;border-top:1px solid var(--border);padding:8px 12px calc(10px + var(--sab))}.composer-ctx{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-soft);padding:2px 6px 8px}.composer-ctx span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer{display:flex;align-items:flex-end;gap:6px}.composer-input{flex:1;display:flex;align-items:flex-end;background:var(--bg-soft);border-radius:20px;padding:2px 4px 2px 14px;position:relative}.composer-input textarea{border:0;background:transparent;resize:none;padding:8px 0;max-height:160px;box-shadow:none;line-height:1.4}.emoji-pop{bottom:44px;right:0;display:grid;grid-template-columns:repeat(6,1fr);width:260px}.send-btn{width:40px;height:40px;border-radius:50%;border:0;background:var(--accent);color:var(--accent-text);display:grid;place-items:center;cursor:pointer;flex:none}.send-btn:disabled{background:var(--bg-soft);color:var(--text-soft);cursor:default}.toast{position:absolute;left:50%;transform:translate(-50%);bottom:90px;padding:8px 14px;border-radius:8px;font-size:14px;box-shadow:var(--shadow);z-index:30}.toast.error{background:var(--danger);color:#fff}.drop-hint{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:3px dashed var(--accent-ink);border-radius:16px;background:color-mix(in srgb,var(--accent-soft) 85%,transparent);display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:700;color:var(--accent-ink);pointer-events:none;z-index:40}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0d0f80;display:grid;place-items:center;z-index:100;padding:16px}.modal{background:var(--panel);border-radius:16px;width:100%;max-width:480px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--shadow)}.modal.wide{max-width:720px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px 20px}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:10px 20px 16px;overflow-y:auto}.modal-foot{display:flex;gap:8px;justify-content:flex-end;align-items:center;padding:12px 20px;border-top:1px solid var(--border)}.search{margin-bottom:8px}.people-pick{list-style:none;padding:0;margin:0;max-height:320px;overflow-y:auto}.pick-row{flex-direction:row;align-items:center;gap:12px;padding:6px 4px;margin:0;border-radius:8px;cursor:pointer;color:var(--text);font-weight:400}.pick-row:hover{background:var(--bg-hover)}.pick-row strong,.pick-row small,.member-list strong,.member-list small{display:block}.member-list{list-style:none;padding:0;margin:0 0 12px}.member-list li{display:flex;align-items:center;gap:12px;padding:6px 0}.inline-form{display:flex;gap:8px;margin-bottom:12px}.file-list{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px;max-height:200px;overflow-y:auto}.file-list li{display:flex;gap:10px;align-items:center}.file-list img{width:44px;height:44px;object-fit:cover;border-radius:8px}.file-list strong,.file-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress{display:block;height:4px;background:var(--bg-soft);border-radius:2px;margin-top:4px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);transition:width .15s}.method-pick{display:grid;gap:8px;margin-bottom:14px}.method{flex-direction:row;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--border);border-radius:10px;cursor:pointer;margin:0;color:var(--text);font-weight:400}.method.on{border-color:var(--accent);background:var(--accent-soft)}.method input{margin-top:3px}.method strong,.method small{display:block}.share-opts{padding:12px;background:var(--bg-soft);border-radius:10px;margin-bottom:12px}.share-result{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.qr{width:220px;height:220px;border-radius:10px;background:#fff;padding:6px}.share-name{display:flex;gap:6px;align-items:center;margin:0;font-weight:600}.copy-row{display:flex;gap:8px;width:100%}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto}.tabs button{background:none;border:0;padding:10px 14px;font:inherit;font-weight:600;color:var(--text-soft);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.tabs button.on{color:var(--accent-ink);border-bottom-color:var(--accent-ink)}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.toolbar .pane-search{margin:0;flex:1;max-width:420px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);padding:10px 12px;background:var(--bg-soft)}.table td{padding:10px 12px;border-top:1px solid var(--border);vertical-align:middle}.table tr.dim td{opacity:.55}.table select{width:auto;padding:4px 8px}.table .actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.cell-user{display:flex;gap:10px;align-items:center}.cell-user strong,.cell-user small{display:block}.mod-grid{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}.mod-list{padding:12px 4px}.mod-list .pane-search{margin:0 8px 8px}.mod-list ul{list-style:none;padding:0 4px;margin:0;max-height:65vh;overflow-y:auto}.mod-item{display:flex;flex-direction:column;width:100%;text-align:left;background:none;border:0;padding:8px 10px;border-radius:8px;cursor:pointer;font:inherit;color:var(--text)}.mod-item:hover{background:var(--bg-hover)}.mod-item.active{background:var(--accent-soft)}.mod-thread{max-height:75vh;overflow-y:auto}.admin-msg{display:flex;gap:10px;padding:8px;border-radius:8px;align-items:flex-start}.admin-msg:hover{background:var(--bg-hover)}.admin-msg.deleted .admin-msg-body{color:var(--text-soft)}.admin-msg-head{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.admin-msg-body{white-space:pre-wrap;overflow-wrap:anywhere}.admin-msg-actions{display:flex;opacity:.4}.admin-msg:hover .admin-msg-actions{opacity:1}.file-inline{display:inline-flex;gap:4px;align-items:center;margin-left:8px;font-size:13px}@media(max-width:900px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dash-grid,.settings-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.mod-grid{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{flex-direction:column-reverse}.nav-rail{width:100%;flex-direction:row;justify-content:space-around;padding:4px 4px calc(4px + var(--sab));border-right:0;border-top:1px solid var(--border)}.brand,.nav-spacer,.nav-foot{display:none}.nav-item{width:auto;flex:1;padding:6px 0}.app-shell.in-chat .nav-rail{display:none}.page{padding:18px 16px 32px}.row-2{grid-template-columns:1fr;gap:0}.conv-list{width:100%;border-right:0}.chats-page.has-active .conv-list{display:none}.chats-page:not(.has-active) .chat-view{display:none}.back-btn{display:inline-grid}.msg-col{max-width:85%}.msg-tools{display:none}.msg-row:hover .msg-tools,.msg-tools:focus-within{display:flex}.file-card,.share-card{min-width:0}.page-head{flex-direction:column}.table .actions{justify-content:flex-start}}.block{display:block}.mobile-only{display:none!important}.row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stack-sm{display:grid;gap:8px}select.auto{width:auto}.chip.on{background:var(--accent);color:var(--accent-text)}.chip{text-transform:capitalize}.plain-list{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:14px}.plain-link,.plain-link:hover{color:inherit;text-decoration:none;display:block}.warn-text{color:var(--warn)!important}.link-row{width:100%;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.num-input{width:90px;padding:5px 8px}.scroll-x{overflow-x:auto;white-space:nowrap}textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:9px 11px;width:100%;resize:vertical;box-sizing:border-box}.feed-col{max-width:680px;margin:0 auto;display:grid;gap:14px;min-width:0}.feed-col .page-head{margin-bottom:0;flex-wrap:wrap;gap:10px}.feed-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.feed-tabs .chip{display:inline-flex;gap:4px;align-items:center;padding:6px 12px;text-transform:none}.feed-tabs select{width:auto;padding:5px 8px;font-size:13px}.feed-compose-row{display:flex;gap:10px;align-items:center}.fresh-btn{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent;position:sticky;top:8px;z-index:5;box-shadow:var(--shadow)}.link-btn{background:none;border:0;padding:0;font:inherit;color:var(--text-soft);font-weight:600;cursor:pointer;display:inline-flex;gap:4px;align-items:center}.link-btn:hover{text-decoration:underline}.name-link{color:var(--text);font-weight:700}.mention{color:var(--accent-ink);font-weight:600;background:var(--accent-soft);border-radius:4px;padding:0 2px}.composer-bar{display:grid;gap:10px}.composer-bar-top{display:flex;gap:10px;align-items:center}.composer-prompt{flex:1;text-align:left;background:var(--bg-soft);border:0;border-radius:22px;padding:11px 16px;font:inherit;color:var(--text-soft);cursor:pointer}.composer-prompt:hover{background:var(--bg-hover)}.composer-bar-actions{display:flex;border-top:1px solid var(--border);padding-top:6px}.composer-bar-actions button{flex:1;display:inline-flex;gap:6px;align-items:center;justify-content:center;background:none;border:0;padding:8px 4px;border-radius:8px;font:inherit;font-weight:600;font-size:14px;color:var(--text-soft);cursor:pointer}.composer-bar-actions button:hover{background:var(--bg-hover)}.c-green{color:#45bd62}.c-blue{color:#1877f2}.c-yellow{color:#f7b928}.composer-who{display:flex;gap:10px;align-items:center;margin-bottom:10px}.composer-who .audience{display:block;width:auto;margin-top:4px;padding:3px 8px;font-size:13px;border-radius:6px}.composer-text textarea{border:0;font-size:18px;padding:4px 0;resize:none;background:transparent;box-shadow:none}.composer-text textarea:focus{outline:none}.composer-text.with-bg{border-radius:10px;min-height:220px;display:grid;place-items:center;padding:20px}.composer-text.with-bg textarea{color:#fff;text-align:center;font-size:26px;font-weight:700}.composer-text.with-bg textarea::placeholder{color:#fffc}.bg-swatches{display:flex;gap:6px;margin:8px 0;flex-wrap:wrap}.swatch{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;padding:0}.swatch.none{background:var(--bg-soft);font-weight:700;color:var(--text)}.swatch.on{border-color:var(--text)}.compose-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;margin:8px 0}.compose-thumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--bg-soft)}.compose-thumb img,.compose-thumb video{width:100%;height:100%;object-fit:cover;display:block}.compose-thumb button{position:absolute;top:4px;right:4px}.file-thumb{display:grid;place-items:center;height:100%;padding:6px;text-align:center;font-size:11px;overflow:hidden;word-break:break-all}.compose-add{display:flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:10px;padding:6px 10px;margin-top:8px;font-weight:600;font-size:14px}.compose-add .add-photo{color:#45bd62;cursor:pointer}.compose-add .add-tag{color:#1877f2}.compose-add .add-feeling{color:#f7b928}.feeling-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.feeling{display:flex;gap:8px;align-items:center;background:var(--bg-soft);border:2px solid transparent;border-radius:10px;padding:8px 10px;font:inherit;text-transform:capitalize;cursor:pointer;color:var(--text)}.feeling span{font-size:22px}.feeling.on{border-color:var(--accent)}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.people-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:4px;max-height:50vh;overflow-y:auto}.people-list li{display:flex;gap:10px;align-items:center;padding:4px}.people-list.pick label{width:100%;gap:10px}.avatar-badge{position:relative;flex:none}.avatar-badge>span:last-child{position:absolute;right:-4px;bottom:-4px;font-size:14px}.mention-wrap{position:relative;min-width:0}.mention-wrap input,.mention-wrap textarea{width:100%}.mention-list{position:absolute;left:0;right:0;top:100%;z-index:30;list-style:none;margin:4px 0 0;padding:4px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);max-height:260px;overflow-y:auto}.mention-list li{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;cursor:pointer}.mention-list li span{display:grid;min-width:0}.mention-list li small{color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-list li.on,.mention-list li:hover{background:var(--bg-hover)}.post{display:grid;gap:10px;padding-bottom:6px}.post.pinned{border-color:var(--accent)}.pinned-label{display:flex;gap:6px;align-items:center;font-size:13px;font-weight:600;color:var(--accent-ink)}.post-head{display:flex;gap:10px;align-items:flex-start}.post-head a{color:inherit}.post-headline{line-height:1.35}.post-head small a:hover{text-decoration:underline}.post-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.post-body.big{font-size:20px}.post-bg{min-height:260px;border-radius:10px;display:grid;place-items:center;padding:28px;color:#fff;font-size:26px;font-weight:700;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere}.post-bg a,.post-bg .mention{color:#fff;background:#fff3}.post-media{margin:0 -18px}.post-video{width:100%;max-height:640px;background:#000;display:block}.media-grid{display:grid;gap:3px;background:var(--border)}.media-grid.n1{grid-template-columns:1fr}.media-grid.n2{grid-template-columns:1fr 1fr;aspect-ratio:2 / 1}.media-grid.n3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1}.media-grid.n3 .media-tile:first-child{grid-row:span 2}.media-grid.n4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1}.media-tile{position:relative;border:0;padding:0;margin:0;background:#000;cursor:pointer;overflow:hidden;min-height:0;display:block}.media-grid.n1 .media-tile img{width:100%;max-height:680px;object-fit:cover;display:block}.media-grid:not(.n1) .media-tile img,.media-tile video{width:100%;height:100%;object-fit:cover;display:block}.media-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#00000040}.media-more{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000080;color:#fff;font-size:32px;font-weight:700}.shared-post{border:1px solid var(--border);border-radius:10px;overflow:hidden}.shared-post.muted{padding:14px}.shared-inner{padding:12px;display:grid;gap:8px}.shared-post .post-bg{border-radius:0;min-height:180px}.post-stats{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--text-soft)}.reaction-summary{display:inline-flex;gap:6px;align-items:center;background:none;border:0;padding:0;font:inherit;color:var(--text-soft);cursor:pointer}.reaction-summary:hover{text-decoration:underline}.reaction-stack{display:inline-flex}.reaction-stack span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--panel);border:2px solid var(--panel);font-size:13px;margin-left:-5px}.reaction-stack span:first-child{margin-left:0}.reaction-summary.compact{font-size:12px;background:var(--panel);border-radius:10px;padding:1px 4px 1px 2px;box-shadow:0 1px 3px #0003}.reaction-summary.compact .reaction-stack span{width:16px;height:16px;font-size:11px}.reaction-breakdown{display:flex;gap:14px;font-size:18px}.post-actions{display:flex;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3px 0}.post-actions>*{flex:1;display:flex}.post-action{flex:1;display:inline-flex;gap:6px;align-items:center;justify-content:center;background:none;border:0;padding:8px 4px;border-radius:8px;font:inherit;font-weight:600;font-size:14px;color:var(--text-soft);cursor:pointer;user-select:none;-webkit-user-select:none}.post-action:hover{background:var(--bg-hover)}.react-emoji{font-size:18px;line-height:1}.react-wrap{position:relative}.react-bar{position:absolute;bottom:calc(100% + 4px);left:0;z-index:20;display:flex;gap:2px;background:var(--panel);border-radius:30px;padding:4px 6px;box-shadow:0 4px 18px #0003;animation:pop .15s ease-out}.react-bar button{border:0;background:none;font-size:30px;line-height:1;padding:2px;cursor:pointer;transition:transform .12s}.react-bar button:hover{transform:scale(1.3) translateY(-4px)}.react-bar.small button{font-size:22px}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:34px;z-index:25;display:flex;flex-direction:column;min-width:220px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:6px}.menu button{display:flex;gap:10px;align-items:center;background:none;border:0;padding:9px 10px;border-radius:8px;font:inherit;font-size:14px;color:var(--text);cursor:pointer;text-align:left}.menu button:hover{background:var(--bg-hover)}.menu .danger{color:var(--danger)}.comments{display:grid;gap:8px}.comment{display:flex;gap:8px;align-items:flex-start}.comment-main{min-width:0;flex:1}.comment-bubble{position:relative;display:inline-block;max-width:100%;background:var(--bg-soft);border-radius:16px;padding:7px 12px}.comment-bubble .name-link{font-size:13px}.comment-bubble p{margin:1px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.comment-reacts{position:absolute;right:-10px;bottom:-10px}.comment-actions{display:flex;gap:12px;align-items:center;font-size:12px;padding:3px 10px;flex-wrap:wrap}.comment-actions .link-btn{font-size:12px}.comment-edit{display:grid;gap:4px}.replies{margin-left:40px;display:grid;gap:6px}.replies:empty{display:none}.comment-form{display:flex;gap:8px;align-items:center}.comment-form input{border-radius:18px;background:var(--bg-soft);border-color:transparent}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000f0;display:grid;place-items:center}.lightbox-media{max-width:100vw;max-height:calc(100vh - 64px);object-fit:contain}.lightbox-bar{position:absolute;top:0;left:0;right:0;display:flex;gap:6px;align-items:center;padding:10px 14px;color:#fff;z-index:2}.lightbox-bar .icon-btn{color:#fff;background:#ffffff1f}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:#ffffff26;color:#fff;display:grid;place-items:center;cursor:pointer}.lightbox-nav.prev{left:14px}.lightbox-nav.next{right:14px}.profile-head{padding:0;overflow:hidden}.profile-cover{height:140px;background:linear-gradient(135deg,#fde8e6,#f6c6c1 55%,#f3b0aa)}.profile-row{display:flex;gap:16px;align-items:flex-end;padding:0 20px 18px;margin-top:-40px;flex-wrap:wrap}.profile-row .avatar{border:4px solid var(--panel);border-radius:50%}.profile-row h1{margin:0;font-size:24px}.profile-row p{margin:2px 0 0}.notif-list{list-style:none;padding:6px;margin:0;display:grid;gap:2px}.notif{width:100%;display:flex;gap:12px;align-items:center;background:none;border:0;padding:8px;border-radius:8px;font:inherit;color:var(--text);text-align:left;cursor:pointer}.notif:hover{background:var(--bg-hover)}.notif .grow{display:grid;gap:2px}.notif.unread{background:var(--accent-soft)}.notif small.accent{color:var(--accent-ink);font-weight:600}.unread-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex:none}@media(max-width:720px){.feed-page{padding-left:0;padding-right:0}.feed-page .card{border-radius:0;border-left:0;border-right:0}.feed-page .page-head,.feed-page>.feed-col>.pad,.feed-page .fresh-btn{margin-left:12px;margin-right:12px}.post-media{margin:0 -12px}.post-bg{font-size:22px;min-height:220px}}.announcement{display:grid;gap:8px;border-left:4px solid var(--accent)}.announcement.prio-important{border-left-color:var(--warn)}.announcement.prio-urgent{border-left-color:var(--danger)}.announcement-head{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.announcement-head h2{margin:0 0 2px;font-size:17px}.announcement-ico{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent-ink);flex:none}.announcement-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.announcement-body.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dash-news{display:grid;gap:10px;margin-bottom:18px}.dash-news .section-title{display:flex;justify-content:space-between;margin:0}.clock-mini{display:flex;gap:10px;align-items:center;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.clock-row{display:flex;gap:22px;margin:10px 0;flex-wrap:wrap}.clock-row small,.clock-row strong{display:block}.clock-row strong{font-size:22px}.balance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-bottom:14px}.balance-grid .stat{padding:10px}.balance-grid .stat-n{font-size:22px}.compact-table td,.compact-table th{padding:6px 8px}.item-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.item-form input,.item-form select{width:auto;flex:1;min-width:120px}.item-form .toggle-row{flex:none}.payslip-page{min-height:100%;background:var(--bg-soft);padding:20px 16px 40px;overflow-y:auto;height:100%;box-sizing:border-box}.payslip-tools{max-width:760px;margin:0 auto 12px;display:flex;justify-content:space-between}.payslip{max-width:760px;margin:0 auto;background:#fff;color:#111;padding:32px;border-radius:10px;border:1px solid #ddd;font-size:14px}.payslip-head{display:flex;justify-content:space-between;gap:16px;border-bottom:2px solid #111;padding-bottom:12px;flex-wrap:wrap}.payslip-head h1{margin:0 0 4px;font-size:22px}.payslip-head p{margin:2px 0;color:#444}.payslip-title{text-align:right}.payslip-title h2{margin:0 0 4px;font-size:18px;text-transform:uppercase;letter-spacing:1px}.payslip-emp{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:14px 0}.payslip-emp dt{color:#555}.payslip-emp dd{margin:0;font-weight:600}.payslip-group h3{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#555;margin:14px 0 4px}.payslip table{width:100%;border-collapse:collapse}.payslip td{padding:4px 0;border-bottom:1px dotted #ccc}.payslip td:last-child{text-align:right;white-space:nowrap}.payslip-totals{margin-top:16px}.payslip-totals td{border-bottom:1px solid #999;font-weight:600}.payslip-totals tr.net td{font-size:18px;border-bottom:3px double #111}.payslip-note{color:#555;font-size:12px;margin:8px 0 0}@media print{.no-print{display:none!important}.payslip-page{background:#fff;padding:0}.payslip{border:0;padding:0;max-width:none}html,body,#root{height:auto}}@media(max-width:900px){.row-3{grid-template-columns:1fr 1fr}}@media(max-width:720px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.row-3{grid-template-columns:1fr;gap:0}.payslip{padding:18px}.payslip-title{text-align:left}.clock-mini{width:100%;box-sizing:border-box;justify-content:space-between}}.hr-portal{background:linear-gradient(160deg,#fdf1ef,#f8d3cf 60%,#f3b0aa)}.hr-portal .auth-card{box-shadow:0 20px 50px #0000004d}button.stat{font:inherit;text-align:left;cursor:pointer;color:inherit}.bar-chart{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;height:180px;align-items:end;margin:8px 0}.bar-col{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}.bar-stack{flex:1;width:100%;max-width:34px;display:flex;flex-direction:column;justify-content:flex-end;background:var(--bg-soft);border-radius:6px;overflow:hidden}.bar{display:block;width:100%}.bar.gross,.legend.gross{background:var(--accent)}.bar.er,.legend.er{background:#f3a29e}.legend{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 4px 0 10px;vertical-align:middle}.steps{padding-left:18px;color:var(--text-soft)}.import-results{max-height:420px;overflow-y:auto}.import-results li.bad{color:var(--danger)}.backup-gate h1{margin:14px 0 8px}.backup-gate p{line-height:1.5}.gate-points{margin:0 0 16px;padding-left:18px;color:var(--text-soft);font-size:14px;line-height:1.5}.gate-points li{margin-bottom:6px}.backup-gate .link-btn{display:block;margin:12px auto 0}.backup-gate .btn.block+.btn.block{margin-top:8px}.file-card.purged{opacity:.85}.get-app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:860px}.get-app h2 span{display:inline-flex;align-items:center;gap:8px}.steps{margin:14px 0 8px;padding-left:20px;line-height:1.6}.push-prompt{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--accent-soft);border-bottom:1px solid var(--border);font-size:14px}.push-prompt .btn{flex:none}.composer-ctx.error{color:var(--danger)}.composer.recording{align-items:center;background:var(--bg-soft);border-radius:22px;padding:2px 2px 2px 4px}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);animation:rec-blink 1s infinite}.rec-time{font-variant-numeric:tabular-nums;font-size:14px}@keyframes rec-blink{50%{opacity:.25}}@media(max-width:380px){.composer>.icon-btn{width:34px}}.voice-msg{display:flex;align-items:center;gap:6px;min-width:220px}.voice-msg audio{height:36px;max-width:240px}.msg-video{display:block;max-width:100%;max-height:360px;border-radius:14px;background:#000}.msg-toast{position:fixed;z-index:60;top:calc(10px + var(--sat));left:50%;transform:translate(-50%);width:min(420px,calc(100% - 24px));display:flex;align-items:center;gap:10px;text-align:left;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:10px 12px;box-shadow:var(--shadow);cursor:pointer;animation:toast-in .2s ease-out}.msg-toast .grow{min-width:0}.msg-toast strong,.msg-toast small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-toast small{color:var(--text-soft)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}.call-btn{width:56px;height:56px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:#ffffff29;color:#fff}.call-btn:hover{background:#ffffff42}.call-btn.off{background:#fff;color:#0d0d0f}.call-btn.accept{background:#1f9d55;color:#fff}.call-btn.decline{background:#d93a2f;color:#fff}.call-btn.decline .icon{transform:rotate(135deg)}.call-incoming{position:fixed;z-index:70;top:calc(12px + var(--sat));left:50%;transform:translate(-50%);width:min(440px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:14px;background:#1c1d22;color:#fff;border-radius:18px;box-shadow:0 12px 40px #0006;animation:toast-in .2s ease-out}.call-incoming strong,.call-incoming small{display:block}.call-incoming small{color:#ffffffb3}.call-incoming .call-btn{width:50px;height:50px}.call-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#16171b;color:#fff;display:flex;flex-direction:column;padding:calc(16px + var(--sat)) 16px calc(20px + var(--sab))}.call-top{text-align:center}.call-top strong{display:block;font-size:20px}.call-top small{color:#ffffffb3;font-variant-numeric:tabular-nums}.call-grid{flex:1;display:grid;gap:8px;padding:16px 0;min-height:0}.call-grid.n2{grid-template-rows:1fr 1fr}.call-grid.n3,.call-grid.n4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.call-tile{position:relative;display:grid;place-items:center;min-height:0;border-radius:16px;overflow:hidden}.has-video .call-tile{background:#000}.call-video{width:100%;height:100%;object-fit:cover}.call-audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.call-name{position:absolute;left:10px;bottom:8px;font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.call-self{position:absolute;right:16px;bottom:calc(100px + var(--sab));width:110px;height:150px;object-fit:cover;border-radius:12px;background:#000;box-shadow:0 6px 20px #00000080}.mirror{transform:scaleX(-1)}.call-controls{display:flex;justify-content:center;gap:18px}@media(min-width:900px){.call-grid.n2{grid-template-rows:none;grid-template-columns:1fr 1fr}.call-self{width:200px;height:150px}}.more-page{max-width:640px}.more-profile{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,var(--accent-soft),var(--panel));border:1px solid var(--border);border-radius:18px;color:var(--text);margin-bottom:22px}.more-profile .grow strong{display:block;font-size:18px}.more-profile .grow>span{display:block;color:var(--text-soft);font-size:13.5px;margin-top:2px}.more-profile>svg{color:var(--text-soft);flex:none}.more-profile .grow>.more-chip{display:inline-block;margin-top:8px;padding:2px 10px;border-radius:999px;background:var(--accent);color:var(--accent-text);font-size:12px;font-weight:600}.more-section{margin-bottom:18px}.more-section h2{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);margin:0 4px 8px}.more-list{list-style:none;margin:0;padding:0;background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden}.more-list li+li{border-top:1px solid var(--border)}.more-row{display:flex;align-items:center;gap:14px;padding:12px 14px;color:var(--text)}.more-row:active,.more-row:hover{background:var(--bg-hover)}.more-row .grow strong{display:block;font-size:15.5px}.more-row .grow small{display:block;margin-top:1px}.more-row>svg{color:var(--text-soft);flex:none}.more-tile{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none}.tone-coral{background:#fde3e0;color:#a8463e}.tone-blue{background:#dfeafd;color:#2f5fa8}.tone-green{background:#ddf3e4;color:#2d7a48}.tone-amber{background:#fdf0d5;color:#8a5a00}.tone-violet{background:#ebe3fb;color:#6544a8}.tone-grey{background:#ececea;color:#50545b}.tone-teal{background:#d9f2f0;color:#1f716b}[data-theme=dark] .tone-coral{background:#3a2321;color:#f2aca6}[data-theme=dark] .tone-blue{background:#1c2a40;color:#9bbcf2}[data-theme=dark] .tone-green{background:#17301f;color:#8fd4a6}[data-theme=dark] .tone-amber{background:#33280f;color:#e8c06a}[data-theme=dark] .tone-violet{background:#2a2140;color:#c3abf2}[data-theme=dark] .tone-grey{background:#2a2c31;color:#c0c4ca}[data-theme=dark] .tone-teal{background:#12302d;color:#84d4cc}.more-signout{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;margin-top:6px;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:var(--danger);font:inherit;font-weight:600;cursor:pointer}.more-signout:hover{background:var(--danger-soft)}.sync-pill{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600}.sync-pill.on{background:var(--ok-soft);color:var(--ok)}.sync-pill.off{background:var(--bg-soft);color:var(--text-soft)}.approver-card{display:flex;align-items:center;gap:12px;background:var(--accent-soft);border-color:transparent}.approver-card>svg{color:var(--accent-ink);flex:none}.approver-pick{display:block;margin:0 0 12px}.video-poster{position:relative;display:block;padding:0;border:0;background:#000;cursor:pointer;overflow:hidden}.video-poster img{display:block;width:100%;height:100%;object-fit:cover}.video-fallback{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-soft);color:var(--text)}.video-fallback img{width:100%;border-radius:8px;opacity:.7}.video-fallback span{display:flex;align-items:center;gap:6px;font-size:13.5px}.original-pick{display:flex;flex-direction:row;gap:10px;align-items:flex-start;font-weight:400;color:var(--text);padding:10px 12px;margin-bottom:12px;border:1px solid var(--border);border-radius:10px;cursor:pointer}.original-pick input{margin-top:3px;width:auto;flex:none}.original-pick>span{flex:1;min-width:0}.original-pick strong,.original-pick small{display:block}.video-poster.msg-video img{height:auto;max-height:360px;object-fit:contain}