.app-root[data-v-6f938ce1]{height:100vh;position:relative;overflow:hidden}.global-logo-wrap[data-v-6f938ce1]{z-index:150;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:8px;right:16px}.global-logo[data-v-6f938ce1]{width:120px;height:auto}.global-logo-subtitle[data-v-6f938ce1]{color:var(--c-primary);letter-spacing:3px;margin-top:-10px;font-size:8px;font-weight:700}.nav-buttons-left[data-v-6f938ce1]{z-index:200;align-items:center;gap:10px;display:flex;position:fixed;top:12px;left:12px}.nav-icon-btn[data-v-6f938ce1]{background:var(--c-bg-elevated);color:var(--c-text-secondary);border:1px solid var(--c-border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;line-height:1;display:flex}.nav-icon-btn[data-v-6f938ce1]:hover{background:var(--c-bg-card);color:#fff}.person-btn[data-v-6f938ce1]{font-size:26px}.user-label[data-v-6f938ce1]{flex-direction:column;margin-left:4px;line-height:1.3;display:flex}.user-label-top[data-v-6f938ce1]{color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:9px}.user-label-name[data-v-6f938ce1]{color:var(--c-primary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;margin-top:2px;font-size:14px;overflow:hidden}:root{--c-primary:#bfe8fe;--c-primary-glow:#bfe8fe66;--c-primary-subtle:#bfe8fe1a;--c-fountain:#5998c0;--c-chathams:#174a7d;--c-bigstone:#17283b;--c-bg:#1e1e1e;--c-bg-elevated:#222;--c-bg-card:#17283b;--c-bg-input:#131c26;--c-bg-sunken:#000;--c-bg-overlay:#000000b3;--c-border:#444546;--c-border-light:#555;--c-text:#eee;--c-text-secondary:#b7b7b7;--c-text-dim:#5998c0;--c-text-dark:#111;--c-danger:#d32f2f;--c-danger-bright:#ef5350;--c-danger-bg:#1f0a0a;--c-warning:#fa4;--c-warning-bg:#2a1f15;--c-pending:#ffd600;--c-medic:#f44;--c-position:#4af;--c-kia:#888;--c-support:#fa4;--c-rollcall:#7b8fff;--c-ai:#5998c0;--sidebar-left-width:280px;--sidebar-right-width:320px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--c-bg);color:var(--c-text);height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{height:100vh;overflow:hidden}.global-error-toast{background:var(--c-danger);color:#fff;z-index:9999;text-align:center;border-radius:6px;max-width:90vw;padding:12px 24px;font-size:14px;animation:.3s ease-out toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.loading-spinner{color:var(--c-text-secondary);justify-content:center;align-items:center;padding:24px;font-size:14px;display:flex}.reconnecting-overlay{background:var(--c-bg-overlay);z-index:9998;color:var(--c-warning);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:fixed;inset:0}.page-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:1100px;height:100vh;margin:0 auto;padding:64px 40px 24px;display:flex;overflow-y:auto}.page-container.narrow{max-width:540px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px;display:grid}.card-grid-2{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:8px;display:grid}.btn-primary{background:var(--c-primary);color:var(--c-text-dark);cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:700}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--c-bg-card);color:var(--c-text-secondary);border:1px solid var(--c-border);cursor:pointer;border-radius:4px;padding:6px 12px;font-size:14px}.btn-secondary:hover{background:var(--c-chathams)}.btn-small{background:var(--c-bg-card);color:var(--c-text-secondary);border:1px solid var(--c-border);cursor:pointer;border-radius:4px;padding:4px 12px;font-size:12px}.btn-small:hover{background:var(--c-chathams)}.btn-danger{background:var(--c-danger);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:700}.btn-danger:hover{filter:brightness(1.1)}.btn-outline-danger{color:var(--c-danger-bright);border:1px solid var(--c-danger-bright);cursor:pointer;background:0 0;border-radius:4px;padding:8px 14px;font-size:13px}.btn-outline-danger:hover{background:var(--c-danger-bg)}.btn-outline-teal{color:var(--c-primary);border:1px solid var(--c-primary);cursor:pointer;background:0 0;border-radius:4px;padding:3px 10px;font-size:12px}.btn-outline-teal:hover{background:var(--c-primary-subtle)}.btn-outline-orange{color:var(--c-warning);border:1px solid var(--c-warning);cursor:pointer;background:0 0;border-radius:4px;padding:8px 14px;font-size:12px}.btn-outline-orange:hover{background:var(--c-warning-bg)}.input-dark{background:var(--c-bg-input);border:1px solid var(--c-border);color:var(--c-text);border-radius:4px;outline:none;padding:10px;font-family:inherit;font-size:16px}.input-dark:focus{border-color:var(--c-primary)}.input-dark::placeholder{color:var(--c-text-dim)}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}.badge-teal{background:var(--c-primary);color:var(--c-text-dark)}.badge-red{background:var(--c-danger);color:#fff}.badge-orange{background:var(--c-warning-bg);color:var(--c-warning)}.badge-muted{background:var(--c-danger-bg);color:var(--c-danger-bright)}.dot{background:var(--c-border);border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot.active{background:var(--c-primary);box-shadow:0 0 6px var(--c-primary)}.dot.receiver-ready{background:var(--c-fountain);box-shadow:0 0 6px var(--c-fountain)}.dot.action-pending{background:var(--c-pending);box-shadow:0 0 6px var(--c-pending)}.dot.action-ok{background:var(--c-primary);box-shadow:0 0 6px var(--c-primary)}.dot.action-negative{background:var(--c-danger-bright);box-shadow:0 0 6px var(--c-danger-bright)}.dot.action-ping{animation:5s ease-out forwards ping-dot-fade}@keyframes ping-dot-fade{0%,60%{background:#fff;box-shadow:0 0 6px #fff}to{background:var(--c-border);box-shadow:none}}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-hint{color:var(--c-text-secondary);font-size:12px}.text-teal{color:var(--c-primary)}.text-red{color:var(--c-danger-bright)}.text-orange{color:var(--c-warning)}.text-yellow{color:var(--c-pending)}.text-muted{color:var(--c-text-secondary)}.error{color:var(--c-danger-bright);margin-top:8px}.loading,.empty{color:var(--c-text-secondary);text-align:center;padding:24px}.join-divider{color:var(--c-text-dim);align-items:center;margin:16px 0;font-size:13px;display:flex}.join-divider:before,.join-divider:after{content:"";border-top:1px solid var(--c-border);flex:1}.join-divider span{padding:0 12px}.tabs{justify-content:center;gap:4px;margin-bottom:16px;display:flex}.tabs button{background:var(--c-bg-card);color:var(--c-text-secondary);border:1px solid var(--c-border);cursor:pointer;border-radius:4px;flex:1;padding:8px;font-size:13px}.tabs button.active{background:var(--c-primary);color:var(--c-text-dark);border-color:var(--c-primary);font-weight:700}.dialog-overlay{background:var(--c-bg-overlay);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:8px;width:94%;max-width:380px;padding:10px}.dialog-wide{max-width:540px}.dialog h3{color:var(--c-primary);margin:0 0 12px}.dialog p{color:var(--c-text-secondary);margin:0 0 12px;font-size:14px}.dialog-warn{font-weight:700;color:var(--c-warning)!important}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.create-row{gap:8px;display:flex}.create-row input{background:var(--c-bg-input);border:1px solid var(--c-border);color:var(--c-text);border-radius:4px;flex:1;padding:10px}.create-row button{background:var(--c-primary);color:var(--c-text-dark);cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:10px 20px;font-weight:700}.create-row button:disabled,.create-row input:disabled{opacity:.4}.channel-list{flex-direction:column;gap:8px;display:flex}.channel-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:4px;overflow:hidden}.channel-header{align-items:center;gap:10px;padding:10px 12px;display:flex}.channel-header.clickable{cursor:pointer}.toggle-icon{color:var(--c-primary);flex-shrink:0;font-size:32px;line-height:1;transition:transform .25s;display:inline-block}.toggle-icon.open{transform:rotate(-180deg)}.channel-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.channel-body{max-height:0;transition:max-height .3s;overflow:hidden}.channel-body.expanded{max-height:500px}.channel-body-inner{border-top:1px solid var(--c-bigstone);flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.channel-props{flex-direction:column;gap:4px;display:flex}.prop-row{gap:8px;font-size:12px;display:flex}.prop-label{color:var(--c-text-dim);min-width:80px}.prop-value{color:var(--c-text-secondary)}.channel-body-actions{gap:6px;display:flex}.venue-list{flex-direction:column;gap:8px;display:flex}.venue-item{background:var(--c-bg-card);border:1px solid var(--c-border);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:14px;transition:border-color .15s;display:flex}.venue-item:hover{border-color:var(--c-primary)}.venue-info{flex-direction:column;gap:2px;display:flex}.venue-name{color:var(--c-text);font-size:15px}.invite-create{gap:6px;margin-bottom:10px;display:flex}.invite-create select{background:var(--c-bg-input);border:1px solid var(--c-border);color:var(--c-text);border-radius:4px;padding:6px 8px}.invite-note-input{background:var(--c-bg-input);border:1px solid var(--c-border);min-width:0;color:var(--c-text);border-radius:4px;flex:1;padding:6px 8px}.invite-list{max-height:500px;margin-top:16px;overflow-y:auto}.invite-item{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;margin-right:8px;padding:10px 6px 10px 8px;display:flex}.invite-item.revoked{opacity:.5}.invite-item.expired{opacity:.6}.invite-info{flex-direction:column;flex:1 1 0;gap:2px;min-width:0;display:flex}.invite-code{color:var(--c-primary);font-size:13px}.invite-actions{flex-shrink:0;justify-content:space-between;gap:4px;width:100%;display:flex}.invite-qr{justify-content:center;width:100%;padding:8px 0;display:flex}.invite-qr img{width:160px;height:160px;image-rendering:pixelated;background:#fff;border-radius:4px}.drawer-overlay{z-index:1100;background:#0009;position:fixed;inset:0}.drawer{background:var(--c-bg-card);border-right:1px solid var(--c-border);z-index:1200;flex-direction:column;gap:12px;width:320px;max-width:80vw;padding:12px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.drawer-title{color:var(--c-primary);margin:0;font-size:18px}.conn-badge{border-radius:4px;padding:4px 8px;font-size:12px}.conn-badge.online{color:var(--c-primary);border:1px solid var(--c-primary);background:0 0}.conn-badge.offline{color:var(--c-danger-bright);border:1px solid var(--c-danger-bright);background:0 0}.conn-badge.owner{color:var(--c-primary);border:1px solid var(--c-primary);background:0 0}.separator{border:none;border-top:1px solid var(--c-border);margin:14px 0 0}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .25s}.slide-enter-from,.slide-leave-to{transform:translate(-100%)}.label-sm{color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.section-title{color:var(--c-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:13px}.q-mt-md{margin-top:24px}