.panel-button[data-v-d8a5e2f0]{background:var(--btn-bg);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:var(--btn-text);cursor:pointer;font-size:16px;font-weight:500;min-height:48px;padding:6px 6px 3px;transition:all .2s ease}.button-content[data-v-d8a5e2f0],.panel-button[data-v-d8a5e2f0]{align-items:center;display:flex;justify-content:center;position:relative}.button-content[data-v-d8a5e2f0]{width:100%}.icon-container[data-v-d8a5e2f0]{align-items:center;display:flex;justify-content:center;position:relative}.button-footer[data-v-d8a5e2f0]{bottom:-35px;color:#000;font-size:11px;font-weight:700;left:50%;max-width:200px;overflow:hidden;position:absolute;text-overflow:ellipsis;transform:translate(-50%);white-space:nowrap}.btn-primary[data-v-d8a5e2f0]{--btn-bg:#007bff;--btn-text:#fff;--btn-hover-bg:#0056b3}.btn-danger[data-v-d8a5e2f0]{--btn-bg:#dc3545;--btn-text:#fff;--btn-hover-bg:#c82333}.btn-success[data-v-d8a5e2f0]{--btn-bg:#28a745;--btn-text:#fff;--btn-hover-bg:#218838}.btn-warning[data-v-d8a5e2f0]{--btn-bg:#ffc107;--btn-text:#212529;--btn-hover-bg:#e0a800}.panel-button[data-v-d8a5e2f0]:hover:not(:disabled){background:var(--btn-hover-bg);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.panel-button[data-v-d8a5e2f0]:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.btn-disabled[data-v-d8a5e2f0],.panel-button[data-v-d8a5e2f0]:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-loading[data-v-d8a5e2f0]{pointer-events:none}.btn-loading .icon-container[data-v-d8a5e2f0]:after{animation:spin-d8a5e2f0 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.btn-state-connected[data-v-d8a5e2f0]{border-left:4px solid #28a745}.btn-state-connecting[data-v-d8a5e2f0]{border-left:4px solid #ffc107}.btn-state-disconnected[data-v-d8a5e2f0]{border-left:4px solid #dc3545}@keyframes spin-d8a5e2f0{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.panel-button[data-v-d8a5e2f0]:focus-visible{outline:2px solid var(--focus-color,#06c);outline-offset:2px}@media (prefers-reduced-motion:reduce){.panel-button[data-v-d8a5e2f0]{transition:none}.btn-loading .icon-container[data-v-d8a5e2f0]:after{animation:none}}@media (max-width:768px){.panel-button[data-v-d8a5e2f0]{font-size:14px;min-height:44px}}.panel[data-v-342d9d68]{background:var(--panel-bg,#818896);border:1px solid var(--panel-border,#e9ecef);border-radius:8px;display:flex;flex-direction:column;gap:8px;opacity:.7;padding:12px;width:70px}.panel[data-v-342d9d68]:hover{opacity:1}.panel-divider[data-v-342d9d68]{background:var(--divider-color,#dee2e6);height:1px;margin:10px 0}.connection-status[data-v-342d9d68]{font-size:12px;left:-12px;position:absolute;top:-21px;transition:color .3s ease}.status-connected[data-v-342d9d68]{color:#28a745}.status-connecting[data-v-342d9d68]{color:#ffc107}.status-disconnected[data-v-342d9d68]{color:#dc3545}.panel-badge[data-v-342d9d68]{align-items:center;background:var(--badge-bg,#007bff);box-shadow:0 1px 3px #0003;color:var(--badge-text,#fff);display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;left:-12px;min-width:20px;padding:0 4px;position:absolute;top:-28px}.panel-badge[data-v-342d9d68],.room-count-badge[data-v-342d9d68]{border-radius:50%}.notification-badge[data-v-342d9d68]{background:var(--badge-notification-bg,#dc3545)}.success-badge[data-v-342d9d68]{background:var(--badge-success-bg,#28a745)}.warning-badge[data-v-342d9d68]{background:var(--badge-warning-bg,#ffc107);color:var(--badge-warning-text,#212529)}@media (prefers-reduced-motion:reduce){.fa-bounce[data-v-342d9d68]{animation:none}.connection-status[data-v-342d9d68]{transition:none}}[data-v-342d9d68] .btn:focus-visible{outline:2px solid var(--focus-color,#06c);outline-offset:2px}.icon-xl[data-v-342d9d68]{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}