/* JDServer-Webs v6.4 — climate_records (fix overflow móvil) */
#climate-records{ overflow-x:hidden; }
#climate-records .crd-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
#climate-records .crd-head h3{ margin:0; }
#climate-records .crd-body{ margin-top:12px; }

.crd-grid{
  display:grid; gap:12px;
  grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (max-width: 840px){
  .crd-grid{ grid-template-columns: 1fr; }
}

.crd-card{
  border:1px solid var(--border);
  background: var(--card);
  border-radius:16px;
  padding:12px;
  box-shadow: var(--shadow-2);
  overflow:hidden;
}

.crd-card h4{ margin:0 0 8px 0; font-size:1rem; }

.crd-table-wrap{
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  width: calc(100% + 24px);
  margin-left: -12px; margin-right: -12px;
  padding: 0 12px;
}

.crd-table{
  width:100%;
  border-collapse: collapse;
  table-layout: fixed;
  min-width: 520px;
}
@media (max-width: 540px){
  .crd-table{ min-width: 380px; table-layout:auto; }
}

.crd-table th, .crd-table td{
  padding:8px 10px;
  border-bottom:1px solid var(--border);
  vertical-align: middle;
}
.crd-table td{ font-variant-numeric: tabular-nums; white-space: nowrap; }
.crd-table th{
  text-align:left;
  opacity:.85;
  white-space: normal;
  line-height: 1.28;
  word-break: break-word;
  overflow-wrap: anywhere;
  vertical-align: top;
}

.crd-empty{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  border:1px dashed var(--border);
  background: color-mix(in oklab, var(--card), var(--brand-50) 8%);
  padding:12px 14px; border-radius:14px;
}
.crd-empty small{ color: var(--muted); }

@media (max-width: 540px){
  .crd-card{ padding:10px; }
  .crd-card h4{ font-size:.98rem; }
  .crd-table th, .crd-table td{ padding:9px 10px; font-size:.96rem; }
}