/* 耀耀 API · 控制台换皮（注入到网关全部 HTML 壳）
   配色对齐 web/index.html；不改网关源码。升级镜像后优先靠 CSS 变量，选择器失效再补。 */
:root,
:root[data-theme-preset],
html {
  --yao-bg: #FBFAF7;
  --yao-bg-soft: #F4F1EA;
  --yao-surface: #FFFFFF;
  --yao-surface-2: #F7F5EF;
  --yao-text: #17191D;
  --yao-muted: #5F6672;
  --yao-border: rgba(23, 25, 29, 0.08);
  --yao-accent: #F59E0B;
  --yao-accent-2: #FB7A2E;
  --yao-accent-3: #FF4D6D;
  --yao-accent-ink: #8A3D00;
  --yao-glow: rgba(245, 158, 11, 0.28);
  --yao-ok: #16A34A;
  --background: #FBFAF7;
  --foreground: #17191D;
  --card: #FFFFFF;
  --card-foreground: #17191D;
  --popover: #FFFFFF;
  --popover-foreground: #17191D;
  --primary: #F59E0B;
  --primary-foreground: #ffffff;
  --secondary: #F4F1EA;
  --secondary-foreground: #17191D;
  --muted: #F4F1EA;
  --muted-foreground: #5F6672;
  --accent: #FB7A2E;
  --accent-foreground: #ffffff;
  --destructive: #FF4D6D;
  --destructive-foreground: #ffffff;
  --border: rgba(23, 25, 29, 0.08);
  --input: rgba(23, 25, 29, 0.12);
  --ring: #F59E0B;
  --radius: 0.75rem;
  --sidebar: #F7F5EF;
  --sidebar-foreground: #17191D;
  --sidebar-primary: #F59E0B;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #F4F1EA;
  --sidebar-accent-foreground: #17191D;
  --sidebar-border: rgba(23, 25, 29, 0.08);
  --sidebar-ring: #F59E0B;
  color-scheme: light;
}

html.dark,
html[data-theme="dark"],
.dark,
[data-theme="dark"] {
  --yao-bg: #0B0E14;
  --yao-bg-soft: #0F131B;
  --yao-surface: #121722;
  --yao-surface-2: #171D2A;
  --yao-text: #EEF1F6;
  --yao-muted: #9AA3B2;
  --yao-border: rgba(255, 255, 255, 0.08);
  --yao-accent-ink: #FFD08A;
  --yao-glow: rgba(245, 158, 11, 0.2);
  --yao-ok: #22C55E;
  --background: #0B0E14;
  --foreground: #EEF1F6;
  --card: #121722;
  --card-foreground: #EEF1F6;
  --popover: #121722;
  --popover-foreground: #EEF1F6;
  --primary: #F59E0B;
  --primary-foreground: #17191D;
  --secondary: #171D2A;
  --secondary-foreground: #EEF1F6;
  --muted: #171D2A;
  --muted-foreground: #9AA3B2;
  --accent: #FB7A2E;
  --accent-foreground: #ffffff;
  --border: rgba(255, 255, 255, 0.08);
  --input: rgba(255, 255, 255, 0.12);
  --sidebar: #0F131B;
  --sidebar-foreground: #EEF1F6;
  --sidebar-primary: #F59E0B;
  --sidebar-accent: #171D2A;
  --sidebar-accent-foreground: #EEF1F6;
  --sidebar-border: rgba(255, 255, 255, 0.08);
  color-scheme: dark;
}

html,
body,
#root {
  background: var(--yao-bg) !important;
  color: var(--yao-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Helvetica Neue",
    Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--yao-accent-ink);
}

:focus-visible {
  outline: 2px solid var(--yao-accent);
  outline-offset: 2px;
}

[data-slot="button"][data-variant="default"],
button[class*="bg-primary"] {
  background-image: linear-gradient(92deg, var(--yao-accent), var(--yao-accent-2) 60%, var(--yao-accent-3)) !important;
  background-color: var(--yao-accent) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 10px 24px -10px var(--yao-glow);
}

[data-slot="card"],
[class*="rounded-xl"][class*="border"] {
  border-color: var(--yao-border);
}

aside,
[data-sidebar="sidebar"],
[data-slot="sidebar"] {
  background: var(--sidebar) !important;
}

header,
[data-slot="header"] {
  backdrop-filter: saturate(1.4) blur(14px);
}

input,
textarea,
select,
[data-slot="input"] {
  border-radius: 12px;
}

.yao-hide-upstream,
[data-yao-hide] {
  display: none !important;
}

