:root{color:#1c2430;background:#f5f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,input,textarea{font:inherit}.shell{box-sizing:border-box;max-width:1180px;min-height:100vh;padding:48px}.eyebrow{color:#526171;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:700}h1{margin:0 0 24px;font-size:2.3rem}h2{margin:0 0 8px;font-size:1.1rem}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tab-button{color:#1c2430;cursor:pointer;background:#e7edf3;border:1px solid #c8d2dc;border-radius:999px;min-height:40px;padding:8px 16px;font-weight:800}.tab-button[aria-selected=true]{color:#fff;background:#223044;border-color:#223044}.tab-panel{gap:24px;display:grid}.tab-panel[hidden]{display:none}.metadata{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0;display:grid}.metadata div,.status-panel,.auth-panel,.devices-panel,.ptt-panel,.device-status-panel,.debug-panel,.status-card{background:#fff;border:1px solid #d8e0e8;border-radius:8px;padding:16px}dt,.status-card span{color:#526171;text-transform:uppercase;margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}dd,.status-card strong{overflow-wrap:anywhere;margin:0;font-weight:800}.status-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.status-panel p,.context,.device-secret p,.empty-state{margin:0}.auth-panel,.devices-panel,.ptt-panel,.device-status-panel,.debug-panel{gap:14px;display:grid}.panel-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.panel-header button,.device-create-form button,.device-row-actions button{cursor:pointer;border:0;border-radius:6px;min-height:40px;padding:8px 12px;font-weight:800}.panel-header button{color:#1c2430;background:#d8e0e8}.auth-panel label,.device-create-form label,.device-secret label{color:#526171;gap:6px;font-size:.82rem;font-weight:700;display:grid}.auth-panel input,.device-create-form input,.device-secret input,.device-secret textarea{box-sizing:border-box;color:#1c2430;border:1px solid #aeb9c5;border-radius:6px;width:100%;min-height:42px;padding:8px 10px}.auth-actions{flex-wrap:wrap;gap:10px;display:flex}.auth-actions button{cursor:pointer;border:0;border-radius:6px;min-height:42px;padding:8px 14px;font-weight:800}#device-auth-submit{color:#fff;background:#0f766e}#device-auth-clear{color:#1c2430;background:#d8e0e8}.ptt-button{color:#fff;cursor:pointer;touch-action:none;background:#0f766e;border:0;border-radius:8px;min-height:148px;font-size:1.35rem;font-weight:800}.speaker-button{color:#fff;cursor:pointer;background:#223044;border:0;border-radius:6px;min-height:44px;padding:8px 14px;font-weight:800}.speaker-button.enabled{background:#0f766e}.ptt-button:disabled{cursor:not-allowed;background:#7d8896}.ptt-button.transmitting{background:#b42318}.context,.empty-state{color:#526171;overflow-wrap:anywhere}.ptt-error{color:#b42318;min-height:1.4em;margin:0;font-weight:700}.device-create-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.device-create-form button{color:#fff;background:#0f766e;align-self:end}.device-secret{background:#f7fbfa;border:1px solid #9bd3cb;border-radius:6px;gap:12px;padding:14px;display:grid}.device-secret h3{margin:0;font-size:1rem}.device-secret textarea{resize:vertical;min-height:80px}.devices-list,.device-status-list{gap:10px;display:grid}.device-row,.device-status-row{border:1px solid #d8e0e8;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.device-row strong,.device-row span,.device-status-row strong,.device-status-row span{display:block}.device-row span,.device-status-row span{color:#526171;overflow-wrap:anywhere;margin-top:4px;font-size:.9rem}.device-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.device-row-actions button[data-action=rotate]{color:#fff;background:#223044}.device-row-actions button[data-action=delete]{color:#8a1f17;background:#f2d7d5}.device-state{text-align:right;min-width:120px}.device-state strong{text-transform:uppercase;border-radius:999px;padding:5px 10px;font-size:.82rem;display:inline-block}.device-status-row.online .device-state strong{color:#0f5f58;background:#dff3ef}.device-status-row.speaking .device-state strong{color:#a4361f;background:#fee4df}.device-status-row.offline .device-state strong{color:#526171;background:#e7edf3}.device-status-row.disabled .device-state strong{color:#8a1f17;background:#f4e3e1}@media (width<=640px){.shell{padding:28px 18px}h1{font-size:1.8rem}.panel-header,.device-row,.device-status-row{flex-direction:column;align-items:stretch}.device-row-actions{justify-content:stretch}.device-row-actions button{flex:1}.device-state{text-align:left}}