:root{--bg:#15161e;--panel:#1f2130;--border:#2e3146;--text:#e8e9f1;--muted:#9a9cb3;--accent:#7c5cff;--error:#ff6b6b;--ok:#4ade80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0}.center{place-items:center;height:100%;display:grid}.muted{color:var(--muted)}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:28px}.login{flex-direction:column;gap:14px;width:min(360px,100vw - 32px);display:flex}.login h1,.login p{margin:0}label{flex-direction:column;gap:6px;font-size:14px;display:flex}input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-size:15px}input:focus{outline:2px solid var(--accent);outline-offset:-1px}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 14px;font-size:15px}button:disabled{opacity:.6;cursor:default}button.ghost{border:1px solid var(--border);background:0 0;padding:6px 12px;font-size:14px}.error{color:var(--error);font-size:14px}.office{flex-direction:column;height:100%;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:8px 16px;display:flex}.spacer{flex:1}.status{color:var(--muted);font-size:13px}.status-online{color:var(--ok)}.status-offline,.status-replaced,.status-unauthorized{color:var(--error)}.badge{background:var(--accent);border-radius:999px;margin-left:6px;padding:1px 6px;font-size:11px}.body{flex:1;min-height:0;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.stage{flex:1;min-width:0;min-height:0;overflow:hidden}.screens{border-bottom:1px solid var(--border);background:#000;gap:8px;height:35%;min-height:160px;padding:8px;display:flex}.screens-large{height:65%}.screen-tile{border:1px solid var(--border);background:#0b0b10;border-radius:8px;flex-direction:column;flex:1;min-width:0;margin:0;display:flex;overflow:hidden}.screen-tile video{object-fit:contain;background:#000;flex:1;width:100%;min-height:0}.screen-tile figcaption{background:var(--panel);align-items:center;gap:8px;padding:4px 8px;font-size:12px;display:flex}.small-btn{padding:3px 8px;font-size:12px}button.danger{border-color:var(--error);color:var(--error)}button.link{color:var(--accent);font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.screen-btn.active{border-color:var(--accent);color:var(--text);background:var(--accent)}.sidebar{background:var(--panel);border-left:1px solid var(--border);flex-direction:column;width:300px;min-height:0;padding:0 16px 16px;display:flex}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:12px;padding:10px 0;display:flex}.tab{color:var(--muted);background:0 0;border:1px solid #0000;flex:1;padding:6px 8px;font-size:14px}.tab.active{color:var(--text);border-color:var(--border);background:var(--bg)}.tab-panel{flex:1;min-height:0;overflow-y:auto}.tab-panel[hidden]{display:none}.chat-panel{flex-direction:column;display:flex;overflow:hidden}.chat{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.chat-select select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px;font-size:14px}.chat-list{flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.msg{font-size:14px}.msg-head{align-items:center;gap:6px;font-size:12px;display:flex}.msg-head .dot{margin-right:0}.msg-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0 16px}.msg.mine .msg-body{color:#cfc4ff}.chat-input{flex-direction:column;gap:6px;display:flex}.chat-input textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);font:inherit;resize:none;border-radius:8px;padding:8px 10px;font-size:14px}.modal-backdrop{z-index:50;background:#08090eb3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.avatar-editor{flex-direction:column;gap:12px;width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);display:flex;overflow-y:auto}.avatar-editor h1{margin:0;font-size:22px}.avatar-preview{image-rendering:pixelated;background:#c8955a;border-radius:8px;align-self:center;padding:8px}.swatches{border:none;flex-wrap:wrap;gap:6px;margin:0;padding:0;display:flex}.swatches legend{color:var(--muted);margin-bottom:6px;font-size:13px}.swatch{border:2px solid var(--border);border-radius:6px;width:28px;height:28px;padding:0}.swatch.selected,.chip.selected{outline:2px solid var(--accent);outline-offset:2px}.chip{background:var(--bg);border:1px solid var(--border);padding:5px 10px;font-size:13px}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.row-end{justify-content:flex-end;gap:8px;display:flex}select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px;font-size:14px}.admin{flex-direction:column;min-height:100%;display:flex}.admin-main{flex-direction:column;gap:16px;width:min(980px,100vw - 32px);margin:24px auto;display:flex}.admin-main h2{margin:0 0 14px;font-size:18px}.admin-form{flex-direction:column;gap:14px;display:flex}.admin-form button[type=submit]{align-self:flex-start}.grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.users-table{border-collapse:collapse;width:100%;font-size:14px}.users-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:0 8px 8px;font-weight:500}.users-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px 8px}.users-table tr.inactive td{opacity:.6}.users-table .actions{text-align:right;white-space:nowrap}.users-table .actions button+button{margin-left:6px}.users-table .link{margin-left:8px}.pill{border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.pill.ok{color:var(--ok);background:#4ade8026}.pill.off{color:var(--error);background:#ff6b6b26}.notice-box{border:1px solid var(--accent);background:#7c5cff1f;border-radius:12px;padding:14px 16px}.notice-box p{margin:0 0 10px}.temp-password{letter-spacing:1px;background:var(--bg);-webkit-user-select:all;user-select:all;border-radius:6px;padding:6px 10px;font-size:18px}.steps{flex-direction:column;gap:4px;margin:0 0 14px;padding-left:18px;display:flex}.file-btn{background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;padding:10px 14px;font-size:15px;display:inline-block}.file-btn input{display:none}.ok-text{color:var(--ok)}.chat-input textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.sidebar h2{margin:0 0 10px;font-size:14px}.sidebar ul{flex-direction:column;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.dot{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.hint{margin-top:20px;font-size:12px}.small{margin:0 0 10px;font-size:12px}.group{border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:14px}.speaking .dot{box-shadow:0 0 0 3px var(--ok)}.mic-on{border-color:var(--ok);color:var(--ok)}.mic-off,.mic-blocked{border-color:var(--error);color:var(--error)}
