/* #region zone:disaster.ui.kit — สีและขนาดของ Weather บนชุดควบคุมร่วม */
:root {
  --u-body: var(--u-text-md);
  --weather-text-temperature: 56px;
  --weather-text-temperature-phone: 2.6rem;
  --sp-2: var(--u-space-2);
  --u-font: var(--font);
  --u-bg: var(--map-bg);
  --u-surface: var(--card);
  --u-surface-2: var(--track);
  --u-pop: var(--glass-strong);
  --u-ink: var(--text);
  --u-muted: var(--muted);
  --u-line: var(--card-line);
  --u-line-strong: var(--mono-switch-off);
  --u-shadow: var(--glass-shadow);
  --r-card: var(--u-radius-card);
  --r-control: var(--u-radius-inner);
}
body {
  font-size: var(--u-body);
}
#app .topic-switch {
  justify-self: end;
}
#app .layer-row {
  grid-template-columns: 28px minmax(0, 1fr) 44px 52px;
}
input.u-input,
textarea.u-input,
.u-select {
  font-size: var(--u-body);
}
html:root .flood-evidence-tools :is(.u-input, .u-select) {
  min-height: var(--u-tap);
  border: 1px solid var(--u-line-strong);
  border-radius: var(--r-control);
  font-size: var(--u-body);
}
html:root .flood-evidence-tools .u-btn {
  border-radius: var(--r-control);
}
html:root .preparedness-dialog {
  --weather-radius-preparedness: 10px;
}
html:root .preparedness-dialog .u-btn:not(.u-icon) {
  border-radius: var(--weather-radius-preparedness);
}
@media (min-width: 821px) and (pointer: fine) {
  html:root .preparedness-dialog .u-btn.u-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    padding: 0;
  }
}
@media (pointer: coarse) {
  html:root .preparedness-dialog .u-btn {
    min-width: var(--u-tap);
    min-height: var(--u-tap);
  }
}
/* #endregion */

/* #region zone:disaster.ui.reading-size — ขนาดอ่านบนจอสัมผัส */
@media (max-width: 767px), (pointer: coarse) {
  :root {
    --u-body: var(--u-text-reading);
  }
}
/* #endregion */