/* 表格 */
[data-slot="table-container"],
[data-slot="data-table-card"] {
  border: 1px solid var(--yao-border);
  border-radius: 14px;
  background: var(--yao-surface);
  overflow: auto;
}
[data-slot="table"] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}
[data-slot="table-header"] {
  background: var(--yao-bg-soft);
}
[data-slot="table-head"] {
  color: var(--yao-muted);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.01em;
  padding: 10px 12px;
  text-align: left;
  white-space: nowrap;
}
[data-slot="table-cell"] {
  padding: 10px 12px;
  border-top: 1px solid var(--yao-border);
  vertical-align: middle;
}
[data-slot="table-row"]:hover [data-slot="table-cell"] {
  background: color-mix(in srgb, var(--yao-accent) 6%, transparent);
}

/* 弹层 / 抽屉 / 菜单 */
[data-slot="dialog-overlay"],
[data-slot="alert-dialog-overlay"],
[data-slot="sheet-overlay"] {
  background: rgba(11, 14, 20, 0.45);
}
[data-slot="dialog-content"],
[data-slot="alert-dialog-content"],
[data-slot="sheet-content"],
[data-slot="popover-content"],
[data-slot="dropdown-menu-content"],
[data-slot="select-content"],
[data-slot="combobox-content"] {
  background: var(--yao-surface) !important;
  color: var(--yao-text);
  border: 1px solid var(--yao-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 48px -20px rgba(23, 25, 29, 0.35);
}
[data-slot="dialog-title"],
[data-slot="alert-dialog-title"],
[data-slot="sheet-title"] {
  font-size: 16px;
  letter-spacing: -0.02em;
}
[data-slot="dialog-description"],
[data-slot="alert-dialog-description"],
[data-slot="sheet-description"] {
  color: var(--yao-muted);
  font-size: 13px;
  line-height: 1.5;
}
[data-slot="dialog-footer"],
[data-slot="alert-dialog-footer"],
[data-slot="sheet-footer"] {
  gap: 8px;
}
[data-slot="dropdown-menu-item"],
[data-slot="select-item"],
[data-slot="combobox-item"],
[data-slot="command-item"] {
  border-radius: 8px;
}
[data-slot="dropdown-menu-item"][data-highlighted],
[data-slot="select-item"][data-highlighted],
[data-slot="combobox-item"][data-highlighted] {
  background: var(--yao-bg-soft);
}

/* 标签页 / 徽章 / 空状态 */
[data-slot="tabs-list"] {
  background: var(--yao-bg-soft);
  border-radius: 12px;
  padding: 3px;
  gap: 2px;
}
[data-slot="tabs-trigger"] {
  border-radius: 9px;
}
[data-slot="tabs-trigger"][data-state="active"] {
  background: var(--yao-surface) !important;
  color: var(--yao-text) !important;
  box-shadow: 0 1px 2px rgba(23, 25, 29, 0.06);
}
[data-slot="status-badge"],
[data-slot="badge-cell"] {
  border-radius: 999px;
}
[data-slot="empty"] {
  border: 1px dashed var(--yao-border);
  border-radius: 16px;
  background: var(--yao-bg-soft);
  padding: 28px 16px;
  text-align: center;
}
[data-slot="empty-title"] {
  font-weight: 650;
}
[data-slot="empty-description"] {
  color: var(--yao-muted);
  font-size: 13px;
}

/* 表单密度 */
[data-slot="field"],
[data-slot="form-item"] {
  gap: 6px;
}
[data-slot="field-label"],
[data-slot="form-label"],
[data-slot="label"] {
  font-size: 13px;
  font-weight: 600;
}
[data-slot="input"],
[data-slot="textarea"],
[data-slot="select-trigger"] {
  background: var(--yao-surface);
  border-color: var(--yao-border);
  min-height: 36px;
}
[data-slot="card-header"] {
  padding-bottom: 8px;
}
[data-slot="card-content"] {
  padding-top: 4px;
}

/* 分页条 */
[class*="pagination"] {
  gap: 8px;
  padding: 8px 0;
  color: var(--yao-muted);
  font-size: 13px;
}

/* 窄屏：表格可横滑，抽屉不要顶满字 */
@media (max-width: 768px) {
  [data-slot="table-container"] {
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  [data-slot="table-cell"],
  [data-slot="table-head"] {
    padding: 8px 10px;
  }
  [data-slot="dialog-content"],
  [data-slot="alert-dialog-content"],
  [data-slot="sheet-content"] {
    max-width: calc(100vw - 24px);
    margin-inline: auto;
  }
  [data-slot="card-header"],
  [data-slot="card-content"],
  [data-slot="card-footer"] {
    padding-left: 14px;
    padding-right: 14px;
  }
  [class*="pagination"] {
    justify-content: flex-start;
    overflow-x: auto;
  }
}