/* #region zone:flights.ui.kit — สี flights UI kit */
:root[data-ui='v3'] {
  --u-body: var(--u-text-md);
  --f3-text-code: 46px;
  --f3-text-code-wide: 76px;
  --f3-text-metric: 30px;
  --f3-radius-row: 12px;
  --f3-radius-leg: 14px;
  --u-font: var(--f3-sans);
  --u-mono: var(--f3-mono);
  --u-bg: var(--f3-bg);
  --u-surface: var(--f3-card);
  --u-surface-2: var(--f3-card2);
  --u-pop: var(--f3-pop);
  --u-ink: var(--f3-ink);
  --u-muted: var(--f3-muted);
  --u-line: var(--f3-line);
  --u-line-strong: var(--f3-faint);
  --u-hover: var(--f3-hover);
  --u-press: var(--f3-press);
  --u-shadow: var(--f3-shadow);
}
body,
.f3-frame {
  font-size: var(--u-body);
}
dialog.u-dialog,
.roster-calendar-dialog,
.flight-alert-dialog,
.dialog {
  border-radius: var(--u-radius-dialog);
  background: var(--u-sheet);
  box-shadow: var(--u-shadow-overlay);
}
.f3-dialog {
  --u-dialog-width: min(720px, calc(100vw - 32px));
  overflow-y: auto;
}
.f3-search-dialog #search-q {
  padding-inline: 42px;
}
.f3-header-search > .u-input {
  min-width: 0;
}
html:root input.u-input,
html:root textarea.u-input {
  font-size: var(--u-body);
}
html:root .f3-tracked-open.u-btn {
  border-radius: var(--f3-radius-row);
}
html:root .f3-timeline-leg.u-btn {
  border-radius: var(--f3-radius-leg);
}
html:root :is(.f3-trip-row, .f3-day).u-btn {
  border-radius: var(--u-radius-inner);
}
small {
  font-size: var(--u-text-xs);
}
@media (max-width: 759px) {
  :root {
    --u-toast-top: calc(env(safe-area-inset-top, 0px) + 128px);
  }
}
[data-ui='v3'] .gate {
  --bg: var(--u-page);
  --panel: var(--u-card);
  --panel2: var(--u-card-2);
  --fg: var(--u-text);
  --muted: var(--u-text-muted);
  --line: var(--u-border);
  --f3-bg: var(--u-page);
  --f3-card: var(--u-card);
  --f3-card2: var(--u-card-2);
  --f3-pop: var(--u-sheet);
  --f3-ink: var(--u-text);
  --f3-muted: var(--u-text-muted);
  --u-bg: var(--u-page);
  --u-surface: var(--u-card);
  --u-surface-2: var(--u-card-2);
  --u-pop: var(--u-sheet);
  --u-ink: var(--u-text);
  --u-muted: var(--u-text-muted);
  --u-line: var(--u-border);
  background: var(--u-page);
}
/* #endregion */

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