.hardware-panel{padding:32px!important}.hardware-panel>section{width:min(980px,calc(100vw - 64px));max-height:min(860px,calc(100vh - 64px));overflow:auto;padding:38px!important}.hardware-heading,.hardware-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.hardware-heading{margin-bottom:24px}.hardware-heading>button{flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.09);color:#fff;font-size:24px}.hardware-toolbar{margin:0 0 28px;padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.03)}.hardware-toolbar p{max-width:650px;margin:0;color:#aab2c5}.hardware-toolbar button,.hardware-list button,.hardware-bed-list button{padding:11px 17px;border:0;border-radius:13px;background:var(--salon-accent,#818cf8);color:#080b18;font-weight:800}.hardware-list,.hardware-bed-list{display:grid;gap:12px}.hardware-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:18px 20px;border:1px solid #34394c;border-radius:15px;background:#1c2030}.hardware-list article>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.hardware-list small{grid-column:2;color:#99a2b8}.hardware-state{width:10px;height:10px;border-radius:50%;background:#667085}.hardware-state.online{background:#34d399;box-shadow:0 0 10px #34d399}.hardware-bed-list article{display:grid;grid-template-columns:minmax(130px,1fr) minmax(220px,2fr) 90px auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.03)}.hardware-bed-list select,.hardware-bed-list input{width:100%;min-height:46px}.hardware-panel h4{margin:34px 0 14px}.hardware-form-panel{z-index:140;padding:34px!important}.hardware-form-panel>section{width:min(760px,calc(100vw - 68px));padding:30px!important;overflow:visible!important}.hardware-form-panel form{padding:34px!important}.hardware-form-panel h3{margin:0 0 26px!important}.hardware-form-panel .form-grid{gap:18px 20px}.hardware-form-panel label{margin:0!important;gap:9px!important}.hardware-form-panel input,.hardware-form-panel select{width:100%;min-height:54px;margin:0!important}.hardware-form-panel select{color-scheme:dark}.hardware-form-panel select option,.hardware-panel select option{background:#202638!important;color:#f8fafc!important}.hardware-form-panel .smtp-check{align-self:end;min-height:54px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04)}.hardware-form-panel .queue-form-actions{margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}.hardware-form-panel .queue-form-actions button{min-width:130px;padding:12px 19px}.hardware-form-panel .queue-form-actions button[type=submit]{background:var(--salon-accent,#818cf8)!important;color:#080b18!important}.hardware-form-panel .panel-error:empty{display:none}@media(max-width:700px){.hardware-panel{padding:14px!important}.hardware-panel>section{width:calc(100vw - 28px);padding:24px!important}.hardware-toolbar,.hardware-heading{align-items:flex-start}.hardware-toolbar{flex-direction:column}.hardware-toolbar button{width:100%}.hardware-bed-list article,.hardware-list article{grid-template-columns:1fr}.hardware-bed-list article button{width:100%}.hardware-form-panel{padding:14px!important}.hardware-form-panel>section{width:calc(100vw - 28px);padding:16px!important}.hardware-form-panel form{padding:24px!important}.hardware-form-panel .form-grid{grid-template-columns:1fr}.hardware-form-panel .queue-form-actions{display:grid;grid-template-columns:1fr 1fr}.hardware-form-panel .queue-form-actions button{min-width:0}}
.hardware-form-panel .smtp-check{display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:12px!important}.hardware-form-panel .smtp-check input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;display:block!important;flex:0 0 22px!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:6px!important;background:#202638!important;box-shadow:none!important}.hardware-form-panel .smtp-check input[type=checkbox]:checked{border-color:var(--salon-accent,#818cf8)!important;background:var(--salon-accent,#818cf8)!important;box-shadow:inset 0 0 0 4px #202638!important}.hardware-form-panel .smtp-check input[type=checkbox]:focus-visible{outline:2px solid color-mix(in srgb,var(--salon-accent,#818cf8) 65%,white);outline-offset:3px}
.pairing-key-panel>section{width:min(720px,calc(100vw - 48px));padding:36px!important}.pairing-key-panel p{color:#aab2c5;line-height:1.55}.pairing-key-panel textarea{width:100%;min-height:260px;margin-top:14px;padding:18px!important;font:14px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;color:#dbeafe;background:#080c18!important}.hardware-pair{background:rgba(129,140,248,.16)!important;color:#c7d2fe!important}
.bridge-download{display:inline-flex;align-items:center;padding:11px 17px;border-radius:13px;background:rgba(129,140,248,.16);color:#c7d2fe;text-decoration:none;font-weight:750}
.hardware-list .hardware-delete{background:rgba(244,63,94,.14)!important;color:#fda4af!important}.hardware-list article{grid-template-columns:minmax(0,1fr) auto auto auto auto}
.hardware-list article>button{white-space:nowrap}.hardware-list article>span{min-width:58px;text-align:center}@media(max-width:860px){.hardware-list article{grid-template-columns:minmax(0,1fr) auto auto}.hardware-list article>span{grid-column:2}.hardware-list article>button{grid-row:2}.hardware-list article>div{grid-row:1/3}}@media(max-width:700px){.hardware-list article>div,.hardware-list article>span,.hardware-list article>button{grid-row:auto;grid-column:auto}.hardware-list article>button{width:100%}}