/* BroodIt climate graph time-range add-on. Core stable styles are unchanged. */
.broodit-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.broodit-chart-head>.section-title{flex:1 1 240px;margin:0}.broodit-chart-head>h3{margin:0;flex:1 1 220px}
.broodit-chart-range{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--card) 92%,var(--line));flex-wrap:wrap}
.broodit-chart-range button{border:0;background:transparent;color:var(--muted);font:700 11px/1 system-ui,-apple-system,Segoe UI,sans-serif;padding:8px 10px;border-radius:8px;cursor:pointer;min-height:32px;white-space:nowrap}
.broodit-chart-range button.active{background:var(--blue);color:#fff}.broodit-chart-range[data-metric="hum"] button.active{background:var(--teal)}
.broodit-chart-range.loading{opacity:.58;pointer-events:none}
@media(max-width:760px){.broodit-chart-head{display:block}.broodit-chart-range{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;box-sizing:border-box;margin:8px 0 2px}.broodit-chart-range button{padding:9px 4px;font-size:10px;min-width:0}.chart-card canvas{margin-top:4px}}