/* Home-Nest v41: clear mobile-first multi-hub controls with per-display status/actions. */
.hub-control-modal{max-width:680px!important;max-height:90vh;overflow-y:auto}
.hub-control-modal .hub-status{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:14px;background:var(--surface-secondary,#f0f5f1);margin:12px 0}
.hub-status-dot{width:12px;height:12px;border-radius:50%;background:#d29a43;flex-shrink:0}.hub-status-dot.ready{background:#40ad78}
.hub-status strong,.hub-status small{display:block}.hub-status small{font-size:12px;opacity:.7;margin-top:2px}
.hub-panel{border:1px solid var(--line,#e2e8e3);border-radius:14px;padding:15px;margin:12px 0}
.hub-panel>strong{font-size:15px}.hub-panel>p{font-size:12px;line-height:1.55;opacity:.75;margin:7px 0 12px}
.hub-row,.hub-all-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.hub-row .btn,.hub-all-actions .btn{font-size:13px;padding:10px 13px;white-space:normal}
.hub-add-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0}
.hub-input{width:100%;min-width:0;border:1px solid #b5c7ba;border-radius:10px;padding:12px;font-size:14px;color:inherit;background:transparent}
.hub-toggle{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5}.hub-toggle input{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:#2b9163}
.hub-devices{display:flex;flex-direction:column;gap:5px;margin-top:10px}.hub-devices button{padding:10px;text-align:left;border:1px solid #cadacd;border-radius:9px;background:transparent;color:inherit;cursor:pointer;overflow-wrap:anywhere}
.hub-saved-devices{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.hub-device-card{border:1px solid var(--line,#d5e2d8);background:var(--surface-secondary,rgba(32,93,59,.045));border-radius:15px;padding:13px}
.hub-device-top{display:flex;align-items:center;gap:10px;min-width:0}.hub-device-icon{width:35px;height:35px;border-radius:11px;background:rgba(40,131,86,.14);color:#358861;display:grid;place-items:center;flex-shrink:0;font-size:20px}
.hub-device-title{flex:1;min-width:0}.hub-device-title strong,.hub-device-title small{display:block;overflow-wrap:anywhere}.hub-device-title strong{font-size:14px}.hub-device-title small{font-size:12px;opacity:.7}
.hub-device-state{font-size:10px;background:rgba(120,150,130,.13);border-radius:30px;padding:5px 8px;max-width:140px;overflow-wrap:anywhere;text-align:right}.hub-device-state.active{background:rgba(39,157,98,.19);color:#268c5b}
.hub-device-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.hub-device-actions .btn{font-size:12px;padding:8px 12px}
.hub-device-auto{margin-top:4px}.hub-device-edit{margin-top:12px;border-top:1px solid var(--line,#d5e2d8);padding-top:10px}
.hub-device-edit summary{cursor:pointer;font-size:12px;font-weight:600;opacity:.85}.hub-device-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:11px}
.hub-device-edit-form label{font-size:12px;font-weight:500}.hub-device-edit-form .hub-input{margin-top:6px}.hub-device-edit-form .hub-row{grid-column:1 / -1}
.hub-delete{color:#b34d47!important}.hub-feedback{font-size:13px;line-height:1.5;min-height:20px;color:#197d4e;white-space:normal;overflow-wrap:anywhere}.hub-feedback.error{color:#c34444}
.hub-hint{border-radius:9px;background:#faeed6;padding:11px;font-size:12px;color:#443521}.hub-hint code{user-select:all;overflow-wrap:anywhere}
.hub-note,.hub-empty{font-size:12px;line-height:1.6;opacity:.75}
@media(max-width:600px){.hub-panel{padding:12px}.hub-add-form,.hub-device-edit-form{grid-template-columns:1fr}.hub-device-edit-form .hub-row{grid-column:1}.hub-all-actions .btn{flex:1}.hub-control-modal{max-height:86vh}.hub-device-top{flex-wrap:wrap}.hub-device-state{margin-left:auto}}
