.smart-home-head{margin-bottom:12px}.smart-home-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}.smart-home-kpis>*{display:grid;gap:2px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);text-decoration:none}.smart-home-kpis strong{font-size:18px}.smart-home-kpis span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.smart-connection-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:12px}.smart-connection-main{display:grid;gap:9px}.smart-connection-title{display:flex;align-items:center;gap:10px}.smart-connection-title h2{margin:0;font-size:18px}.smart-status-dot{width:11px;height:11px;border-radius:999px;background:#9d9d97;box-shadow:0 0 0 4px color-mix(in srgb,#9d9d97 12%,transparent)}.smart-status-dot.status-ok,.smart-status-dot.status-connected,.smart-status-dot.status-online{background:#4f8a68;box-shadow:0 0 0 4px color-mix(in srgb,#4f8a68 14%,transparent)}.smart-status-dot.status-error,.smart-status-dot.status-offline{background:#c85b53;box-shadow:0 0 0 4px color-mix(in srgb,#c85b53 14%,transparent)}.smart-connection-main>p{margin:0;font-size:10px;color:var(--muted)}.smart-connection-meta{display:flex;gap:7px;flex-wrap:wrap}.smart-connection-meta span{display:grid;gap:2px;min-width:125px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:8px;color:var(--muted)}.smart-connection-meta b{font-size:8px;color:var(--ink)}.smart-connection-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.smart-connection-actions form{display:inline-flex}.smart-security-ok,.smart-security-warning{display:grid;gap:3px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;font-size:9px}.smart-security-ok{background:color-mix(in srgb,#4f8a68 7%,var(--surface))}.smart-security-warning{background:color-mix(in srgb,#c9893d 9%,var(--surface));border-color:color-mix(in srgb,#c9893d 35%,var(--line))}.smart-security-ok span,.smart-security-warning span{color:var(--muted);line-height:1.45}.smart-home-onboarding{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.smart-home-onboarding>div{display:grid;gap:5px}.smart-home-onboarding h2{margin:0}.smart-home-onboarding p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.smart-filter-panel{margin-bottom:12px}.smart-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.smart-device-card{display:grid;align-content:start;gap:11px;min-width:0}.smart-device-card.offline{opacity:.76}.smart-device-card.stale{border-color:color-mix(in srgb,#c9893d 38%,var(--line))}.smart-device-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center}.smart-device-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-size:18px}.smart-device-name{display:grid;gap:2px;min-width:0}.smart-device-name strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-device-name span{font-size:8px;color:var(--muted)}.smart-device-online{display:inline-flex;align-items:center;min-height:24px;padding:0 7px;border-radius:999px;background:color-mix(in srgb,#c85b53 10%,var(--surface));color:#b44a43;font-size:8px;font-weight:900;white-space:nowrap}.smart-device-online.online{background:color-mix(in srgb,#4f8a68 10%,var(--surface));color:#3f7758}.smart-device-card.stale .smart-device-online{background:color-mix(in srgb,#c9893d 11%,var(--surface));color:#a66d2d}.smart-device-room{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}.smart-device-room>span{font-size:8px;font-weight:850;color:var(--muted)}.smart-device-room form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}.smart-device-room select{min-width:0;width:100%;font-size:10px}.smart-device-room>strong{font-size:10px}.smart-device-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.smart-device-meta>span{display:grid;gap:2px;min-width:0;padding:7px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.smart-device-meta small{font-size:7px;color:var(--muted)}.smart-device-meta strong{font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-entity-list{display:grid;gap:4px}.smart-entity-list>div{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:8px;background:var(--surface-2);font-size:9px}.smart-entity-list span{color:var(--muted)}.smart-device-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:end;margin-top:auto}.smart-device-controls form{display:inline-flex}.smart-readonly-note{font-size:9px;color:var(--muted)}.smart-readonly-note.warning{color:#a66d2d}.smart-climate-control{display:grid!important;grid-template-columns:minmax(110px,1fr) auto;gap:6px;width:100%}.smart-climate-control label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px;align-items:center}.smart-climate-control label>span,.smart-climate-control small{font-size:8px;color:var(--muted)}.smart-climate-control input{min-width:0;width:100%}.smart-automation-panel{margin-top:12px}.smart-automation-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.smart-automation-list>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:7px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.smart-automation-list strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-automation-list small{font-size:8px;color:#3f7758}body.domelyra-app[data-theme="dark"] .smart-device-online.online,body.domelyra-app[data-theme="dark"] .smart-automation-list small{color:#83b598}body.domelyra-app[data-theme="dark"] .smart-device-online{color:#dc8882}
@media(max-width:1100px){.smart-home-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.smart-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-automation-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.smart-home-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-connection-card{grid-template-columns:1fr}.smart-connection-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}.smart-connection-actions>*{width:100%}.smart-connection-actions .button{width:100%;justify-content:center}.smart-home-onboarding{align-items:stretch;flex-direction:column}.smart-device-grid{grid-template-columns:1fr}.smart-device-room{grid-template-columns:1fr}.smart-device-meta{grid-template-columns:1fr 1fr}.smart-device-meta>span:last-child{grid-column:1/-1}.smart-automation-list{grid-template-columns:1fr}.smart-device-controls>.button,.smart-device-controls>form{flex:1 1 auto}.smart-device-controls form .button{width:100%;justify-content:center}}
@media(max-width:430px){.smart-home-kpis{grid-template-columns:1fr 1fr}.smart-connection-actions{grid-template-columns:1fr}.smart-device-head{grid-template-columns:36px minmax(0,1fr)}.smart-device-online{grid-column:2;justify-self:start}.smart-device-meta{grid-template-columns:1fr}.smart-device-meta>span:last-child{grid-column:auto}.smart-device-room form{grid-template-columns:1fr}.smart-climate-control{grid-template-columns:1fr}}