/* Air Quality */
.aqi-wrap { display:flex; flex-direction:column; align-items:center; margin-bottom:1.5rem; }
.aqi-ring { position:relative; width:6rem; height:6rem; }
.aqi-ring svg { width:100%; height:100%; }
.aqi-value { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.aqi-num { font-size:1.5rem; font-weight:700; }
.aqi-label { font-size:0.625rem; color:rgba(255,255,255,0.5); text-transform:uppercase; }
.aqi-quality { font-size:1rem; font-weight:600; margin-top:0.75rem; }
.aqi-city { font-size:0.875rem; color:rgba(255,255,255,0.5); }
.aqi-grid { display:grid; grid-template-columns:1fr 1fr; gap:0.625rem; }
.aqi-item {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  background:rgba(255,255,255,0.05); border-radius:0.75rem; padding:0.75rem 0.5rem;
  gap:0.25rem;
}
.aqi-item-label { display:flex; align-items:center; gap:0.375rem; font-size:0.75rem; color:rgba(255,255,255,0.55); }
.aqi-item-val { font-size:1.375rem; font-weight:700; color:#fff; line-height:1; }

/* Theme light overrides */
body.theme-light .aqi-label { color: rgba(0,0,0,0.65); }
body.theme-light .aqi-city { color: rgba(0,0,0,0.65); }
body.theme-light .aqi-item { background: rgba(0,0,0,0.06); }
body.theme-light .aqi-item-label { color: rgba(0,0,0,0.6); }
body.theme-light .aqi-item-val { color: #0f172a; }