/* WS-5000 sensor-grid parity with Ecowitt. Scoped to Ambient panel. */
.ambient-panel .ambient-metrics {margin:13px 0 19px}
.ambient-panel .ecowitt-metric {
  min-height:91px;
}
.ambient-panel .ecowitt-metric>span {font-size:12px;line-height:1.5}
.ambient-panel .ecowitt-metric>strong {font-size:17px;line-height:1.45}
.ambient-panel .ambient-extra {margin-top:17px}
.ambient-panel .ambient-extra h3 {font-size:15px;margin:0 0 12px;color:#213c50}
.ambient-panel .ambient-lightning {
  margin:20px 0 16px;
  padding:clamp(13px,2vw,20px);
  background:#f1f7f9;
  border:1px solid #d7e8ed;
  border-radius:12px;
}
.ambient-panel .ambient-lightning .intel-panel-heading {margin-bottom:12px}
.ambient-panel .ambient-safety {
  margin:13px 0 0;
  padding:11px 12px;
  display:flex;
  gap:9px;
  align-items:flex-start;
  background:#fff6e9;
  border:1px solid #e8cf9b;
  border-radius:9px;
  color:#704c19;
  font-size:13px;
  line-height:1.6;
}
.ambient-panel .ambient-safety svg{flex-shrink:0;margin-top:2px}
.ambient-panel .ecowitt-history-head h3 {font-size:16px}
.ambient-panel .ecowitt-history-head p,
.ambient-panel .ecowitt-history-foot {font-size:12px;line-height:1.6}
html[data-theme=dark] .ambient-panel .ambient-lightning {
  background:#142c3c;
  border-color:#385466;
}
html[data-theme=dark] .ambient-panel .ambient-extra h3 {color:#eff8fc}
html[data-theme=dark] .ambient-panel .ambient-safety {
  background:#3d3025;
  border-color:#715939;
  color:#f5d8a6;
}
@media(max-width:760px){
  .ambient-panel .ecowitt-metric {min-height:88px}
  .ambient-panel .ecowitt-metric>strong {font-size:15px}
  .ambient-panel .ambient-lightning {padding:12px}
}
@media(max-width:430px){
  .ambient-panel .ambient-metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
}