.project-climate-dashboard { container-type:inline-size; color:var(--platform-text,#343735); min-width:0; }
.project-climate-dashboard * { box-sizing:border-box; }
.project-climate-dashboard h3 { font-size:17px; font-weight:650; margin:0 0 12px; }
.project-climate-dashboard p { line-height:1.5; margin:6px 0; }
.climate-source-controls,.climate-controls,.climate-range-fields { display:flex; flex-wrap:wrap; gap:12px; align-items:end; }
.project-climate-dashboard label { display:flex; flex-direction:column; gap:6px; color:var(--platform-text,#343735); font-size:12px; font-weight:600; min-width:0; }
.project-climate-dashboard input,.project-climate-dashboard select { color:var(--platform-text,#343735); background:var(--designer-card-control-bg,#c6c6c6); border:1px solid var(--designer-card-button-border,#aaa); border-radius:7px; padding:7px 9px; min-height:36px; max-width:100%; font:inherit; }
.project-climate-dashboard [hidden] { display:none!important; }
.project-climate-dashboard :is(input,select,button,summary):focus-visible { outline:3px solid var(--platform-accent,#f28a2e); outline-offset:3px; }
.climate-status { padding:10px 0; font-size:13px; color:var(--platform-text,#343735); }
.climate-status:empty { display:none; }
.climate-status[data-error=true] { color:#9a362a; }
.climate-range { margin:18px 0; padding:17px; border:1px solid var(--designer-card-border,#989898); border-radius:10px; background:var(--designer-card-bg,#bebebe); }
.climate-range h3 { margin-bottom:10px; }
.climate-range p { font-size:12px; color:var(--platform-text,#343735); }
.climate-range-fields { margin:0 0 8px; }
.climate-range-fields label { flex:1 1 150px; }
.climate-graphs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.climate-graph { border:1px solid var(--designer-card-border,#989898); border-radius:10px; padding:14px 12px; background:var(--designer-card-bg,#bebebe); min-width:0; }
.climate-graph select { width:100%; font-size:12px; }
.climate-graph svg { display:block; width:100%; height:auto; max-height:270px; }
.climate-graph svg text { font-size:16px; fill:var(--platform-text,#343735); }
.climate-note { color:var(--platform-text,#343735); font-size:12px; overflow-wrap:anywhere; }
.climate-readout { font-size:12px; color:var(--platform-text,#343735); min-height:20px; }
.climate-empty { min-height:180px; display:grid; place-items:center; color:var(--platform-text,#343735); text-align:center; font-size:13px; }
.climate-polar-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:14px 0; }
.climate-solar,.climate-wind { border:1px solid var(--designer-card-border,#989898); border-radius:10px; padding:16px; min-width:0; background:var(--designer-card-bg,#bebebe); }
.climate-polar-grid :is(.climate-solar-canvas,.climate-wind-canvas,.psychrometric-plot) > svg { display:block; width:100%; height:auto; max-height:490px; font:12px system-ui,sans-serif; fill:var(--platform-text,#343735); }
.climate-solar-canvas { position:relative; }
.climate-solar-canvas svg { touch-action:none; }
.climate-solar-canvas [data-climate-sun] { cursor:grab; touch-action:none; }
.climate-solar-canvas [data-climate-sun]:active { cursor:grabbing; }
.climate-cardinal { font-size:16px; font-weight:700; }
.climate-solar-controls { display:grid; grid-template-columns:150px 1fr; align-items:center; gap:12px; margin-top:16px; }
.climate-color-scale { height:9px; border-radius:5px; border:1px solid #78958a55; }
.climate-scale-labels { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:11px; margin-top:6px; }
.climate-scale-labels strong { text-align:center; font-weight:500; }
.climate-gradient-wrap { position:relative; }
.project-climate-dashboard .site-sun-path-slider input[type=range] { --site-sun-path-range-background:linear-gradient(90deg,#0f172a,#334155); -webkit-appearance:none; appearance:none; display:block; width:100%; height:28px; min-height:28px; margin:0; padding:0; border:0; background:transparent; cursor:pointer; }
.project-climate-dashboard .site-sun-path-slider input[type=range]::-webkit-slider-runnable-track { height:8px; border-radius:999px; background:var(--site-sun-path-range-background); box-shadow:inset 0 0 0 1px #0f172a2e; }
.project-climate-dashboard .site-sun-path-slider input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; box-sizing:border-box; width:4px; height:8.8px; margin-top:-.4px; border:1px solid #fff; border-radius:0; background:#0f172a; }
.project-climate-dashboard .site-sun-path-slider input[type=range]::-moz-range-track { height:8px; border-radius:999px; background:var(--site-sun-path-range-background); box-shadow:inset 0 0 0 1px #0f172a2e; }
.project-climate-dashboard .site-sun-path-slider input[type=range]::-moz-range-thumb { box-sizing:border-box; width:4px; height:8.8px; border:1px solid #fff; border-radius:0; background:#0f172a; }
.project-climate-dashboard .site-sun-path-marker { position:absolute; top:2px; height:24px; width:2px; pointer-events:none; background:#0f172a; opacity:.34; transform:translateX(-1px); }
.project-climate-dashboard .site-sun-path-marker.is-sunrise,.project-climate-dashboard .site-sun-path-marker.is-sunset { top:0; width:3px; height:28px; opacity:.92; background:#fde68a; box-shadow:0 0 0 1px #0f172a38,0 4px 10px #0f172a38; }
.project-climate-dashboard .site-sun-path-marker.is-sunset { background:#fed7aa; }
.climate-wind-center { font-size:24px; font-weight:700; fill:var(--platform-text,#343735); }
.project-climate-dashboard .site-wind-rose-ring { fill:none; stroke:#678eab; stroke-width:.8; stroke-opacity:.5; }
.project-climate-dashboard .site-wind-rose-band { stroke:#fff; stroke-width:.35; }
.project-climate-dashboard .site-wind-rose-direction { text-anchor:middle; dominant-baseline:central; font-weight:650; fill:var(--platform-text,#343735); }
.project-climate-dashboard .site-wind-rose-tick { fill:var(--platform-text,#343735); paint-order:stroke; stroke:var(--designer-card-bg,#bebebe); stroke-width:3px; stroke-linejoin:round; }
.climate-wind-bins { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; font-size:12px; }
.climate-wind-bins span { display:inline-flex; align-items:center; gap:5px; }
.climate-wind-bins i { width:12px; height:12px; border:1px solid var(--designer-card-border,#989898); border-radius:2px; }
.psychrometric-embedded { border:1px solid var(--designer-card-border,#989898); border-radius:10px; background:var(--designer-card-bg,#bebebe); padding:18px; margin:20px 0; }
.psychrometric-embedded header { padding:0 0 10px; }
.psychrometric-embedded h2 { font-size:19px; margin:4px 0; }
.psychrometric-embedded .psychrometric-body { padding:8px 0 0; }
.psychrometric-embedded h3 { margin:20px 0 8px; }
.psychrometric-embedded .psychrometric-metric strong { font-size:22px; }
.psychrometric-embedded .psychrometric-plot { position:relative; }
.climate-table-wrap,.psychrometric-embedded .psychrometric-table-wrap { overflow-x:auto; }
.project-climate-dashboard table { width:100%; border-collapse:collapse; font-size:12px; }
.project-climate-dashboard th,.project-climate-dashboard td { text-align:right; padding:8px 10px; border-bottom:1px solid var(--designer-card-border,#989898); }
.project-climate-dashboard th:first-child { text-align:left; }
.project-climate-dashboard a { color:#216d59; }
.climate-data-details { font-size:12px; color:var(--platform-text,#343735); margin:16px 0 0; overflow-wrap:anywhere; }
.climate-data-details summary { font-size:13px; cursor:pointer; padding:8px 0; }
.climate-source-picker { position:relative; display:flex; align-items:end; gap:6px; min-width:0; }
.climate-source-picker label { min-width:0; }
.climate-upload { display:flex; flex-direction:column; gap:6px; }
.climate-field-label { font-size:12px; font-weight:600; }
.project-climate-dashboard .btn { display:inline-flex; align-items:center; justify-content:center; min-height:36px; margin:0; color:var(--platform-text,#343735); background:var(--designer-card-button-bg,#c6c6c6); border:1px solid var(--designer-card-button-border,#aaa); box-shadow:none; }
.project-climate-dashboard .btn:hover { background:var(--designer-card-button-bg-hover,#ccc); }
.project-climate-dashboard .climate-upload-button { width:190px; text-align:center; padding:7px 14px; }
.project-climate-dashboard :is(input,select,button):disabled { background:var(--designer-card-control-bg-disabled,#c4c4c4); cursor:default; }
.climate-heading { position:relative; display:flex; align-items:center; gap:8px; margin:0 0 12px; }
.climate-heading h3 { margin:0; }
.climate-info { position:relative; display:inline-flex; flex:none; align-items:center; }
.project-climate-dashboard .climate-info-button { display:flex; align-items:center; justify-content:center; width:36px; height:36px; padding:7px; margin:0; border:0; border-radius:6px; overflow:hidden; background:transparent; color:var(--platform-text,#343735); cursor:pointer; }
.project-climate-dashboard .climate-info-button:is(:hover,[aria-expanded=true]) { background:var(--designer-card-button-bg,#c6c6c6); }
.project-climate-dashboard .climate-info-button svg { flex:none; pointer-events:none; width:22px; height:22px; stroke:currentColor; stroke-width:1.7; fill:none; }
.climate-info-button .climate-info-dot { fill:currentColor; stroke:none; }
.climate-info-popover { position:absolute; top:100%; left:0; z-index:20; width:min(360px,calc(100vw - 48px)); padding:14px 16px; border:1px solid var(--designer-card-border,#989898); border-radius:6px; background:var(--designer-card-control-bg,#c6c6c6); box-shadow:0 8px 24px #0003; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.climate-source-picker .climate-info,.climate-heading .climate-info { position:static; }
.project-climate-dashboard .psychrometric-embedded :is(.psychrometric-chart,.psychrometric-metric,.psychrometric-recommendation) { background:var(--designer-card-bg,#bebebe); border-color:var(--designer-card-border,#989898); }
.project-climate-dashboard .psychrometric-embedded :is(.psychrometric-note,.psychrometric-status,.psychrometric-assumptions,.psychrometric-readout,.psychrometric-metric span,.psychrometric-recommendation p) { color:var(--platform-text,#343735); }
.psychrometric-embedded header > div:first-child :is(.psychrometric-note,.psychrometric-eyebrow) { display:none; }
.psychrometric-embedded .psychrometric-strategies { margin:14px 0; }
.psychrometric-embedded summary { cursor:pointer; }
.psychrometric-embedded svg text { fill:var(--platform-text,#343735); }
.psychrometric-embedded .psychrometric-grid { stroke:var(--designer-card-divider,#ababab); }
.psychrometric-embedded .psychrometric-plot-background { fill:var(--designer-card-bg,#bebebe); }
@container (max-width:1050px) { .climate-graphs { grid-template-columns:1fr; } .climate-graph { display:grid; grid-template-columns:230px minmax(0,1fr); gap:14px; } .climate-graph svg text { font-size:13px; } }
@container (max-width:750px) { .climate-polar-grid { grid-template-columns:1fr; } .climate-graph { display:block; } .climate-graph svg { max-height:none; } .climate-solar-controls { grid-template-columns:135px 1fr; } .psychrometric-recommendations { grid-template-columns:1fr; } .psychrometric-metrics { grid-template-columns:repeat(2,1fr); } .psychrometric-embedded { padding:12px; } }

.climate-period-slider { position:relative; height:34px; margin:15px 2px 0; }
.climate-period-gradient,.climate-period-mask { position:absolute; left:0; right:0; top:13px; height:8px; border-radius:5px; }
.climate-period-mask { opacity:.78; pointer-events:none; }
.project-climate-dashboard .climate-period-slider input[type=range] { appearance:none; -webkit-appearance:none; position:absolute; inset:0; width:100%; height:34px; min-height:0; margin:0; padding:0; border:0; background:transparent; pointer-events:none; z-index:2; }
.project-climate-dashboard .climate-period-slider input[type=range]:focus { z-index:3; }
.climate-period-slider input[type=range]::-webkit-slider-runnable-track { height:8px; background:transparent; }
.climate-period-slider input[type=range]::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:6px; height:24px; margin-top:-8px; background:#343735; border:1px solid #eee; border-radius:1px; cursor:ew-resize; pointer-events:auto; box-shadow:0 0 0 1px #34373555; }
.climate-period-slider input[data-climate=period-end]::-webkit-slider-thumb { background:#f28a2e; }
.climate-period-slider input[type=range]::-moz-range-track { height:8px; background:transparent; }
.climate-period-slider input[type=range]::-moz-range-thumb { width:6px; height:24px; background:#343735; border:1px solid #eee; border-radius:1px; cursor:ew-resize; pointer-events:auto; }
.climate-period-slider input[data-climate=period-end]::-moz-range-thumb { background:#f28a2e; }
.climate-period-months { height:18px; position:relative; margin:0 2px; font-size:11px; }
.climate-period-months span { position:absolute; transform:translateX(-50%); }
.climate-period-months span:first-child { transform:none; }
.climate-sun-readout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:14px; padding-top:12px; border-top:1px solid var(--designer-card-divider,#aaa); }
.climate-sun-readout span { display:block; font-size:12px; margin-bottom:4px; }
.climate-sun-readout strong { font-size:18px; font-weight:650; }
.climate-sun-readout small { grid-column:1/-1; }

/* One cursor, compact comparison panels, and a separate results row. */
.climate-graph svg { touch-action:none; cursor:crosshair; }
.climate-cursor-date { margin-left:auto; font-size:12px; font-variant-numeric:tabular-nums; }
.project-climate-dashboard .climate-period-cursor { position:absolute; z-index:4; top:-1px; width:14px; height:14px; min-height:0; padding:0; margin:0; border:2px solid #343735; border-radius:50%; background:#f28a2e; transform:translateX(-50%); cursor:ew-resize; touch-action:none; }
.climate-period-cursor::after { content:""; position:absolute; left:4px; top:12px; height:10px; border-left:2px solid #343735; pointer-events:none; }
.climate-polar-grid { --climate-polar-height:min(260px,calc((100cqw - 110px)*.1506)); grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:14px; }
.climate-polar-grid > section { min-width:0; }
.climate-polar-grid :is(.climate-solar-canvas,.climate-wind-canvas,.psychrometric-plot) > svg { height:var(--climate-polar-height); max-height:none; }
.climate-solar,.climate-wind,.climate-polar-grid .psychrometric-embedded { padding:12px; margin:0; height:100%; }
.climate-polar-grid h2,.climate-polar-grid h3 { font-size:16px; }
.climate-polar-grid .climate-heading { margin-bottom:8px; }
.climate-solar .climate-controls { min-height:60px; align-items:start; gap:8px; }
.climate-solar .climate-controls label { flex:1 1 120px; }
.climate-wind-controls { min-height:60px; align-items:start; }
.climate-wind-controls label { flex:1; }
.climate-wind [data-climate-wind] { position:relative; }
.climate-wind-canvas { position:relative; }
.climate-wind-inline { position:absolute; top:2px; left:4px; display:flex; flex-direction:column; align-items:start; gap:3px; max-width:max(100px,calc((100% - var(--climate-polar-height))/2 + 8px)); font-size:11px; line-height:1.35; pointer-events:none; }
.climate-wind-inline > span { padding:1px 3px; border-radius:3px; background:var(--designer-card-bg,#bebebe); }
.climate-wind-inline [data-wind-readout] { display:flex; flex-direction:column; align-items:start; gap:3px; }
.climate-wind-inline [data-wind-readout] span { white-space:nowrap; }
.climate-wind-inline [title] { pointer-events:auto; }
.climate-wind-inner path { stroke:#505451; stroke-width:.6; cursor:crosshair; }
.climate-wind-inner path:is(:hover,:focus-visible) { stroke:#343735; stroke-width:2; outline:none; }
.climate-wind-mean { font-size:14px; }
.climate-wind-color-legend { max-width:90%; margin:8px auto; font-size:11px; }
.climate-wind-color-legend .climate-scale-labels { gap:8px; }
.climate-wind-color-legend strong { text-align:center; font-weight:500; }
.climate-wind-tooltip { position:absolute; left:50%; top:calc(var(--climate-polar-height)*.32); transform:translateX(-50%); width:max-content; max-width:95%; padding:5px 7px; border:1px solid #50545166; border-radius:4px; background:var(--designer-card-control-bg,#c6c6c6); color:var(--platform-text,#343735); font-size:11px; pointer-events:none; box-shadow:0 2px 8px #0002; }
.climate-wind-tooltip[hidden] { display:none; }
.climate-solar-footer { max-width:80%; margin:8px auto 0; }
.climate-solar-settings { margin-left:auto; }
.climate-solar-settings > summary { display:grid; place-items:center; width:30px; height:30px; cursor:pointer; list-style:none; font-size:22px; }
.climate-solar-settings > summary::-webkit-details-marker { display:none; }
.climate-solar-settings[open] > summary { background:var(--designer-card-button-bg,#c6c6c6); border-radius:5px; }
.climate-solar-controls { position:absolute; top:100%; right:0; z-index:5; width:min(390px,calc(100vw - 60px)); grid-template-columns:135px minmax(0,1fr); margin:0; padding:14px; background:var(--designer-card-control-bg,#c6c6c6); border:1px solid var(--designer-card-border,#989898); border-radius:7px; box-shadow:0 6px 22px #0003; }
.climate-results { display:grid; grid-template-columns:1fr; gap:10px; border:1px solid var(--designer-card-border,#989898); border-radius:10px; background:var(--designer-card-bg,#bebebe); padding:14px; }
.climate-results > .climate-heading { margin:0; }
.climate-sun-readout { margin:0; padding:0; border:0; align-content:center; }
.climate-strategies { margin-top:16px; padding:14px; background:var(--designer-card-bg,#bebebe); border:1px solid var(--designer-card-border,#989898); border-radius:10px; }
.climate-strategies summary { cursor:pointer; font-weight:650; font-size:16px; }
.climate-strategies .psychrometric-recommendations { margin-bottom:0; }
.climate-strategies .psychrometric-recommendation { background:transparent; border-color:var(--designer-card-border,#989898); }
.climate-strategies :is(p,small) { color:var(--platform-text,#343735); font-size:12px; }
.climate-data-details { border:1px solid var(--designer-card-border,#989898); border-radius:10px; padding:8px 14px; }
.climate-polar-grid .psychrometric-controls { display:flex; gap:8px; flex-wrap:wrap; }
.climate-polar-grid .psychrometric-controls label { flex:1 1 100px; }
.climate-polar-grid .psychrometric-plot { width:calc(var(--climate-polar-height)*2.2127659574); max-width:100%; margin:0 auto; }
.climate-polar-grid .psychrometric-plot svg { height:auto; max-height:none; }
.climate-polar-grid .psychrometric-plot [data-psych-cursor] { pointer-events:none; }
.climate-polar-grid .psychrometric-plot svg { position:relative; z-index:2; pointer-events:none; background:transparent; }
.climate-polar-grid .psychrometric-plot .psychrometric-plot-background { fill:transparent; }
.climate-polar-grid .psychrometric-legend { font-size:10px; gap:5px; margin:8px 0 4px; }
.project-climate-dashboard .psychrometric-zone { background:#f28a2e44; border:1px solid #98541e; }
.project-climate-dashboard .site-wind-rose-ring { stroke:#505451; stroke-width:.6; }
.project-climate-dashboard .site-wind-rose-band { stroke:#505451; stroke-width:.25; }
.project-climate-dashboard .psychrometric-grid { stroke:#505451; stroke-width:.45; stroke-opacity:.25; }
@container (max-width:1200px) { .climate-polar-grid { --climate-polar-height:260px; grid-template-columns:repeat(2,minmax(0,1fr)); } .climate-polar-grid > [data-climate-psychrometric] { grid-column:1/-1; } }
@container (max-width:750px) { .climate-polar-grid,.climate-results { grid-template-columns:1fr; } .climate-polar-grid { --climate-polar-height:min(260px,calc((100cqw - 28px)*.4519)); } .climate-wind [data-climate-wind] { padding-top:0; } .climate-results .psychrometric-metrics { grid-template-columns:repeat(2,1fr); } .climate-solar .climate-controls { min-height:0; } }
.climate-wind svg { touch-action:none; cursor:crosshair; }
.project-climate-dashboard .psychrometric-plot { min-width:0; }
.climate-graph svg text { font-size:9.6px; }
.climate-graph .climate-readout { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:5px 0 0; min-height:18px; font-size:11px; }
@container (max-width:1050px) { .climate-graph svg text { font-size:7.8px; } }
.climate-solar-settings > summary::after { display:none!important; }
.climate-solar-settings > summary { padding:0!important; min-height:30px!important; border:0!important; }

/* Floating settings preserve the comparison row's height. */
.climate-polar-grid .psychrometric-embedded header { position:relative; padding:0; min-height:36px; margin:0 0 8px; display:flex; align-items:center; }
.climate-polar-grid .psychrometric-embedded h2 { margin:0; }
.climate-polar-grid .psychrometric-body { padding:0; }
.climate-polar-grid .psychrometric-main-controls { position:relative; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(140px,.65fr); align-items:start; min-height:60px; margin:0; }
.psychrometric-main-controls select { width:100%; }
.project-climate-dashboard .psychrometric-settings-button { display:grid; place-items:center; flex:none; margin-left:auto; width:30px; height:30px; min-height:30px; padding:3px; border:0; border-radius:6px; background:transparent; cursor:pointer; }
.psychrometric-settings-button img,.climate-solar-settings img { display:block; width:24px; height:24px; }
.project-climate-dashboard .psychrometric-settings-button:is(:hover,[aria-expanded=true]) { background:var(--designer-card-button-bg,#c6c6c6); }
.psychrometric-settings-popover { position:absolute; top:calc(100% + 6px); right:0; z-index:25; width:min(460px,calc(100vw - 64px)); max-height:min(500px,65vh); overflow:auto; padding:16px; border:1px solid var(--designer-card-border,#989898); border-radius:7px; background:var(--designer-card-control-bg,#c6c6c6); box-shadow:0 8px 24px #0003; font-size:12px; font-weight:400; }
.climate-polar-grid .psychrometric-settings-popover .psychrometric-controls { display:grid; grid-template-columns:1fr; }
.psychrometric-embedded .psychrometric-status:empty { display:none; }
.psychrometric-embedded .psychrometric-status[data-error=true] { color:#9a362a; }
.climate-polar-grid .psychrometric-readout { min-height:18px; margin:5px 0 0; font-size:11px; }
.climate-sun-inline { position:absolute; top:2px; left:4px; display:flex; flex-direction:column; gap:3px; font-size:11px; pointer-events:none; }
.climate-sun-inline span { background:var(--designer-card-bg,#bebebe); padding:1px 3px; border-radius:3px; }
.climate-indicator-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px 16px; }
.climate-indicator-grid > [data-climate-indicators],.climate-indicator-grid > [data-climate-comfort-summary],.climate-indicator-grid .psychrometric-metrics { display:contents; }
.climate-results .climate-indicator { padding:4px 6px; min-width:0; border:0; background:transparent; }
.climate-indicator > span { display:block; margin:0; font-size:12px; line-height:1.25; color:var(--platform-text,#343735); }
.climate-indicator-reading { display:flex; align-items:center; gap:8px; min-width:0; margin-top:3px; }
.climate-indicator-reading strong { display:block; flex-shrink:0; white-space:nowrap; font-size:26px; font-weight:650; line-height:1.2; }
.climate-indicator strong small { font-size:12px; font-weight:500; }
.climate-indicator strong small { display:inline; }
.climate-indicator .climate-indicator-detail { min-width:0; font-size:11px; line-height:1.2; opacity:.85; margin:0; }
.climate-indicator-bases { display:flex; gap:12px; margin-bottom:12px; }
.climate-indicator-bases label { max-width:180px; }
.climate-strategies .psychrometric-strategy-frequency { display:flex; gap:10px; align-items:baseline; flex-wrap:wrap; margin:10px 0 5px; }
.psychrometric-strategy-frequency strong { font-size:32px; font-weight:650; line-height:1.1; }
.psychrometric-strategy-frequency span { font-size:12px; }
.psychrometric-strategy-rank { color:var(--platform-text,#343735); font-weight:700; }
@container (max-width:1450px) { .climate-indicator-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@container (max-width:1020px) { .climate-indicator-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@container (max-width:760px) { .climate-indicator-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@container (max-width:500px) { .climate-indicator-grid { grid-template-columns:1fr; } }
@container (max-width:750px) { .climate-polar-grid .psychrometric-main-controls { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(140px,.65fr); gap:5px; } .psychrometric-settings-popover { width:min(460px,calc(100cqw - 28px)); } }

.climate-point-bubble rect { fill:var(--designer-card-control-bg,#c6c6c6); fill-opacity:.86; stroke:#50545166; stroke-width:.5; }
.climate-graph .climate-point-bubble text { font-size:11px; font-weight:500; }

/* Climate palettes share the Designer controls and never expand its cards. */
.climate-palette-settings-button { display:inline-grid; place-items:center; width:36px; height:36px; padding:6px; border:0; border-radius:6px; background:transparent; cursor:pointer; }
.climate-palette-settings-button img { width:24px; height:24px; }
.climate-palette-settings-button:hover { background:var(--designer-card-button-bg,#c6c6c6); }
.climate-palette-dialog { box-sizing:border-box; width:min(940px,calc(100vw - 32px)); max-height:85vh; padding:0; border:1px solid var(--designer-card-border,#989898); border-radius:10px; background:var(--designer-card-bg,#bebebe); color:var(--platform-text,#343735); box-shadow:0 12px 40px #0004; }
.climate-palette-dialog::backdrop { background:#20232155; }
.climate-palette-dialog * { box-sizing:border-box; }
.climate-palette-dialog header { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid #999; }
.climate-palette-dialog h2 { font-size:18px; margin:0; }
.climate-palette-dialog button,.climate-palette-dialog input,.climate-palette-dialog select { color:inherit; background:var(--designer-card-control-bg,#c6c6c6); border:1px solid var(--designer-card-button-border,#aaa); border-radius:6px; padding:7px 10px; min-height:36px; font:inherit; font-size:12px; max-width:100%; }
.climate-palette-dialog button { cursor:pointer; }
.climate-palette-dialog button:disabled { cursor:default; opacity:.6; }
.climate-palette-dialog :is(button,input,select):focus-visible { outline:2px solid var(--platform-accent,#f28a2e); outline-offset:2px; }
.climate-palette-dialog [data-content] { padding:12px 18px 16px; }
.climate-palette-dialog [hidden] { display:none!important; }
.climate-palette-dialog [data-status] { margin:0; padding:8px 18px; font-size:12px; }
.climate-palette-dialog [data-status]:empty { display:none; }
.climate-palette-toolbar { display:flex; align-items:end; gap:12px; flex-wrap:wrap; padding-bottom:12px; }
.climate-palette-toolbar label { display:flex; flex-direction:column; gap:5px; min-width:0; font-size:12px; }
.climate-palette-rows { max-height:48vh; overflow:auto; scrollbar-gutter:stable; }
.climate-palette-row { display:grid; grid-template-columns:minmax(140px,1fr) 130px minmax(190px,1fr); gap:16px; align-items:center; padding:8px 2px; border-top:1px solid var(--designer-card-divider,#aaa); font-size:12px; }
.climate-palette-row label small { margin-left:7px; font-size:10px; opacity:.8; }
.climate-palette-swatch { display:block; height:12px; border-radius:6px; box-shadow:inset 0 0 0 1px #34373533; }
.climate-palette-range { grid-column:1 / -1; display:grid; grid-template-columns:minmax(140px,1fr) minmax(190px,1fr) 105px 105px; gap:8px; align-items:center; }
.climate-palette-range small { font-size:10px; opacity:.8; }
.climate-palette-range input { width:100%; min-width:0; }
.climate-palette-range input:disabled { opacity:.5; }
.climate-palette-dialog footer { display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-top:14px; }
.climate-palette-preset-save { display:flex; gap:6px; align-items:center; }
.climate-palette-save { display:inline-flex; align-items:center; gap:7px; }
.climate-palette-save img { width:20px; height:20px; }
@media(max-width:680px) { .climate-palette-row { grid-template-columns:minmax(110px,1fr) minmax(150px,1.5fr); gap:6px 12px; } .climate-palette-row > select { grid-column:2; grid-row:span 2; } .climate-palette-swatch { grid-row:2; } .climate-palette-toolbar label { flex:1 1 160px; } .climate-palette-preset-save { flex-wrap:wrap; } .climate-palette-range { grid-template-columns:1fr 1fr; } .climate-palette-range > select { min-width:0; } }

.climate-solar-canvas,.climate-solar-canvas * { user-select:none; -webkit-user-select:none; }
html.climate-sun-dragging,html.climate-sun-dragging * { user-select:none!important; -webkit-user-select:none!important; }
[data-sky-patch] { transition:fill 120ms linear; }
@media (prefers-reduced-motion:reduce) { [data-sky-patch] { transition:none; } }

.climate-solar-point { display:block; margin-top:5px; text-align:center; font-size:11px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.climate-sky-condition { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:8px; font-size:11px; margin:4px 0; }
.climate-sky-condition[hidden] { display:none; }
.project-climate-dashboard .climate-sky-condition input[type="range"] { --site-sun-path-range-background:linear-gradient(90deg,#7197bb,#a7b6c3,#8a8f96); min-height:24px; margin:0; }