/* Home Assistant card vocabulary, scoped to the installation visuals. */
.esh-dashboard,.detail-section--dark{content-visibility:auto;contain-intrinsic-size:auto 1200px}
@media(prefers-reduced-motion:reduce){.dashboard-gallery,.dashboard-gallery *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.oh-dashboard{font:14px/1.45 Arial,sans-serif;background:#f4f4f4;color:#333;border-radius:12px;overflow:hidden;box-shadow:0 25px 60px #00131530}.oh-toolbar{display:flex;align-items:center;gap:18px;background:#3f51b5;color:white;padding:20px 25px;font-size:18px}.oh-dashboard svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.oh-brand{margin-left:auto;font-size:13px;opacity:.75}.oh-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:30px;align-items:start}.oh-group{background:white;border:1px solid #e7e7e7;min-width:0}.oh-group h3{padding:17px 20px;margin:0;color:#555;font-size:15px;font-weight:500;border-bottom:1px solid #e8e8e8}.oh-row{display:flex;align-items:center;gap:13px;min-height:62px;padding:13px 18px;border-bottom:1px solid #eee}.oh-row:last-child{border-bottom:0}.oh-icon{color:#6f91a7;display:flex}.oh-label{flex:1;min-width:0}.oh-row b{font-size:13px;font-weight:400;color:#555;white-space:nowrap}.oh-segments{display:flex;flex-shrink:0;border:1px solid #ddd}.oh-segments i{font-style:normal;font-size:11px;padding:8px 9px;border-right:1px solid #ddd;white-space:nowrap}.oh-segments i:first-child{background:#fff2f7;color:#dd4080}.oh-segments i:last-child{border-right:0}.oh-toggle{position:relative;width:30px;height:13px;border-radius:10px;background:#bdbdbd;flex-shrink:0;margin:0 4px}.oh-toggle:after{content:"";position:absolute;top:-4px;left:-2px;width:21px;height:21px;border-radius:50%;background:#eee;box-shadow:0 1px 3px #0004}.oh-toggle.is-on{background:#f49abd}.oh-toggle.is-on:after{left:13px;background:#ff4081}@media(max-width:760px){.oh-body{grid-template-columns:1fr;padding:16px;gap:16px}.oh-row{padding:12px;gap:9px;font-size:12px}.oh-group h3{padding:15px}.oh-toolbar{padding:18px;font-size:16px}.oh-segments i{padding:7px;font-size:10px}.oh-icon svg{width:20px;height:20px}}@media(max-width:370px){.oh-body{padding:10px}.oh-row{padding:11px 8px;gap:6px}.oh-segments i{padding:6px 5px}}
.ha-dashboard{background:#fafafa;color:#282d32;border:1px solid #d7dce0;border-radius:15px;overflow:hidden;font:14px/1.4 Arial,sans-serif;box-shadow:0 25px 60px #00131530}
.ha-dashboard svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ha-toolbar{display:flex;align-items:center;gap:8px;padding:0 18px;background:white;border-bottom:1px solid #e1e3e5;min-height:60px;overflow:auto;white-space:nowrap}
.ha-menu{font-size:20px;margin-right:13px}.ha-tab{padding:20px 14px 17px;color:#60666b;font-size:13px;border-bottom:3px solid transparent}.ha-tab.is-active{color:#126b97;border-bottom-color:#126b97}.ha-toolbar-end{margin-left:auto;font-size:25px;letter-spacing:12px;padding-left:15px}
.ha-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:26px;padding:28px;max-width:1120px;margin:auto}.ha-column{min-width:0;display:flex;flex-direction:column;gap:12px}.ha-group{min-width:0}.ha-group-title{font-size:16px;font-weight:500;letter-spacing:0;margin:10px 3px 12px;color:#353c42}.ha-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ha-three{grid-template-columns:repeat(3,minmax(0,1fr))}.ha-card{min-width:0;border:1px solid #dedfe2;background:white;border-radius:13px;overflow:hidden;box-shadow:0 1px 1px #00000003}.ha-card strong{font-weight:500;font-size:13px;display:block}.ha-card small{display:block;font-size:11px;line-height:1.5;font-weight:400;color:#686c71}.ha-tile{padding:10px;min-height:66px}.ha-tile-main{display:flex;gap:9px;align-items:center;min-width:0}.ha-tile-main>div{min-width:0}.ha-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#eeeeef;color:#8a8c8f}.is-on .ha-icon{background:#fff3d1;color:#edb900}.ha-tile strong{line-height:1.3;overflow-wrap:anywhere}.ha-tile small{margin-top:2px}.ha-slider{position:relative;height:31px;border-radius:9px;overflow:hidden;background:#f1f0ed;margin-top:12px}.ha-slider>span{display:block;height:100%;background:#ffdd78}.ha-slider small{position:absolute;inset:6px 10px auto auto;color:#69551a;margin:0}.ha-cover-actions{display:flex;justify-content:space-around;background:#f1f3f4;border-radius:8px;margin-top:10px;height:32px;align-items:center;color:#555;font-size:20px}.ha-cover-actions span:nth-child(2){font-size:11px}.ha-graph{position:relative;min-height:120px;padding:13px 14px 50px}.ha-measure{font-size:28px;margin-top:4px;line-height:1.2}.ha-measure small{display:inline;margin-left:4px;font-size:13px}.ha-graph>svg{position:absolute;bottom:0;left:0;width:100%;height:50px;stroke:none}.ha-alarm{text-align:center;padding:25px 14px 17px}.ha-alarm-icon{display:block;color:#50a787;margin:0 0 12px}.ha-alarm-icon svg{width:40px;height:40px}.ha-alarm>strong{font-size:22px}.ha-alarm-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:22px}.ha-alarm-actions span{border-radius:20px;padding:9px 14px;background:#edf5fa;color:#166c9b;font-size:12px}.ha-button{padding:18px 8px 13px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px;text-align:center;min-height:100px;color:#757d85}.ha-button svg{width:28px;height:28px}.ha-button strong{color:#333;font-size:12px}.ha-button.is-on{color:#e6b100;background:#fffdf4}.ha-entities{padding:10px 13px}.ha-entity{display:flex;gap:11px;align-items:center;min-height:48px;font-size:12px}.ha-entity>svg{color:#a1a6ab;width:20px}.ha-entity>span:first-of-type{flex:1}.ha-select{color:#5f686f;border-bottom:1px solid #b7bdc2;padding:7px 0;min-width:69px;text-align:right;font-size:11px}.ha-toggle{width:30px;height:14px;background:#c9cdd0;position:relative;border-radius:12px;flex-shrink:0}.ha-toggle:after{content:"";position:absolute;left:-2px;top:-3px;width:20px;height:20px;background:#f3f4f5;border-radius:50%;box-shadow:0 1px 3px #0003}.ha-toggle.is-on{background:#9bd0e7}.ha-toggle.is-on:after{left:14px;background:#219ad0}.ha-thermostat{padding:18px 10px 12px;text-align:center;position:relative}.ha-thermostat>strong{min-height:32px}.ha-dial{width:145px;height:145px;max-width:100%;border:11px solid #e8ebed;border-top-color:#38a8e0;border-right-color:#38a8e0;border-left-color:#38a8e0;border-radius:50%;margin:10px auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ha-dial>span{font-size:10px;color:#5e6973}.ha-dial b{font-size:40px;font-weight:400;line-height:1.25}.ha-dial b small{display:inline;font-size:26px}.ha-adjust{display:flex;justify-content:center;gap:60px;margin-top:8px;color:#298fca;font-size:25px}.ha-hvac{display:flex;justify-content:center;gap:30px;background:#f2f4f6;color:#268dc5;border-radius:18px;margin:9px auto 0;max-width:150px;padding:6px 15px;font-size:20px}.ha-thermostat-large .ha-dial{width:210px;height:210px;border-width:15px;margin-block:15px}.ha-thermostat-large .ha-dial b{font-size:54px}.ha-room{display:flex;align-items:center;gap:14px;padding:20px;min-height:95px}.ha-room>.ha-icon{width:43px;height:43px;color:#298fc8;background:#e9f4fb}.ha-room strong{font-size:16px}.ha-room small{margin-top:5px}.ha-room-controls{display:flex;gap:12px;margin-left:auto;color:#5d8294}.ha-dashboard--bizani .ha-column>.ha-tile{margin:2px 0}.ha-dashboard--ioannina-rentals .ha-tiles+.ha-tiles{margin-top:12px}.detail-dashboard-visual{margin:0}.dashboard-section .ha-dashboard{max-width:1160px;margin:0 auto}.ha-dashboard--secret-villa .ha-group-title{margin-bottom:20px}
@media(max-width:1000px){.ha-body{padding:18px;gap:18px}.ha-dial{width:120px;height:120px;border-width:8px}.ha-dial b{font-size:33px}.ha-room{padding:15px}.ha-room-controls{gap:6px}}
@media(max-width:760px){.ha-body{grid-template-columns:1fr;padding:15px;gap:22px}.ha-toolbar{padding:0 10px;gap:0;min-height:52px}.ha-tab{padding:17px 10px 14px;font-size:12px}.ha-toolbar-end{display:none}.ha-menu{font-size:17px;margin-right:7px}.ha-tile{padding:9px}.ha-tile strong{font-size:12px}.ha-icon{width:30px;height:30px}.ha-icon svg{width:19px;height:19px}.ha-entity{gap:8px}.ha-entities{padding:10px}.ha-dial{width:135px;height:135px}.ha-thermostat{padding:16px 6px 12px}.ha-room strong{font-size:15px}.ha-alarm-actions span{padding:9px 10px}.ha-card strong{overflow-wrap:anywhere}}
.ha-entity>span:first-of-type{min-width:0;overflow-wrap:anywhere}
.dashboard-slide>.ha-dashboard,.dashboard-slide>.oh-dashboard{height:100%}.oh-brand{padding-right:42px}.dashboard-gallery .dashboard-slides{align-items:stretch}.ha-tiles>.ha-entities{grid-column:1/-1}
.ha-slider>.ha-level-35{width:35%}.ha-slider>.ha-level-40{width:40%}.ha-slider>.ha-level-45{width:45%}.ha-slider>.ha-level-50{width:50%}.ha-slider>.ha-level-55{width:55%}.ha-slider>.ha-level-65{width:65%}.ha-slider>.ha-level-70{width:70%}.ha-slider>.ha-level-75{width:75%}.ha-slider>.ha-level-80{width:80%}
.ha-slider>.ha-level-30{width:30%}.ha-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.dashboard-gallery-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dashboard-indicators{display:flex;flex-wrap:wrap;gap:8px}.dashboard-gallery button{font:inherit;color:#c3d9d8;border:1px solid #567477;background:transparent;cursor:pointer;min-height:44px;border-radius:4px;transition:background .2s,color .2s}.dashboard-gallery button:hover{background:#ffffff12}.dashboard-gallery button:focus-visible{outline:3px solid #5ce1e6;outline-offset:3px}.dashboard-indicator{display:flex;gap:8px;align-items:center;padding:10px 14px;font-size:.8rem!important}.dashboard-indicator span{opacity:.6;font-size:.68rem}.dashboard-indicator.is-active{background:#5ce1e6;color:#102b2e;border-color:#5ce1e6}.dashboard-gallery-actions{display:flex;gap:8px;flex-shrink:0}.dashboard-gallery-actions button{padding:8px 13px}.dashboard-gallery-actions .dashboard-play{font-size:.75rem;min-width:92px}.dashboard-prev,.dashboard-next{min-width:44px}.dashboard-slides{display:grid;align-items:start}.dashboard-slide{grid-area:1/1;visibility:hidden;pointer-events:none;min-width:0}.dashboard-slide.is-active{visibility:visible;pointer-events:auto}.dashboard-gallery .ha-column>.ha-tiles+.ha-tiles{margin-top:10px}
@media(max-width:1000px){.dashboard-gallery-bar{align-items:flex-start;flex-direction:column}.dashboard-gallery-actions{align-self:flex-end}.ha-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:530px){.dashboard-indicators{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.dashboard-indicator{padding:10px;font-size:.75rem!important}.dashboard-gallery-bar{gap:12px}.dashboard-gallery-actions{width:100%;justify-content:flex-end}.dashboard-gallery-actions .dashboard-play{margin-right:auto}}
.dashboard-slides{display:block}.dashboard-slide{display:none}.dashboard-slide.is-active{display:block}
.dashboard-gallery .dashboard-indicator.is-active:hover{background:#a1f2f3;color:#102b2e}
@media(max-width:530px){.ha-dashboard--yellow-house .ha-column>.ha-tiles>.ha-entities{grid-column:1 / -1}}
@media(max-width:370px){.ha-body{padding:10px}.ha-dial{width:111px;height:111px}.ha-tile-main{gap:6px}.ha-icon{width:26px;height:26px}.ha-select{min-width:55px}}
.dashboard-picture{position:relative;cursor:pointer}.dashboard-slides{display:grid;align-items:start}.dashboard-slide{display:block;grid-area:1/1;visibility:hidden;pointer-events:none}.dashboard-slide.is-active{visibility:visible;pointer-events:auto}.dashboard-picture>.dashboard-prev,.dashboard-picture>.dashboard-next,.dashboard-picture>.dashboard-play{position:absolute;z-index:2;background:#102b2ee8;color:white;border:1px solid #ffffff80;border-radius:50%;width:44px;height:44px;min-height:44px;padding:0;box-shadow:0 2px 10px #0003}.dashboard-picture>.dashboard-prev{left:10px;top:45%}.dashboard-picture>.dashboard-next{right:10px;top:45%}.dashboard-picture>.dashboard-play{right:10px;top:9px;font-size:13px}.dashboard-picture>button:hover{background:#245458}.dashboard-gallery .dashboard-indicators{display:flex;justify-content:center;gap:3px;margin:16px 0 0;width:auto}.dashboard-gallery .dashboard-indicator{display:block;position:relative;border:0;background:transparent;width:32px;min-height:32px;padding:0;border-radius:50%}.dashboard-indicator:after{content:"";display:block;width:9px;height:9px;border-radius:50%;background:#759194;margin:auto}.dashboard-indicator.is-active:after{background:#5ce1e6;box-shadow:0 0 0 3px #5ce1e626}.dashboard-gallery .dashboard-indicator.is-active:hover{background:#ffffff12}.dashboard-gallery .dashboard-indicator.is-active{background:transparent}