/* Shared visual values from the data-center console. */
:root:root {
  --background: #f0f2f5;
  --foreground: #1d2129;
  --surface: #fff;
  --surface-raised: #fff;
  --surface-muted: #f2f3f5;
  --surface-subtle: #fafafa;
  --border: #e5e6eb;
  --border-strong: #c9cdd4;
  --line: #e5e6eb;
  --muted: #f2f3f5;
  --muted-foreground: #86909c;
  --accent: #165dff;
  --accent-soft: #e8f3ff;
  --accent-foreground: #fff;
  --primary: #165dff;
  --primary-foreground: #fff;
  --secondary: #f2f3f5;
  --secondary-foreground: #1d2129;
  --card: #fff;
  --card-foreground: #1d2129;
  --popover: #fff;
  --popover-foreground: #1d2129;
  --input: #d9d9d9;
  --ring: #165dff;
  --success: #00b42a;
  --warning: #ff7d00;
  --danger: #f53f3f;
  --destructive: #f53f3f;
  --radius: 0.75rem;
  --sidebar: #fff;
  --sidebar-foreground: #4e5969;
  --sidebar-primary: #165dff;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #e8f3ff;
  --sidebar-accent-foreground: #165dff;
  --sidebar-border: #e5e6eb;
  --sidebar-ring: #165dff;
  --font-body: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-display: var(--font-body);
  --page-gradient-a: transparent;
  --page-gradient-top: #f0f2f5;
  --page-gradient-bottom: #f0f2f5;
  --shadow-soft: 0 2px 8px rgb(29 33 41 / 4%);
  --shadow-float: 0 8px 24px rgb(29 33 41 / 12%);
}

html body, body .app-shell, body .content,
body [class~="bg-[#fcfcfc]"] {
  background: #f0f2f5;
  color: #1d2129;
  font-family: var(--font-body);
  font-size: 14px;
}

body [data-slot="sidebar-inner"] {
  background: #fff;
  border-right: 1px solid #e5e6eb;
}

body [data-slot="sidebar-menu-button"] {
  border-radius: 6px;
  font-size: 14px;
}

body [data-slot="sidebar-menu-button"][data-active="true"] {
  background: #e8f3ff;
  color: #165dff;
}

body [data-slot="sidebar-header"] > div:first-child:has(img[alt="聚玩AI"]),
body [data-slot="sidebar-header"] > div:first-child:has(img[alt="StaffDeck"]) {
  background: #001529;
  border-radius: 6px;
  min-height: 40px;
  padding: 0 4px;
}

body [data-slot="sidebar-header"] > div:first-child:has(img) strong,
body [data-slot="sidebar-header"] > div:first-child:has(img) button {
  color: #fff;
}

body [class~="h-[56px]"][class~="border-b"] {
  background: #001529;
  border-color: #001529;
  color: #fff;
}

body [class~="h-[56px]"][class~="border-b"] [class*="text-[#"],
body [class~="h-[56px]"][class~="border-b"] button {
  color: #fff;
}

body [class~="h-[56px]"][class~="border-b"] button[class*="bg-white"],
body [class~="h-[56px]"][class~="border-b"] [class~="bg-[#eef1fb]"] {
  background: #163754;
  color: #fff;
}

body [data-slot="button"][data-variant="default"],
body button[class~="bg-[#18181a]"] {
  background: #165dff;
  border-color: #165dff;
  color: #fff;
  border-radius: 6px;
}

body [data-slot="button"][data-variant="default"]:hover,
body button[class~="bg-[#18181a]"]:hover {
  background: #4080ff;
  border-color: #4080ff;
}

body [data-slot="card"], body .data-card, body .editor-card,
body [class~="bg-white"][class~="rounded-[14px]"] {
  border-color: #e5e6eb;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgb(29 33 41 / 4%);
}

body form[class~="bg-white"] {
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgb(29 33 41 / 4%);
}

body form[class~="bg-white"]:focus-within {
  border-color: #165dff;
  box-shadow: 0 0 0 2px rgb(22 93 255 / 10%);
}

body [class~="rounded-[14px]"][class~="bg-[#f6f6f6]"][class~="py-[11px]"] {
  background: #e8f3ff;
  color: #1d2129;
  border: 1px solid #bedaff;
  border-radius: 12px;
}

body [data-slot="input"], body [data-slot="select-trigger"],
body [data-slot="textarea"] {
  border-radius: 6px;
  border-color: #d9d9d9;
  background: #fff;
}

body [data-slot="table-head"] {
  background: #fafafa;
  color: #262626;
  font-size: 13px;
}

body [data-slot="table-row"]:hover {
  background: #e6f4ff;
}

body [data-slot="tabs-trigger"][data-state="active"] {
  color: #165dff;
  background: #e8f3ff;
}