.climate-toolbar,.climate-summary,.climate-sensor header,.climate-values{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.climate-toolbar{margin-bottom:20px}.climate-toolbar label{display:grid;gap:6px}.climate-toolbar select{min-height:42px}.climate-summary{justify-content:stretch}.climate-summary>div{flex:1;min-width:180px;padding:18px;border:1px solid var(--line,#dbe3d9);border-radius:14px;background:var(--card,#fff)}.climate-summary small{display:block;margin-bottom:8px}.climate-summary strong{font-size:24px}.climate-explanation{line-height:1.6;color:var(--muted,#62746c);max-width:1100px}.climate-zone{margin:24px 0}.climate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.climate-sensor{border:1px solid var(--line,#dbe3d9);border-left:4px solid #218b50;border-radius:14px;padding:18px;background:var(--card,#fff);min-width:0}.climate-sensor.warning{border-left-color:#b77700}.climate-sensor.no_data{border-left-color:#828b91}.climate-sensor header span{font-size:12px;padding:4px 8px;border-radius:8px;background:#e8f4e5;color:#1b5829}.climate-sensor.warning header span{background:#fff0d4;color:#765200}.climate-sensor.no_data header span{background:#ecedef;color:#53606a}.climate-sensor p{font-size:13px;line-height:1.5;color:var(--muted,#62746c)}.climate-values{justify-content:flex-start;gap:30px;margin:18px 0}.climate-values strong{font-size:26px}.climate-sensor summary{cursor:pointer;padding:14px 0;min-height:44px}.climate-chart{margin:10px 0}.climate-chart figcaption{font-size:12px}.climate-chart svg{width:100%;height:auto;color:#278951;fill:currentColor}.climate-chart text{fill:var(--muted,#62746c);font:10px sans-serif}.climate-chart polyline{fill:none;stroke:currentColor;stroke-width:1.8}.climate-chart .climate-band{fill:#218b5018}.climate-chart .climate-limit{stroke:#218b5060;stroke-dasharray:4 4}.climate-chart .climate-range{stroke:#27895170;stroke-width:3}.climate-dialog{width:min(720px,95vw);max-height:90vh;overflow:auto;border:1px solid #dbe3d9;border-radius:16px;padding:24px;background:var(--card,#fff);color:var(--text,#1b2923)}.climate-dialog::backdrop{background:#18342670}.climate-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.climate-dialog form{display:grid;gap:14px;margin:20px 0}.climate-dialog label{display:grid;gap:6px}.climate-dialog input,.climate-dialog select,.climate-dialog button{min-height:42px}.climate-dialog input[type=checkbox]{min-height:20px;justify-self:start}.climate-dialog fieldset{border:1px solid #dbe3d9;border-radius:12px;padding:14px;min-width:0}.climate-warning{padding:14px;border:1px solid #d69e3e;border-radius:10px}.climate-empty{padding:24px;border:1px dashed #aaa;border-radius:14px}@media(max-width:950px){.climate-grid{grid-template-columns:1fr}}@media(max-width:600px){.climate-toolbar>*{width:100%}.climate-summary>div{min-width:140px}.climate-values strong{font-size:22px}}
.climate-summary>div,.climate-sensor,.climate-dialog{background:var(--paper,var(--panel,#fff));color:var(--ink,#162b20)}
.climate-grid{align-items:start}
.climate-sensor header{padding:0 0 12px;min-height:0;border:0}
.climate-toolbar button,.climate-sensor button,.climate-dialog button{font:inherit;font-weight:600;min-height:42px;padding:9px 14px;border:1px solid var(--line,#dbe3d9);border-radius:9px;background:var(--paper-soft,var(--panel-soft,#f0f3ec));color:var(--ink,#162b20);cursor:pointer}
.climate-toolbar select,.climate-dialog select,.climate-dialog input:not([type=checkbox]),#climate-hours{font:inherit;font-size:14px;min-height:42px;border:1px solid var(--line,#dbe3d9);border-radius:9px;padding:8px 12px;background:var(--paper,var(--panel,#fff));color:var(--ink,#162b20);max-width:100%}
.climate-dialog button[type=submit]{background:var(--green,var(--brand,#218b50));color:#fff}
.climate-toolbar button:hover,.climate-sensor button:hover{border-color:var(--green,#218b50)}
.climate-dialog [role=alert]{color:var(--red,var(--danger,#c22))}