.view-panel[hidden]{display:none!important}
.view-tabs{display:flex;align-items:center;gap:22px}
.view-tabs button{border:0;border-bottom:1px solid transparent;background:none;padding:9px 0;font:11px var(--sans);letter-spacing:.6px;color:#71634f;min-height:36px;white-space:nowrap;transition:color .2s,border-color .2s}
.view-tabs button[aria-selected=true]{color:#4c664f;border-bottom-color:#667c5a}
.location-control select{max-width:100px}
/* Slats lift and fade away completely, leaving the open view unobstructed. */
.window-host .louvres{opacity:clamp(0,calc(1 - var(--blind-progress,0)*1.15),1)}
.window-host .blind-cords,.window-host.is-open .blind-cords,.window-host .cord-control{opacity:calc(1 - var(--blind-progress,0))}
.history-panel{padding:22px 0 35px;animation:history-arrive .5s ease both}
.history-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 28px}
.history-heading h2{font:44px/1.1 var(--serif);font-weight:400;letter-spacing:-.5px;margin:12px 0}
.history-range{font-size:10px;line-height:1.6;color:#71634f;margin:0}
.history-refresh{font:10px var(--sans);background:#fff9ed66;border:1px solid #cab99c;border-radius:20px;padding:10px 15px;white-space:nowrap;min-height:36px}
.history-refresh span{margin-left:8px;font-size:15px}.history-refresh:disabled{opacity:.6}
.history-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.history-card{min-width:0;padding:22px 18px 18px;border:1px solid #d6c7ad;border-radius:3px;background:linear-gradient(140deg,#fff9ed99,#fff9ed33)}
.history-card-heading{display:flex;justify-content:space-between;align-items:baseline;gap:7px}
.history-card h3{font-size:11px;letter-spacing:.6px;font-weight:600;margin:0}.history-card-heading>span{font-size:9px;color:#71634f}
.history-reading{display:flex;align-items:baseline;gap:12px;margin-top:15px;flex-wrap:wrap}.history-reading strong{font:52px/1 var(--serif);font-weight:400;font-variant-numeric:lining-nums tabular-nums}.history-reading>span{font-size:10px}
.history-latest{font-size:9px;color:#71634f;margin:10px 0 14px;min-height:14px}
.history-chart svg{display:block;width:100%;height:auto;overflow:visible;fill:none;stroke:none}
.history-chart svg text{font:18px var(--sans);fill:#71634f;stroke:none}
.history-chart .chart-grid{stroke:#cbbda6;stroke-width:1;stroke-dasharray:3 5}
.history-chart .chart-line{stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.history-summary{font-size:10px;color:#63584b;margin:16px 0 5px}.history-source{font-size:9px;color:#71634f;margin:0;line-height:1.6}
.history-status{font-size:10px;color:#71634f;text-align:center;margin:22px 0}
.history-details{border-top:1px solid #d4c4a9;border-bottom:1px solid #d4c4a9}
.history-details summary{padding:17px 2px;cursor:pointer;font-size:11px;letter-spacing:.2px}.history-details summary span{float:right;margin-right:3px}
.history-table-scroll{overflow:auto;max-height:440px;overscroll-behavior:contain}
.history-table{width:100%;border-collapse:collapse;text-align:right;font-size:12px;font-variant-numeric:lining-nums tabular-nums}
.history-table th,.history-table td{padding:13px 15px;border-bottom:1px solid #ddcfb8;white-space:nowrap}
.history-table th:first-child{text-align:left;font-size:10px;font-weight:400;color:#71634f}
.history-table thead{position:sticky;top:0;background:#f0e7d7}.history-table thead th{font-size:10px;font-weight:500}.history-table thead span{display:block;font-size:8px;font-weight:400;margin-top:3px}
.history-note{font-size:10px;line-height:1.8;color:#71634f;max-width:740px;margin:17px 0 0}.history-location-status{font-size:10px;line-height:1.7;color:#71634f;margin-top:10px}
.is-history-page main{justify-content:flex-start}.is-history-page .footer-mood{visibility:hidden}
@keyframes history-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.history-cards{gap:12px}.history-card{padding:18px 12px}.history-card-heading{display:block}.history-card-heading>span{display:block;margin-top:5px}}
@media(max-width:700px){.above-window{gap:10px}.view-tabs{gap:14px}.view-tabs button{font-size:9px;letter-spacing:.2px;min-height:34px}.location-control select{max-width:76px}.history-panel{padding:18px 0 25px}.history-heading{margin-bottom:22px;gap:10px}.history-heading h2{font-size:33px}.history-heading .eyebrow{font-size:8px;letter-spacing:1px}.history-range{font-size:9px}.history-refresh{font-size:9px;padding:8px 12px}.history-cards{grid-template-columns:1fr;gap:15px}.history-card{padding:19px 18px}.history-card-heading{display:flex}.history-card-heading>span{margin-top:0;font-size:10px}.history-reading strong{font-size:48px}.history-chart{max-width:520px}.history-table th,.history-table td{padding:12px 8px}.history-table{font-size:11px}.history-table th:first-child{font-size:9px}.history-note{font-size:9px}.history-location-status{font-size:9px}}
@media(max-width:350px){.view-tabs{gap:9px}.view-tabs button{font-size:8.5px}.location-control>svg{display:none}.history-card{padding:17px 14px}.history-heading h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.history-panel{animation:none}}

.history-missing{margin:0 auto 20px;text-align:center;max-width:850px}.history-missing:empty{display:none}