.device.type-cover{--device:var(--fan);--device-soft:var(--fan-soft)}.device.type-media{--device:var(--accent);--device-soft:var(--accent-bg)}.device.type-sensor,.device.type-binary,.device.type-update{--device:var(--energy);--device-soft:var(--energy-soft)}.device:not(:has(.tile-control)):not(:has(.thermostat-stepper)){min-height:65px}.thermostat-stepper{margin-top:12px}.sensor-reading{font-size:26px;padding:12px 8px 0}.sensor-reading small{font-size:14px;color:var(--muted)}.snapshot-line{width:100%;height:35px;stroke:var(--energy)}.room-group h3>span{font-size:12px;text-align:right}.entity-range{display:block;margin:22px 0!important;font-size:14px}.entity-range output{float:right;font-weight:600}.entity-range input{display:block;width:100%;margin-top:14px;accent-color:var(--device,var(--accent));cursor:pointer}.entity-select{display:block;font-size:14px}.entity-select select{display:block;margin-top:8px}.entity-history{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.entity-history h3{font-size:16px}.entity-history>p{font-size:12px}.history-entry{display:flex;justify-content:space-between;gap:15px;padding:12px 0;font-size:14px}.history-entry time{color:var(--muted);font-size:12px;white-space:nowrap}.cover-panel{max-width:340px;margin:auto}.cover-preview{border:3px solid var(--line);border-radius:8px;background:var(--raised);height:155px;width:145px;margin:0 auto 25px;overflow:hidden}.cover-preview>div{height:var(--closed);background:repeating-linear-gradient(0deg,var(--fan) 0 9px,var(--fan-soft) 9px 12px);transition:height .15s}.cover-actions,.media-actions{display:flex;justify-content:center;gap:10px;margin:18px 0}.cover-actions button{font-size:14px}.cover-actions button:disabled{opacity:.4;cursor:default}.media-panel{text-align:center;padding:25px 15px 5px}.media-symbol{display:grid;place-items:center;width:100px;height:100px;background:var(--accent-bg);border-radius:18px;margin:0 auto 22px}.media-symbol svg{width:50px;height:50px;color:var(--accent)}.media-panel h3{font-size:22px;margin-bottom:10px}.media-panel .entity-range,.media-panel .entity-select{text-align:left}.media-state{font-size:13px;color:var(--muted)}.media-actions button[aria-pressed=true]{background:var(--primary);color:var(--primary-text)}.climate-panel{padding:20px 5px 0;max-width:380px;margin:auto}.climate-panel>p{text-align:center}.climate-panel>p strong{display:block;color:var(--text);font-size:22px;margin-top:8px}.thermostat-dial{width:235px;height:235px;border:18px solid var(--climate-soft);border-top-color:var(--climate);border-right-color:var(--climate);border-radius:50%;margin:25px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.thermostat-dial span{color:var(--climate);font-size:14px}.thermostat-dial strong{font-size:38px;font-weight:500}.thermostat-dial small{font-size:18px}.climate-selects{display:grid;grid-template-columns:1fr 1fr;gap:15px}.device-dialog:has(.entity-history){max-height:90dvh}.reference-badges{display:flex;justify-content:center;gap:10px;margin-bottom:22px}.reference-badges button{display:flex;align-items:center;gap:7px;font-size:13px;border-radius:25px;background:var(--surface)}.reference-badges svg{width:17px;height:17px}.reference-badges button:first-child svg{color:var(--climate)}.reference-badges button:nth-child(2) svg{color:var(--accent)}@media(max-width:550px){.climate-panel{padding:10px 0}.cover-actions button{padding:9px 11px}.media-panel{padding:20px 0}.history-entry{font-size:13px}.reference-badges{gap:6px}.reference-badges button{padding:8px 10px}}