.offline-banner{padding:13px 16px;background:#f1e9db;color:#806641;font-size:12px;border-radius:6px;margin-bottom:20px}.hardware-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:25px}.scene-list{border-left:1px solid var(--line);padding-left:22px}.real-room-row{display:flex;align-items:center;gap:9px;padding:15px 0;border-bottom:1px solid var(--line)}.real-room-row strong{margin-right:auto;overflow-wrap:anywhere}.real-room-row .icon-button{width:40px;height:44px}.form-field input{max-width:100%}.real-device-meta{font-size:10px;color:var(--muted);overflow-wrap:anywhere;margin-top:6px}.hardware-status{font-size:11px;color:#8a9685;line-height:1.6;margin:14px 0}.hardware-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:auto;padding-top:12px}.hardware-actions .icon-button{width:40px;height:40px}.real-scene{display:flex;gap:7px;align-items:center}.real-scene .scene-button{min-width:0}.real-scene strong{overflow-wrap:anywhere}.scene-action-line{padding:13px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 108px;gap:9px;align-items:center}.scene-action-line label{font-size:12px;display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}.scene-action-line input{accent-color:var(--green);width:18px;height:18px;flex-shrink:0}.scene-action-line select{border:1px solid var(--line);background:white;padding:10px 5px;border-radius:5px;min-width:0}.scene-form-list{max-height:42vh;overflow:auto}.welcome-photo{position:relative;height:180px;margin-bottom:23px;border-radius:8px;overflow:hidden;background:#dce3d6}.welcome-photo img{width:100%;height:100%;object-fit:cover}.welcome-photo span{position:absolute;bottom:15px;left:18px;background:#fbfcfaee;padding:9px 13px;border-radius:4px;font-size:12px}.login-brand{text-align:center;font-size:30px;font-weight:750;margin-bottom:24px}.pair-state{padding:16px 0;font-size:13px;line-height:1.8}.pair-devices{display:grid;gap:8px;margin:15px 0}.pair-device{padding:12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);font-size:12px;background:transparent;text-align:left;width:100%}.pair-device span{overflow-wrap:anywhere}.pair-device svg{margin-left:auto}.real-stats{font-size:12px;color:var(--muted);margin-bottom:22px}.hardware-layout .device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hardware-layout .device-card{min-height:190px}.form-error{margin-top:12px}.toggle:after{inset:-12px -6px}
.pair-device .real-device-meta{display:block}.text-button{min-height:44px;padding:10px 12px}
@media(max-width:900px){.hardware-layout{grid-template-columns:1fr}.scene-list{padding:0;border:0;margin-top:10px}}
@media(max-width:600px){.topbar{align-items:flex-start}.topbar .primary-button{font-size:11px;padding:10px}.topbar h1{font-size:20px}.real-room-row{gap:5px}.real-room-row strong{font-size:12px}.real-room-row .icon-button{width:34px}.welcome-photo{height:140px}.hardware-layout .device-grid{gap:10px}.device-card h3{margin-top:12px}.real-scene>.icon-button{width:38px}}