html{
  --page: #f6f8fc;
  --card: #ffffff;
  --text: #0f172a;
  --muted: #64748b;
  --muted-rgb: 100,116,139;
  --border: #d7deea;
  --primary: #2563eb;
  --ok: #15803d;
  --danger: #b91c1c;
  --warn: #b45309;
  --accent: #2563eb;
  --success: #15803d;
  --line: #dbe3f0;
  --surface: #ffffff;
  --panel: #ffffff;
  --chip: #f5f7fb;
  --ink: #0f172a;
  --bg: #eef3f9;
  --fg: #0f172a;
  --panel-bg: rgba(255,255,255,.86);
  --panel-bd: rgba(148,163,184,.24);
  --field-bg: rgba(255,255,255,.96);
  --field-bd: rgba(148,163,184,.38);
  --overlay: rgba(15,23,42,.42);
  --group-bg: rgba(255,255,255,.82);
  --dash-bd: rgba(148,163,184,.28);
  --option-bg: #ffffff;
  --option-bd: rgba(148,163,184,.28);
  --option-hover-bg: #eef4ff;
  --pill-bg: #f3f6fd;
  --error-bg: #fef2f2;
  --error-bd: #fecaca;
  --error-fg: #991b1b;
  --modalbar-bg: #edf3ff;
  --if-bg: #f8fbff;
  --bg-2: #f7f9fc;
  --muted-2: #eef2f7;
  --primary-hover: #1d4ed8;
  --primary-ink: #eff6ff;
  --primary-soft: rgba(37,99,235,.12);
  --shadow: 0 18px 45px rgba(15,23,42,.12);
  --radius: 16px;
  --gap: 16px;
  --max-width: 1040px;
  --maxw: 1100px;
  --uiat-sidebar-bg: #f8fbff;
  --uiat-sidebar-surface: #ffffff;
  --uiat-sidebar-elevated: #edf3ff;
  --uiat-sidebar-text: #0f172a;
  --uiat-sidebar-muted: #64748b;
  --uiat-sidebar-border: #d6deec;
  --uiat-sidebar-hover: #e2ebff;
  --uiat-sidebar-accent: #1d4ed8;
  color-scheme: light;
}

html[data-theme-resolved="dark"]{
  --page: #0b1220;
  --card: #0f172a;
  --text: #e5e7eb;
  --muted: #94a3b8;
  --muted-rgb: 148,163,184;
  --border: #23314d;
  --primary: #60a5fa;
  --ok: #86efac;
  --danger: #fecaca;
  --warn: #fcd34d;
  --accent: #60a5fa;
  --success: #bbf7d0;
  --line: #243041;
  --surface: #111827;
  --panel: #0f1628;
  --chip: #111a30;
  --ink: #e8eefc;
  --bg: #0b1020;
  --fg: #e5e7eb;
  --panel-bg: rgba(15,23,42,.82);
  --panel-bd: rgba(255,255,255,.10);
  --field-bg: rgba(255,255,255,.05);
  --field-bd: rgba(255,255,255,.16);
  --overlay: rgba(0,0,0,.55);
  --group-bg: rgba(15,23,42,.74);
  --dash-bd: rgba(255,255,255,.12);
  --option-bg: rgba(255,255,255,.05);
  --option-bd: rgba(255,255,255,.14);
  --option-hover-bg: #1b2236;
  --pill-bg: rgba(255,255,255,.08);
  --error-bg: rgba(239,68,68,.16);
  --error-bd: rgba(248,113,113,.34);
  --error-fg: #fecaca;
  --modalbar-bg: #0f1628;
  --if-bg: #0b0f19;
  --bg-2: #101828;
  --muted-2: rgba(255,255,255,.07);
  --primary-hover: #3b82f6;
  --primary-ink: #eff6ff;
  --primary-soft: rgba(96,165,250,.14);
  --shadow: 0 18px 45px rgba(2,6,23,.45);
  --uiat-sidebar-bg: #0d1526;
  --uiat-sidebar-surface: #142033;
  --uiat-sidebar-elevated: #162339;
  --uiat-sidebar-text: #e8eefc;
  --uiat-sidebar-muted: #9fb1ca;
  --uiat-sidebar-border: #24344a;
  --uiat-sidebar-hover: #243657;
  --uiat-sidebar-accent: #60a5fa;
  color-scheme: dark;
}

html,
body{
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
  -webkit-text-size-adjust: 100%;
}

body{
  accent-color: var(--primary);
  overflow-x: hidden;
}

input,
select,
textarea,
button,
a,
.card,
.panel,
.btn,
.badge,
.pill{
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

select{
  color-scheme: light;
}

select option,
select optgroup{
  background: #ffffff;
  color: #0f172a;
}

select option:checked{
  background: #dbeafe;
  color: #0f172a;
}

html[data-theme-resolved="dark"] select{
  color-scheme: dark;
}

html[data-theme-resolved="dark"] select option,
html[data-theme-resolved="dark"] select optgroup{
  background: #0f172a;
  color: #e5edf8;
}

html[data-theme-resolved="dark"] select option:checked{
  background: #1d4ed8;
  color: #eff6ff;
}

:where(img, svg, video, canvas, iframe){
  max-width: 100%;
}

:where(.table-wrap){
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

:where(.table-wrap > table){
  min-width: max-content;
}

@media (max-width: 900px){
  :where(.wrap, .container, .card, .panel, .body, .foot){
    min-width: 0;
  }

  :where(.filters, .grid){
    min-width: 0;
  }

  :where(.toolbar, .actions, .search, .search-row, .field-row, .rowflex, .stack-actions){
    align-items: stretch;
    gap: 10px;
  }

  :where(.toolbar, .actions, .search, .search-row, .field-row, .rowflex, .stack-actions) > *{
    min-width: 0;
    max-width: 100%;
  }

  :where(.search input, .search select, .search-row input, .search-row select, .filters input, .filters select){
    min-width: 0 !important;
    max-width: 100%;
  }
}

@media (max-width: 640px){
  :where(.toolbar, .actions, .search, .search-row, .field-row, .rowflex, .stack-actions){
    flex-direction: column;
  }

  :where(.toolbar, .actions, .search, .search-row, .field-row, .rowflex, .stack-actions) > *{
    width: 100%;
  }

  :where(.toolbar, .actions, .search, .search-row, .field-row, .rowflex, .stack-actions) > :where(.btn, button, a){
    justify-content: center;
  }

  :where(.filters){
    grid-template-columns: minmax(0, 1fr) !important;
  }

  :where(input, select, textarea){
    font-size: 16px !important;
  }

  :where(.btn, button, [type="button"], [type="submit"], [type="reset"]){
    min-height: 44px;
  }
}