.show-controller-container{min-height:100vh;background:linear-gradient(135deg,#1c2917 0%,#422006 50%,#365314 100%);padding:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;overflow:visible}.controller-header{background:rgba(40,50,35,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(54,83,20,.3);padding:1.5rem 2rem;box-shadow:0 2px 20px rgba(0,0,0,.3)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.title-section .page-title{font-size:2.5rem;font-weight:700;color:#fef3c7;margin:0;display:flex;align-items:center;gap:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.title-section .page-title i{color:#a16207;font-size:2.2rem}.title-section .page-subtitle{color:#d6d3d1;font-size:1.1rem;margin:.5rem 0 0 0;font-weight:400}.status-indicators{display:flex;gap:2rem;align-items:center}.app-filter{display:flex;align-items:center;gap:.5rem}.app-filter-label{color:#fef3c7;font-weight:600;display:flex;align-items:center;gap:.4rem}.app-filter-select{min-width:180px;min-height:44px;font-size:1rem;font-weight:600;border-radius:10px;border:2px solid rgba(161,98,7,.6);background:rgba(254,243,199,.9);color:#78350f;padding:.25rem .5rem}.app-filter-select:focus{outline:0;box-shadow:0 0 0 3px rgba(161,98,7,.25);border-color:#a16207}.connection-status{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:rgba(254,243,199,.9);border-radius:50px;border:1px solid rgba(161,98,7,.3);font-weight:500;color:#78350f}.connection-status.connected .status-icon{color:#365314;animation:pulse 2s infinite}.connection-status.disconnected .status-icon{color:#92400e}.connection-status.connecting .status-icon{color:#a16207;animation:spin 1s linear infinite}.headset-count{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:#fef3c7}.headset-count i{color:#a16207;font-size:1.3rem}.controller-content{max-width:1400px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem;overflow:visible}.section{background:rgba(255,255,255,.95);border-radius:16px;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);overflow:visible}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.section-title{font-size:1.5rem;font-weight:600;color:#78350f;margin:0;display:flex;align-items:center;gap:.75rem}.section-title i{color:#a16207;font-size:1.3rem}.section-actions{display:flex;gap:.75rem;align-items:center}#vitalsFilterBtn{transition:all .3s ease}#vitalsFilterBtn.active{background:linear-gradient(135deg,#365314 0%,#2d4a0e 100%)!important;border-color:#2d4a0e!important;color:#fff!important}#vitalsFilterBtn.active:hover{background:linear-gradient(135deg,#2d4a0e 0%,#1c2917 100%)!important}.headsets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;min-height:120px}.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#92400e;font-size:1.1rem}.empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.6;color:#a16207}.headset-card{background:linear-gradient(135deg,#fff 0%,#f7fafc 100%);border:2px solid #e2e8f0;border-radius:12px;padding:1.25rem;transition:all .3s ease;cursor:grab;position:relative;overflow:hidden}.headset-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.15);border-color:#a16207}.headset-card:active{cursor:grabbing}.headset-card.dragging{opacity:.7;transform:rotate(5deg) scale(1.05);z-index:1000}.headset-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.headset-name{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#78350f}.headset-icon{color:#a16207;font-size:1.2rem}.last-state{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#4a5568}.state-age-indicator i{font-size:.6rem}.state-age-indicator.fresh i{color:#365314}.state-age-indicator.stale i{color:#92400e}.headset-details{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.detail-item{display:flex;justify-content:space-between;align-items:center;line-height:1.1;padding:.05rem 0}.detail-label{font-weight:500;color:#4a5568;font-size:.8rem;margin-right:.25rem}.battery-indicator{display:flex;align-items:center;gap:.35rem}.battery-level{width:36px;height:6px;background:#e2e8f0;border-radius:4px;position:relative;overflow:hidden}.battery-level::after{content:'';position:absolute;left:0;top:0;height:100%;border-radius:4px;transition:width .3s ease}.battery-level.high::after{background:#365314}.battery-level.medium::after{background:#a16207}.battery-level.low::after{background:#92400e}.battery-text{font-size:.8rem;font-weight:600;color:#4a5568}.battery-text.critical{color:#dc2626;font-weight:700}.detail-item.critical{background:#fef08a;border-radius:6px;padding:.15rem .25rem}.detail-item.critical .detail-label{color:#dc2626;font-weight:700}.detail-item.critical .battery-text{color:#dc2626;font-weight:700}.version-text{font-size:.8rem;color:#718096;font-family:'Courier New',monospace}.latency-text,.vitals-text,.temperature-text,.fps-text,.memory-text{font-size:.8rem;color:#4a5568;line-height:1.1;white-space:nowrap}.hide-latency .detail-item:has(.latency-text),.hide-latency .vitals-detail:has(.latency-text){display:none}.hide-temperature .detail-item:has(.temperature-text),.hide-temperature .vitals-detail:has(.temperature-text){display:none}.hide-fps .detail-item:has(.fps-text),.hide-fps .vitals-detail:has(.fps-text){display:none}.hide-memory .detail-item:has(.memory-text),.hide-memory .vitals-detail:has(.memory-text){display:none}.hide-latency .latency-detail{display:none}.hide-temperature .temperature-detail{display:none}.hide-fps .fps-detail{display:none}.hide-memory .memory-detail{display:none}.headset-actions{display:flex;justify-content:flex-end}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.saved-logs{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.saved-log-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.saved-log-card .title{font-weight:600;color:#2d3748;margin-bottom:.5rem}.saved-log-card ul{list-style:none;margin:0;padding:0}.saved-log-card li{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;padding:.25rem 0;border-bottom:1px dashed #edf2f7}.saved-log-card li:last-child{border-bottom:0}.room-card{background:linear-gradient(135deg,#fef3c7 0%,#f5f5f4 100%);border:2px solid rgba(161,98,7,.3);border-radius:16px;padding:1.5rem;transition:all .3s ease;min-height:300px;display:flex;flex-direction:column}.room-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1)}.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0;gap:1rem}.room-title{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.room-name{font-size:1.3rem;font-weight:600;color:#78350f;margin:0}.room-status-data{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,rgba(54,83,20,.1) 0%,rgba(161,98,7,.1) 100%);border-radius:8px;border:1px solid rgba(54,83,20,.2);flex:1;justify-content:center;align-items:flex-start;min-width:200px}.status-data-row{display:flex;gap:1rem;align-items:center;justify-content:flex-start;width:100%}.status-data-row.top-row{justify-content:flex-start}.status-data-row.bottom-row{justify-content:space-between}.phase-item{flex:1;justify-content:flex-start}.status-data-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;line-height:1.2}.status-data-item .status-icon{color:#a16207;font-size:.9rem;width:16px;text-align:center;flex-shrink:0}.status-data-item .status-label{color:#78350f;font-weight:600;min-width:80px;flex-shrink:0}.status-data-item .status-value{color:#2d3748;font-weight:500;font-family:'Courier New',monospace;background:rgba(255,255,255,.7);padding:.2rem .4rem;border-radius:4px;border:1px solid rgba(161,98,7,.2);min-width:60px;text-align:center}.panel-room-status-data{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,rgba(54,83,20,.1) 0%,rgba(161,98,7,.1) 100%);border-radius:8px;border:1px solid rgba(54,83,20,.2);flex:1;justify-content:center;align-items:flex-start;min-width:200px}.game-state-indicator .state-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.state-badge.started{background:rgba(34,197,94,.2);color:#16a34a}.state-badge.stopped{background:rgba(239,68,68,.2);color:#dc2626}.state-badge.waiting{background:rgba(245,158,11,.2);color:#d97706}.room-actions{display:flex;gap:.5rem;flex-shrink:0}.room-actions .btn{padding:.5rem 1rem;font-size:.85rem;font-weight:600;border-radius:8px;transition:all .3s ease}.room-actions .btn:disabled{opacity:.5;cursor:not-allowed}.room-drop-zone{flex:1;border:2px dashed #cbd5e0;border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;min-height:150px;display:flex;flex-direction:column}.room-drop-zone.drag-over{border-color:#365314;background:rgba(54,83,20,.05);transform:scale(1.02)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#92400e;text-align:center;flex:1}.drop-zone-content.hidden{display:none}.drop-icon{font-size:2rem;margin-bottom:.5rem;opacity:.6;color:#a16207}.drop-text{font-size:.9rem;margin:0}.room-headsets{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;flex:1}.room-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;display:flex;justify-content:center;align-items:center}.headset-count-text{display:flex;align-items:center;gap:.5rem;color:#92400e;font-size:.9rem;font-weight:500}.headset-count-text i{color:#a16207}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.headset-card,.room-card{animation:slideIn .3s ease-out}.toast{border:0;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:350px;font-size:12px;line-height:1.3;position:relative;transform:translateX(0);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.toast-header{background:rgba(254,243,199,.95);border-bottom:1px solid rgba(161,98,7,.2);border-radius:12px 12px 0 0}.toast-body{background:rgba(254,243,199,.95);border-radius:0 0 12px 12px}.toast.success .toast-icon{color:#365314}.toast.error .toast-icon{color:#92400e}.toast.info .toast-icon{color:#a16207}.toast.warning .toast-icon{color:#ca8a04}.stacked-toast{animation:slideInToast .4s cubic-bezier(.34,1.56,.64,1)}.stacked-toast.has-stack{position:relative;transform:scale(1);z-index:3}.stacked-toast.has-stack::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(254,243,199,.8);border-radius:12px;z-index:-1;border:1px solid rgba(161,98,7,.3);transform:translateX(-4px) translateY(4px)}.stacked-toast.has-stack::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(254,243,199,.6);border-radius:12px;z-index:-2;border:1px solid rgba(161,98,7,.2);transform:translateX(-8px) translateY(8px)}.toast-stack-indicator{position:absolute;bottom:-8px;right:12px;background:linear-gradient(135deg,#a16207 0%,#78350f 100%);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;box-shadow:0 2px 8px rgba(161,98,7,.3);animation:stackIndicatorPulse .3s ease-out;z-index:10}.toast-stack-indicator .stack-count{margin-left:2px}@keyframes slideInToast{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes stackIndicatorPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}.toast-container{z-index:1050}.stacked-toast.has-stack:hover{transform:translateY(-2px) scale(1.02)}.stacked-toast.has-stack:hover::before{transform:translateX(-4px) translateY(4px)}.stacked-toast.has-stack:hover::after{transform:translateX(-8px) translateY(8px)}.log-viewer{width:100%;height:60vh;resize:vertical;overflow:auto;white-space:pre;background:#f8fafc;color:#1a202c;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12px;line-height:1.3}@media(max-width:768px){.controller-header{padding:1rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.status-indicators{flex-direction:column;gap:1rem}.controller-content{padding:1rem}.section{padding:1.5rem}.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.headsets-grid{grid-template-columns:1fr}.rooms-grid{grid-template-columns:1fr}.room-headsets{grid-template-columns:1fr}.title-section .page-title{font-size:2rem}}@media(max-width:480px){.title-section .page-title{font-size:1.5rem}.title-section .page-title i{font-size:1.3rem}.section-title{font-size:1.2rem}.room-header{flex-direction:column;gap:1rem;align-items:flex-start}.room-actions{width:100%;justify-content:center}}.fade-in{animation:slideIn .3s ease-out}.scale-in{animation:scaleIn .2s ease-out}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(prefers-contrast:high){.headset-card,.room-card,.section{border-width:3px}.connection-status{border-width:2px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.headset-actions{margin-top:.75rem;display:flex;justify-content:center}.action-buttons{display:flex;gap:.5rem;align-items:center;justify-content:center}.headset-actions .action-buttons .btn.btn-sm{height:42px!important;min-height:42px!important;text-align:center!important;box-sizing:border-box!important;padding:.375rem .5rem!important;font-size:.875rem!important;line-height:1.5!important;border-radius:.375rem!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.25rem!important}.headset-actions .action-buttons .remove-btn{padding:.25rem .375rem!important}.assign-buttons{display:flex;gap:.5rem;align-items:center}.room-select{flex:1;min-width:120px;min-height:38px}.assign-btn{white-space:nowrap;min-height:38px;padding:.5rem .75rem}.headset-actions .action-buttons .assign-btn{padding:.375rem .5rem!important;width:auto!important}.remove-btn{min-height:38px;padding:.5rem .75rem;width:100%}.room-content{flex:1;display:flex;flex-direction:column;min-height:150px}.empty-room-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#92400e;text-align:center;padding:2rem;border:2px dashed rgba(161,98,7,.3);border-radius:12px;background:rgba(254,243,199,.3)}.empty-room-state i{font-size:2rem;margin-bottom:.5rem;opacity:.6;color:#a16207}.room-headsets{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;flex:1}.headset-card{cursor:default}.headset-card:hover{transform:translateY(-2px)}.headset-card:active{cursor:default}.headset-card.dragging{opacity:1;transform:none;z-index:auto}@media(max-width:768px){.assign-buttons{flex-direction:column;gap:.75rem}.room-select,.assign-btn,.remove-btn{width:100%;min-height:44px}.headset-actions .action-buttons .assign-btn{width:auto!important;min-height:38px!important}.room-headsets{grid-template-columns:1fr}.headset-actions{gap:.75rem}}@media(hover:hover){.assign-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,123,255,.3)}.remove-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(220,53,69,.3)}.room-select:hover{border-color:#667eea}}.assign-btn:focus,.remove-btn:focus,.room-select:focus{outline:2px solid #667eea;outline-offset:2px}.room-tabs-container{margin-bottom:2rem;margin-top:.5rem;background:rgba(255,255,255,.8);border-radius:12px;padding:1.5rem 1rem 1rem 1rem;box-shadow:0 4px 12px rgba(0,0,0,.05);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);overflow:visible;position:relative;z-index:1}.room-tabs{display:flex;flex-wrap:wrap;gap:.75rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:.5rem .25rem;justify-content:center}.room-tabs::-webkit-scrollbar{display:none}.room-tab{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #dee2e6;border-radius:10px;padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease;min-width:120px;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;user-select:none;position:relative;overflow:visible;flex-shrink:0;z-index:2}.room-tab:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(54,83,20,.2);border-color:#365314;background:linear-gradient(135deg,#fff 0%,#f7f7f5 100%)}.room-tab.active{background:linear-gradient(135deg,#365314 0%,#422006 50%,#1c2917 100%);color:#fff;border-color:#2d4a0e;box-shadow:0 12px 40px rgba(54,83,20,.4);transform:translateY(-6px)}.room-tab.active:hover{transform:translateY(-7px);box-shadow:0 15px 45px rgba(54,83,20,.6);background:linear-gradient(135deg,#1c2917 0%,#422006 50%,#365314 100%)}.room-tab-name{font-size:1.1rem;font-weight:700;margin-bottom:.4rem;line-height:1.2;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.room-tab.active .room-tab-name{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);font-size:1.2rem}.room-tab-status{font-size:.75rem;padding:.3rem .7rem;border-radius:15px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;line-height:1;border:1px solid transparent}.room-tab-status.started{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.room-tab.active .room-tab-status.started{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);color:#16a34a;border-color:rgba(255,255,255,.3);box-shadow:0 2px 4px rgba(0,0,0,.1)}.room-tab-status.stopped{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.room-tab.active .room-tab-status.stopped{background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);color:#dc2626;border-color:rgba(255,255,255,.3);box-shadow:0 2px 4px rgba(0,0,0,.1)}.room-tab-status.waiting{background:linear-gradient(135deg,#d97706 0%,#c2410c 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.room-tab.active .room-tab-status.waiting{background:linear-gradient(135deg,#fed7aa 0%,#fdba74 100%);color:#d97706;border-color:rgba(255,255,255,.3);box-shadow:0 2px 4px rgba(0,0,0,.1)}.room-tab-headset-count{position:absolute;top:.6rem;right:.6rem;background:linear-gradient(135deg,#a16207 0%,#78350f 100%);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 6px rgba(0,0,0,.15)}.room-tab.active .room-tab-headset-count{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#78350f;border-color:rgba(255,255,255,.8);box-shadow:0 3px 8px rgba(0,0,0,.2)}.room-panels{display:block}.room-panel{background:linear-gradient(135deg,#fff 0%,#f7fafc 100%);border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease;animation:slideIn .3s ease-out}.room-panel:hover{box-shadow:0 8px 25px rgba(0,0,0,.1)}.room-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0;gap:1rem}.room-panel-title{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.panel-room-name{font-size:1.3rem;font-weight:600;color:#2d3748;margin:0}.panel-game-state-indicator .panel-state-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.panel-state-badge.started{background:rgba(34,197,94,.2);color:#16a34a}.panel-state-badge.stopped{background:rgba(239,68,68,.2);color:#dc2626}.panel-state-badge.waiting{background:rgba(245,158,11,.2);color:#d97706}.room-panel-actions{display:flex;gap:.5rem;flex-wrap:wrap;flex-shrink:0}.room-panel-actions .btn{padding:.5rem 1rem;font-size:.85rem;font-weight:600;border-radius:8px;transition:all .3s ease}.room-panel-actions .btn:disabled{opacity:.5;cursor:not-allowed}.room-panel-content{flex:1;display:flex;flex-direction:column;min-height:200px}.panel-empty-room-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#92400e;text-align:center;padding:2rem;border:2px dashed rgba(161,98,7,.3);border-radius:12px;background:rgba(254,243,199,.3)}.panel-empty-room-state i{font-size:2rem;margin-bottom:.5rem;opacity:.6;color:#a16207}.panel-room-headsets{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;flex:1}.room-panel-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;display:flex;justify-content:center;align-items:center}.panel-headset-count-text{display:flex;align-items:center;gap:.5rem;color:#92400e;font-size:.9rem;font-weight:500}.panel-headset-count-text i{color:#a16207}@media(max-width:768px){.room-tabs-container{margin-top:.75rem;margin-bottom:2.5rem;padding:2rem 1.25rem 1.25rem 1.25rem}.room-tab{min-width:100px;min-height:70px;padding:.75rem 1rem}.room-tabs{gap:1rem;padding:.75rem .5rem}.room-panel-header{flex-direction:column;gap:1rem;align-items:flex-start}.room-panel-actions{width:100%;justify-content:center}.panel-room-headsets{grid-template-columns:1fr}}@media(max-width:480px){.room-tab{min-height:85px;padding:1rem}.room-tab-name{font-size:1rem;font-weight:700}.room-tab.active .room-tab-name{font-size:1.1rem}.room-tab-status{font-size:.7rem;padding:.25rem .6rem}.room-tab-headset-count{width:22px;height:22px;font-size:.75rem;top:.5rem;right:.5rem}.room-panel-actions .btn{min-height:44px;padding:.75rem 1rem}}@media(hover:hover){.room-tab:active{transform:translateY(0)}.room-tab.active:active{transform:translateY(-1px)}}.btn-primary{background:linear-gradient(135deg,#365314 0%,#2d4a0e 100%)!important;border-color:#2d4a0e!important;color:#fff!important}.btn-primary:hover{background:linear-gradient(135deg,#2d4a0e 0%,#1c2917 100%)!important;border-color:#1c2917!important;color:#fff!important}.btn-success{background:linear-gradient(135deg,#ca8a04 0%,#a16207 100%)!important;border-color:#a16207!important;color:#fff!important}.btn-success:hover{background:linear-gradient(135deg,#a16207 0%,#78350f 100%)!important;border-color:#78350f!important;color:#fff!important}.btn-danger{background:linear-gradient(135deg,#b45309 0%,#92400e 100%)!important;border-color:#92400e!important;color:#fff!important}.btn-danger:hover{background:linear-gradient(135deg,#92400e 0%,#78350f 100%)!important;border-color:#78350f!important;color:#fff!important}.btn-warning{background:linear-gradient(135deg,#a16207 0%,#78350f 100%)!important;border-color:#78350f!important;color:#fff!important}.btn-warning:hover{background:linear-gradient(135deg,#78350f 0%,#422006 100%)!important;border-color:#422006!important;color:#fff!important}.btn-info{background:linear-gradient(135deg,#422006 0%,#1c2917 100%)!important;border-color:#1c2917!important;color:#fff!important}.btn-info:hover{background:linear-gradient(135deg,#1c2917 0%,#365314 100%)!important;border-color:#365314!important;color:#fff!important}.btn-outline-primary{background:transparent!important;border:2px solid #365314!important;color:#365314!important}.btn-outline-primary:hover{background:linear-gradient(135deg,#365314 0%,#2d4a0e 100%)!important;border-color:#2d4a0e!important;color:#fff!important}.btn-outline-secondary{background:transparent!important;border:2px solid #92400e!important;color:#92400e!important}.btn-outline-secondary:hover{background:linear-gradient(135deg,#92400e 0%,#78350f 100%)!important;border-color:#78350f!important;color:#fff!important}.btn-outline-danger{background:transparent!important;border:2px solid #b45309!important;color:#b45309!important}.btn-outline-danger:hover{background:linear-gradient(135deg,#b45309 0%,#92400e 100%)!important;border-color:#92400e!important;color:#fff!important}.room-selection-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center}.room-selection-modal .modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);z-index:1}.room-selection-modal .modal-content{position:relative;z-index:10;background:linear-gradient(135deg,#fff 0%,#f7fafc 100%);border-radius:16px;padding:0;box-shadow:0 20px 60px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);max-width:500px;width:90%;max-height:80vh;overflow:hidden;animation:modalSlideIn .3s ease-out;backdrop-filter:none}.room-selection-modal .modal-header{background:linear-gradient(135deg,#365314 0%,#2d4a0e 100%);color:#fff;padding:1.5rem;border-bottom:0;display:flex;justify-content:space-between;align-items:center}.room-selection-modal .modal-title{margin:0;font-size:1.3rem;font-weight:600}.room-selection-modal .btn-close{background:none;border:0;color:#fff;font-size:1.5rem;cursor:pointer;opacity:.8;transition:opacity .3s ease}.room-selection-modal .btn-close:hover{opacity:1}.room-selection-modal .modal-body{padding:2rem}.room-selection-modal .headset-info{margin-bottom:1.5rem;color:#2d3748;font-size:1.1rem}.room-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.room-option{background:linear-gradient(135deg,#fef3c7 0%,#f5f5f4 100%);border:2px solid rgba(161,98,7,.3);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:center;position:relative}.room-option:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:#365314}.room-option.selected{background:linear-gradient(135deg,#365314 0%,#2d4a0e 100%);color:#fff;border-color:#2d4a0e;transform:translateY(-4px);box-shadow:0 12px 35px rgba(54,83,20,.3)}.room-option-name{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.room-option-status{font-size:.9rem;opacity:.8}.room-option-count{position:absolute;top:.5rem;right:.5rem;background:rgba(161,98,7,.9);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.room-option.selected .room-option-count{background:rgba(254,243,199,.9);color:#78350f}.room-option-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1rem}.loading-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:.9rem;font-weight:600;color:#fff;text-align:center;line-height:1.2}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.room-selection-modal .modal-content{width:95%;margin:1rem}.room-selection-grid{grid-template-columns:1fr}.room-option{padding:1.25rem}.room-status-data,.panel-room-status-data{min-width:150px;padding:.5rem}.status-data-row{gap:.5rem}.status-data-item{font-size:.8rem;gap:.4rem}.status-data-item .status-label{min-width:60px}.status-data-item .status-value{min-width:45px;padding:.15rem .3rem}}.vitals-selection-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center}.vitals-selection-modal .modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);z-index:1}.vitals-selection-modal .modal-content{position:relative;z-index:10;background:linear-gradient(135deg,#fff 0%,#f7fafc 100%);border-radius:16px;padding:0;box-shadow:0 20px 60px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);max-width:550px;width:90%;max-height:70vh;overflow:hidden;animation:modalSlideIn .3s ease-out;backdrop-filter:none;display:flex;flex-direction:column}.vitals-selection-modal .modal-header{background:linear-gradient(135deg,#365314 0%,#2d4a0e 100%);color:#fff;padding:1.25rem 1.5rem;border-bottom:0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.vitals-selection-modal .modal-title{margin:0;font-size:1.3rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.vitals-selection-modal .btn-close{background:none;border:0;color:#fff;font-size:1.5rem;cursor:pointer;opacity:.8;transition:opacity .3s ease}.vitals-selection-modal .btn-close:hover{opacity:1}.vitals-selection-modal .modal-body{padding:1.5rem;flex:1;overflow-y:auto;min-height:0}.vitals-selection-modal .vitals-info{margin-bottom:1.25rem;color:#2d3748;font-size:1rem}.vitals-options{display:flex;flex-direction:column;gap:.75rem}.vital-option{background:linear-gradient(135deg,#fef3c7 0%,#f5f5f4 100%);border:2px solid rgba(161,98,7,.2);border-radius:10px;padding:1rem 1.25rem;transition:all .3s ease}.vital-option:hover{border-color:#365314;background:linear-gradient(135deg,#fff 0%,#f7f7f5 100%)}.vital-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;width:100%}.vital-checkbox input[type="checkbox"]{display:none}.checkmark{width:20px;height:20px;border:2px solid #a16207;border-radius:5px;position:relative;transition:all .3s ease;flex-shrink:0}.vital-checkbox input[type="checkbox"]:checked+.checkmark{background:linear-gradient(135deg,#365314 0%,#2d4a0e 100%);border-color:#2d4a0e}.vital-checkbox input[type="checkbox"]:checked+.checkmark::after{content:'✓';position:absolute;color:#fff;font-size:14px;font-weight:bold;top:50%;left:50%;transform:translate(-50%,-50%)}.vital-icon{color:#a16207;font-size:1.1rem;width:20px;text-align:center;flex-shrink:0}.vital-checkbox input[type="checkbox"]:checked~.vital-icon{color:#365314}.vital-label{font-weight:600;color:#2d3748;font-size:1rem;min-width:80px}.vital-description{color:#6b7280;font-size:.85rem;line-height:1.3}.vitals-selection-modal .modal-footer{background:#f8fafc;padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;flex-shrink:0}.vitals-selection-modal .modal-footer .btn{padding:.625rem 1.25rem;font-weight:600;border-radius:8px;transition:all .3s ease}@media(max-width:768px){.vitals-selection-modal .modal-content{width:95%;margin:1rem}.vital-checkbox{gap:.5rem}.vital-option{padding:.875rem 1rem}.vitals-selection-modal .modal-footer{flex-direction:column;gap:.75rem}.vitals-selection-modal .modal-footer .btn{width:100%}}