:root {
  --atlas-ink: #1a2330;
  --atlas-ink-soft: #2d3748;
  --atlas-muted: #64748b;
  --atlas-paper: #f3f3f3;
  --atlas-paper-deep: #f5f5f5;
  --atlas-white: #ffffff;
  --atlas-line: rgba(26, 35, 48, .12);
  --atlas-rose: #5f41cf;
  --atlas-rose-soft: #f2efff;
  --atlas-lime: #e2f7f1;
  --atlas-blue: #3157ff;
  --atlas-orange: #df8d4b;
  --atlas-shadow: 0 18px 56px rgba(26, 35, 48, .07);
  --atlas-card: #fdfdfd;
  --atlas-card-solid: #fdfdfd;
  /* valeclouds console rail tokens: deep blue surface, cool white ink,
     restrained selection state and a violet precision accent. */
  --atlas-rail: #1a2330;
  --atlas-rail-ink: #ebf4fb;
  --atlas-rail-ink-soft: rgba(235, 244, 251, .80);
  --atlas-rail-ink-muted: rgba(235, 244, 251, .50);
  --atlas-rail-hover: rgba(235, 244, 251, .07);
  --atlas-rail-selected: rgba(235, 244, 251, .10);
  --atlas-rail-line: rgba(235, 244, 251, .10);
  --atlas-rail-accent: #7036f0;
}

/* Shared application surface */
html, body { background: var(--atlas-paper) !important; color: var(--atlas-ink) !important; color-scheme: light !important; }
body { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; letter-spacing: 0 !important; }
html {
  --semi-color-text-0: #1a2330 !important;
  --semi-color-text-1: #2d3748 !important;
  --semi-color-text-2: #64748b !important;
  --semi-color-text-3: #98a2b3 !important;
  --semi-color-bg-0: #ffffff !important;
  --semi-color-bg-1: #f3f3f3 !important;
  --semi-color-fill-0: #f5f5f5 !important;
  --semi-color-fill-1: #f2efff !important;
  --semi-color-primary: #5f41cf !important;
  --semi-color-primary-hover: #5326b5 !important;
  --semi-color-primary-light-default: #f2efff !important;
  --semi-color-border: rgba(26, 35, 48, .12) !important;
}
body:has(main.public-page-content) { --semi-color-text-0: #1a2330 !important; --semi-color-text-1: #2d3748 !important; --semi-color-text-2: #64748b !important; }
body:has(.semi-layout-sider)::before {
  position: fixed;
  z-index: 0;
  top: 0;
  right: 0;
  width: min(48vw, 760px);
  height: 330px;
  background: none !important;
  content: "";
  opacity: 0 !important;
  pointer-events: none;
}
body:has(.classic-page-fill .semi-form)::before { display: none; }
.semi-layout, .semi-layout-main, .semi-layout-content, .public-page-content { background: transparent !important; }
.semi-layout { position: relative; z-index: 1; min-height: 100vh; }
.semi-layout-content { padding: 30px 36px !important; }

/* Public navigation */
.public-page-content { min-height: calc(100vh - 72px); }
.semi-layout-header {
  position: relative;
  z-index: 3;
  border-bottom: 1px solid var(--atlas-line) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 4px 24px rgba(26, 26, 46, .06) !important;
  backdrop-filter: blur(12px);
}
.semi-layout-header .semi-button { border-radius: 3px !important; }
header[class*="sticky"] a { color: var(--atlas-ink-soft) !important; }
header[class*="sticky"] a:hover { color: var(--atlas-rose) !important; }
header[class*="sticky"] button { color: var(--atlas-ink-soft) !important; background: rgba(20, 22, 28, .05) !important; }
header[class*="sticky"] button:hover { color: var(--atlas-rose) !important; background: var(--atlas-rose-soft) !important; }

/* Login, register and reset pages follow the valeclouds split-screen treatment. */
body:has(.classic-page-fill .semi-form) .classic-page-fill {
  position: relative !important;
  min-height: 100vh !important;
  overflow: hidden !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  background: var(--atlas-paper) !important;
}
body:has(.classic-page-fill .semi-form) .classic-page-fill::before {
  position: absolute;
  inset: 0 50% 0 0;
  background: url('/atlas/auth.jpg?v=20260713b') center / cover no-repeat;
  content: "";
}
body:has(.classic-page-fill .semi-form) .classic-page-fill::after {
  position: absolute;
  z-index: 1;
  top: 30px;
  left: 34px;
  color: var(--atlas-white);
  content: "valeclouds";
  font-size: 24px;
  font-weight: 800;
  letter-spacing: .02em;
  text-shadow: 0 1px 14px rgba(20, 22, 28, .38);
}
body:has(.classic-page-fill .semi-form) header,
body:has(.classic-page-fill .semi-form) footer { display: none !important; }
body:has(.classic-page-fill .semi-form) .classic-page-fill > div.w-full {
  position: relative;
  z-index: 2;
  width: 50% !important;
  max-width: 520px !important;
  margin: 0 0 0 50% !important;
  padding: 56px 54px !important;
}
body:has(.classic-page-fill .semi-form) .classic-page-fill .blur-ball { display: none !important; }
body:has(.classic-page-fill .semi-form) .classic-page-fill .semi-card,
body:has(.classic-page-fill .semi-form) .classic-page-fill .semi-card-bordered {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.classic-page-fill .semi-form) .classic-page-fill .semi-card-body { padding: 0 !important; }
body:has(.classic-page-fill .semi-form) .classic-page-fill .semi-typography-h3 { color: var(--atlas-ink) !important; letter-spacing: 0 !important; }
body:has(.classic-page-fill .semi-form) .classic-page-fill .semi-form-field-label-text { color: var(--atlas-ink-soft) !important; font-size: 13px !important; font-weight: 650 !important; }
body:has(.classic-page-fill .semi-form) .classic-page-fill .semi-input-wrapper,
body:has(.classic-page-fill .semi-form) .classic-page-fill .semi-input-wrapper-default {
  min-height: 44px !important;
  border: 1px solid rgba(20, 22, 28, .2) !important;
  border-radius: 3px !important;
  background: var(--atlas-white) !important;
  box-shadow: none !important;
}
body:has(.classic-page-fill .semi-form) .classic-page-fill .semi-input-wrapper:hover,
body:has(.classic-page-fill .semi-form) .classic-page-fill .semi-input-wrapper-focus {
  border-color: var(--atlas-rose) !important;
  box-shadow: 0 0 0 3px rgba(95, 65, 207, .12) !important;
}
body:has(.classic-page-fill .semi-form) .classic-page-fill .semi-input { background: transparent !important; color: var(--atlas-ink) !important; }
body:has(.classic-page-fill .semi-form) .classic-page-fill .semi-input-prefix { color: #89858a !important; }
body:has(.classic-page-fill .semi-form) .classic-page-fill .semi-button-primary.semi-button-solid {
  min-height: 45px !important;
  border-color: var(--atlas-rose) !important;
  border-radius: 3px !important;
  background: var(--atlas-rose) !important;
  color: var(--atlas-white) !important;
  box-shadow: none !important;
}
body:has(.classic-page-fill .semi-form) .classic-page-fill .semi-button-primary.semi-button-solid:hover { border-color: #5326b5 !important; background: #5326b5 !important; color: var(--atlas-white) !important; }
body:has(.classic-page-fill .semi-form) .classic-page-fill .semi-button-tertiary { border-radius: 3px !important; color: var(--atlas-rose) !important; }

/* Console navigation and information hierarchy */
.semi-layout-sider {
  position: relative;
  z-index: 2;
  border-right: 0 !important;
  background: var(--atlas-rail) !important;
  box-shadow: 10px 0 36px rgba(20, 22, 28, .08) !important;
}
.semi-layout-sider .semi-navigation,
.semi-layout-sider .semi-navigation-sub-title { background: transparent !important; }
.semi-layout-sider .semi-navigation-item,
.semi-layout-sider .semi-navigation-sub-title-text { color: var(--atlas-rail-ink-soft) !important; }
.semi-layout-sider .semi-navigation-item:hover { background: var(--atlas-rail-hover) !important; color: var(--atlas-rail-ink) !important; }
.semi-layout-sider .semi-navigation-item-selected {
  background: var(--atlas-rail-selected) !important;
  color: var(--atlas-rail-ink) !important;
  box-shadow: inset 2px 0 0 var(--atlas-rail-accent) !important;
}
.semi-layout-sider .semi-navigation-item-selected::before { background: var(--atlas-rail-accent) !important; }
.semi-layout-sider .semi-icon { color: currentColor !important; }
.semi-layout-main { position: relative; z-index: 1; }
.semi-layout-main > .semi-layout-header { min-height: 64px; }
.semi-layout-main > .semi-layout-content { min-height: calc(100vh - 64px); }

/* The console uses its own sidebar class names in addition to Semi UI. */
.app-sider,
.app-sider .semi-layout-sider,
.app-sider .semi-layout-sider-children,
.app-sider .sidebar-container {
  background: var(--atlas-rail) !important;
  color: var(--atlas-rail-ink-soft) !important;
}
.app-sider .sidebar-nav,
.app-sider .sidebar-section { background: transparent !important; }
.app-sider .sidebar-group-label,
.app-sider .sidebar-group-label * {
  color: var(--atlas-rail-ink-muted) !important;
}
.app-sider .sidebar-divider { border-color: var(--atlas-rail-line) !important; }
.app-sider .sidebar-nav-item,
.app-sider .sidebar-nav-item .semi-navigation-item-inner,
.app-sider .sidebar-nav-item .semi-navigation-item-text,
.app-sider .sidebar-nav-item .semi-navigation-item-icon,
.app-sider .sidebar-nav-item .semi-icon,
.app-sider .sidebar-nav-item a {
  color: var(--atlas-rail-ink-soft) !important;
}
.app-sider .sidebar-nav-item:hover,
.app-sider .sidebar-nav-item:hover .semi-navigation-item-text,
.app-sider .sidebar-nav-item:hover .semi-navigation-item-icon {
  color: var(--atlas-rail-ink) !important;
  background: var(--atlas-rail-hover) !important;
}
.app-sider .sidebar-nav-item-selected,
.app-sider .sidebar-nav-item-selected .semi-navigation-item-text,
.app-sider .sidebar-nav-item-selected .semi-navigation-item-icon,
.app-sider .sidebar-nav-item-selected a {
  color: var(--atlas-rail-ink) !important;
  background: transparent !important;
}
.app-sider .sidebar-nav-item-selected {
  background: var(--atlas-rail-selected) !important;
  box-shadow: inset 2px 0 0 var(--atlas-rail-accent) !important;
}
.app-sider .sidebar-collapse-button,
.app-sider .sidebar-collapse-button * {
  color: var(--atlas-rail-ink-soft) !important;
}
.app-sider .sidebar-collapse-button {
  border-top: 1px solid var(--atlas-rail-line) !important;
  background: var(--atlas-rail) !important;
}
.app-sider .sidebar-collapse-button .semi-button {
  border-color: rgba(235, 244, 251, .14) !important;
  background: transparent !important;
  color: var(--atlas-rail-ink-soft) !important;
}
.app-sider .sidebar-collapse-button .semi-button:hover {
  border-color: rgba(235, 244, 251, .26) !important;
  background: var(--atlas-rail-hover) !important;
  color: var(--atlas-rail-ink) !important;
}
.app-sider .sidebar-collapse-button .semi-button svg,
.app-sider .sidebar-collapse-button .semi-button svg * {
  color: currentColor !important;
  stroke: currentColor !important;
}
.app-sider .sidebar-collapse-button .semi-button:hover {
  color: var(--atlas-rail-ink) !important;
  background: var(--atlas-rail-hover) !important;
}

/* Sidebar icon contrast: several icon packs render their own SVG path stroke/fill,
   so color alone is not enough on the dark rail. Keep this scoped to the app sider. */
.semi-layout-sider .semi-navigation-item-icon,
.semi-layout-sider .semi-navigation-item-icon *,
.semi-layout-sider .semi-navigation-item .semi-icon,
.semi-layout-sider .semi-navigation-item .semi-icon *,
.app-sider .sidebar-nav-item .semi-navigation-item-icon,
.app-sider .sidebar-nav-item .semi-navigation-item-icon *,
.app-sider .sidebar-nav-item .semi-icon,
.app-sider .sidebar-nav-item .semi-icon *,
.app-sider .sidebar-nav-item svg {
  color: var(--atlas-rail-ink-soft) !important;
  opacity: 1 !important;
}
.semi-layout-sider svg,
.app-sider svg {
  opacity: 1 !important;
}
.semi-layout-sider svg [stroke]:not([stroke="none"]),
.app-sider svg [stroke]:not([stroke="none"]),
.semi-layout-sider svg path:not([fill="none"]),
.semi-layout-sider svg rect:not([fill="none"]),
.semi-layout-sider svg circle:not([fill="none"]),
.semi-layout-sider svg line:not([fill="none"]),
.semi-layout-sider svg polyline:not([fill="none"]),
.semi-layout-sider svg polygon:not([fill="none"]),
.app-sider svg path:not([fill="none"]),
.app-sider svg rect:not([fill="none"]),
.app-sider svg circle:not([fill="none"]),
.app-sider svg line:not([fill="none"]),
.app-sider svg polyline:not([fill="none"]),
.app-sider svg polygon:not([fill="none"]) {
  color: currentColor !important;
  stroke: currentColor !important;
  fill: currentColor !important;
  opacity: 1 !important;
}
.semi-layout-sider svg [fill="none"],
.app-sider svg [fill="none"] {
  fill: none !important;
}
.semi-layout-sider .semi-navigation-item:hover .semi-navigation-item-icon,
.semi-layout-sider .semi-navigation-item:hover .semi-navigation-item-icon *,
.app-sider .sidebar-nav-item:hover .semi-navigation-item-icon,
.app-sider .sidebar-nav-item:hover .semi-navigation-item-icon *,
.app-sider .sidebar-nav-item:hover svg {
  color: #ffffff !important;
}
.semi-layout-sider .semi-navigation-item-selected .semi-navigation-item-icon,
.semi-layout-sider .semi-navigation-item-selected .semi-navigation-item-icon *,
.semi-layout-sider .semi-navigation-item-selected .semi-icon,
.semi-layout-sider .semi-navigation-item-selected .semi-icon *,
.semi-layout-sider .semi-navigation-item-selected svg,
.app-sider .sidebar-nav-item-selected .semi-navigation-item-icon,
.app-sider .sidebar-nav-item-selected .semi-navigation-item-icon *,
.app-sider .sidebar-nav-item-selected .semi-icon,
.app-sider .sidebar-nav-item-selected .semi-icon *,
.app-sider .sidebar-nav-item-selected svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: #ffffff !important;
  opacity: 1 !important;
}
.semi-layout-sider .semi-navigation-item-selected svg [stroke]:not([stroke="none"]),
.app-sider .sidebar-nav-item-selected svg [stroke]:not([stroke="none"]),
.semi-layout-sider .semi-navigation-item-selected svg path:not([fill="none"]),
.app-sider .sidebar-nav-item-selected svg path:not([fill="none"]) {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}

/* Model plaza follows valeclouds's light filter rail and purple controls. */
.pricing-sidebar,
.pricing-sidebar .semi-layout-sider-children,
.pricing-sidebar .p-2 {
  background: #f7f9fc !important;
  color: var(--atlas-ink) !important;
}
.pricing-sidebar .semi-divider,
.pricing-sidebar .semi-divider_inner-text,
.pricing-sidebar .text-gray-800,
.pricing-sidebar .semi-row,
.pricing-sidebar .semi-col,
.pricing-sidebar .sbg-compact {
  color: var(--atlas-ink-soft) !important;
}
.pricing-sidebar { border-right: 1px solid rgba(26, 26, 46, .1) !important; box-shadow: none !important; }
.pricing-sidebar .semi-divider { border-color: rgba(26, 26, 46, .12) !important; }
.pricing-sidebar .semi-button.sbg-button,
.pricing-sidebar .semi-button.sbg-button .semi-button-content,
.pricing-sidebar .semi-button.sbg-button .sbg-content,
.pricing-sidebar .semi-button.sbg-button .sbg-ellipsis,
.pricing-sidebar .semi-button.sbg-button .sbg-icon,
.pricing-sidebar .semi-button.sbg-button svg {
  color: var(--atlas-ink-soft) !important;
}
.pricing-sidebar .semi-button.sbg-button {
  border-color: rgba(26, 26, 46, .12) !important;
  background: transparent !important;
}
.pricing-sidebar .semi-button.sbg-button:hover {
  border-color: rgba(95, 65, 207, .46) !important;
  background: var(--atlas-rose-soft) !important;
  color: #5f41cf !important;
}
.pricing-sidebar .semi-button.sbg-button.semi-button-primary.semi-button-light,
.pricing-sidebar .semi-button.sbg-button.semi-button-primary.semi-button-light * {
  color: #5f41cf !important;
  border-color: rgba(95, 65, 207, .38) !important;
  background: var(--atlas-rose-soft) !important;
}
.pricing-sidebar .sbg-badge {
  color: var(--atlas-ink-soft) !important;
  background: rgba(26, 26, 46, .07) !important;
}
.pricing-sidebar .sbg-badge-active {
  color: #5f41cf !important;
  background: rgba(95, 65, 207, .14) !important;
}
.pricing-sidebar .semi-button-tertiary,
.pricing-sidebar .semi-button-tertiary * { color: var(--atlas-ink-soft) !important; }
.pricing-sidebar .semi-button-tertiary:hover,
.pricing-sidebar .semi-button-tertiary:hover * { color: #5f41cf !important; }

/* Keep the public pricing surface on the same paper-and-ink scale. */
.pricing-search-header,
.pricing-search-header .semi-card { background: var(--atlas-white) !important; }
.pricing-search-header .semi-card { border-color: var(--atlas-line) !important; }
.pricing-content .semi-typography,
.pricing-content .semi-card-body,
.pricing-content .text-gray-900,
.pricing-content .text-gray-700,
.pricing-content .text-gray-600,
.pricing-content .text-gray-500 { color: var(--atlas-ink-soft) !important; }
.pricing-content h2,
.pricing-content h3 { color: var(--atlas-ink) !important; }
.pricing-content .semi-tag-violet-light {
  color: #5f41cf !important;
  border-color: rgba(95, 65, 207, .24) !important;
  background: var(--atlas-rose-soft) !important;
}

/* Give the public model page the full-width painted hero used by valeclouds. */
body:has(.pricing-layout)::before { display: none !important; }
body:has(.pricing-layout) .semi-layout-content:has(.pricing-layout) {
  padding: 0 !important;
  background: var(--atlas-paper) !important;
}
.pricing-layout {
  width: 100% !important;
  margin-top: 64px !important;
  background: var(--atlas-paper) !important;
}
.pricing-layout .pricing-content {
  padding: 0 40px 60px !important;
  background: var(--atlas-paper) !important;
}
.pricing-layout .pricing-search-header {
  width: calc(100% + 80px) !important;
  height: 320px !important;
  margin: 0 -40px 46px !important;
  padding: 0 !important;
  background: transparent !important;
}
.pricing-layout .pricing-search-header .semi-card {
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.pricing-layout .pricing-search-header .semi-card-cover,
.pricing-layout .pricing-search-header .semi-card-cover .relative { height: 240px !important; }
.pricing-layout .pricing-search-header .semi-card-cover .relative {
  background-image: linear-gradient(90deg, rgba(13, 13, 26, .78), rgba(13, 13, 26, .24) 66%, rgba(13, 13, 26, .08)), url('/atlas/pricing-hero.jpg?v=20260713c') !important;
  background-position: center !important;
  background-size: cover !important;
}
.pricing-layout .pricing-search-header .semi-card-cover h2,
.pricing-layout .pricing-search-header .semi-card-cover p,
.pricing-layout .pricing-search-header .semi-card-cover .semi-typography,
.pricing-layout .pricing-search-header .semi-card-cover .semi-tag-content { color: var(--atlas-white) !important; }
.pricing-layout .pricing-search-header .semi-card-body {
  height: 80px !important;
  padding: 12px 16px !important;
  border: 1px solid var(--atlas-line) !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  background: var(--atlas-white) !important;
}
.pricing-layout .pricing-view-container { background: transparent !important; }
.pricing-layout .pricing-content .semi-card {
  border-color: rgba(26, 26, 46, .12) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .84) !important;
  box-shadow: 0 8px 24px rgba(26, 26, 46, .04) !important;
}
.pricing-layout .pricing-content .semi-card:hover { border-color: rgba(97, 94, 255, .38) !important; }
.pricing-layout .pricing-content .semi-button-primary:not(.semi-button-solid),
.pricing-layout .pricing-content .semi-button-primary:not(.semi-button-solid) * { color: #5f41cf !important; }
.pricing-layout .pricing-content .semi-button-primary:not(.semi-button-solid):hover { background: var(--atlas-rose-soft) !important; }

/* Cards, billing panels, usage summaries and settings surfaces */
.semi-card {
  border: 1px solid var(--atlas-line) !important;
  border-radius: 5px !important;
  background: #fdfdfd !important;
  box-shadow: var(--atlas-shadow) !important;
}
.semi-card:hover { border-color: rgba(95, 65, 207, .34) !important; }
.semi-card-header { border-bottom: 1px solid var(--atlas-line) !important; }
.semi-card-header-title, .semi-typography { letter-spacing: 0 !important; }
.semi-typography-primary { color: var(--atlas-ink) !important; }
.semi-typography-secondary { color: #77747a !important; }
.semi-divider { border-color: var(--atlas-line) !important; }
.semi-button { border-radius: 3px !important; letter-spacing: 0 !important; }
.semi-button-primary.semi-button-solid,
.semi-button-primary.semi-button-solid * { border-color: var(--atlas-rose) !important; background: var(--atlas-rose) !important; color: var(--atlas-white) !important; }
.semi-button-primary.semi-button-solid:hover,
.semi-button-primary.semi-button-solid:hover * { border-color: #5326b5 !important; background: #5326b5 !important; color: var(--atlas-white) !important; }
.semi-button-secondary.semi-button-solid { border-color: var(--atlas-ink) !important; background: var(--atlas-ink) !important; color: var(--atlas-white) !important; }
.semi-button-warning.semi-button-solid { border-color: #b97b39 !important; background: #b97b39 !important; }
.semi-button-tertiary:hover, .semi-button-borderless:hover { background: rgba(95, 65, 207, .08) !important; color: var(--atlas-rose) !important; }
.semi-tag { border-radius: 3px !important; }
.semi-badge-count { background: var(--atlas-rose) !important; }

/* Forms, payment inputs and filter controls */
.semi-input-wrapper,
.semi-select-selection,
.semi-datepicker-input,
.semi-input-number,
.semi-textarea-wrapper {
  border-color: rgba(20, 22, 28, .18) !important;
  border-radius: 3px !important;
  background: var(--atlas-white) !important;
  box-shadow: none !important;
}
.semi-input-wrapper:hover,
.semi-select-selection:hover,
.semi-datepicker-input:hover,
.semi-input-number:hover,
.semi-textarea-wrapper:hover,
.semi-input-wrapper-focus,
.semi-select-focus .semi-select-selection { border-color: var(--atlas-rose) !important; }
.semi-input, .semi-textarea, .semi-select-selection-text, .semi-input-number-input { color: var(--atlas-ink) !important; }
.semi-form-field-label-text { color: var(--atlas-ink-soft) !important; font-weight: 600 !important; }
.semi-form-field-error-message { color: #a24d5f !important; }
.semi-select-option-selected, .semi-dropdown-item-selected { background: rgba(95, 65, 207, .12) !important; color: var(--atlas-ink) !important; }
.semi-dropdown, .semi-popover, .semi-tooltip, .semi-datepicker-panel, .semi-select-option-list { border: 1px solid var(--atlas-line) !important; border-radius: 4px !important; background: var(--atlas-white) !important; box-shadow: 0 18px 50px rgba(20, 22, 28, .14) !important; }

/* Model playground controls use the same restrained Atlas violet instead of
   the stock blue utility colors. */
body:has(.semi-layout-sider) .semi-layout-content .semi-slider-rail { background: #e5e7eb !important; }
body:has(.semi-layout-sider) .semi-layout-content .semi-slider-track,
body:has(.semi-layout-sider) .semi-layout-content .semi-slider-handle-dot { background: #5f41cf !important; }
body:has(.semi-layout-sider) .semi-layout-content .semi-slider-handle { border: 1px solid rgba(95, 65, 207, .18) !important; }
body:has(.semi-layout-sider) .semi-layout-content .semi-switch-checked { background: #5f41cf !important; }
body:has(.semi-layout-sider) .semi-layout-content .semi-chat-chatBox-content-user {
  background: #5f41cf !important;
  color: #ffffff !important;
}
body:has(.semi-layout-sider) .semi-layout-content .semi-chat-chatBox-content-user * { color: #ffffff !important; }

/* Usage tables and channel/payment history */
.semi-table { overflow: hidden; border: 1px solid var(--atlas-line); border-radius: 4px; background: #fdfdfd !important; }
.semi-table-thead > .semi-table-row > .semi-table-cell { border-bottom: 1px solid var(--atlas-line) !important; background: var(--atlas-paper-deep) !important; color: #5e5b62 !important; font-size: 11px !important; font-weight: 750 !important; letter-spacing: .04em !important; text-transform: uppercase; }
.semi-table-tbody > .semi-table-row > .semi-table-cell { border-bottom: 1px solid rgba(20, 22, 28, .08) !important; background: transparent !important; }
.semi-table-tbody > .semi-table-row:hover > .semi-table-cell { background: rgba(95, 65, 207, .07) !important; }
.semi-table-pagination { padding: 14px 16px !important; border-top: 1px solid var(--atlas-line); }
.semi-tabs-bar { border-bottom: 1px solid var(--atlas-line) !important; }
.semi-tabs-tab { color: #77747a !important; }
.semi-tabs-tab-active { color: var(--atlas-rose) !important; }
.semi-tabs-tab-active::after { background: var(--atlas-rose) !important; }
.semi-progress-track { background: var(--atlas-paper-deep) !important; }
.semi-progress-line { background: var(--atlas-rose) !important; }
.semi-spin { color: var(--atlas-rose) !important; }

/* Console contrast pass: valeclouds style is light, high-contrast, blue-violet accented.
   These rules intentionally beat Tailwind dark/text-white utilities that can leak into
   cards and charts when the browser/app has a dark preference cached. */
html.dark,
html[data-theme="dark"],
body.dark {
  color-scheme: light !important;
  background: var(--atlas-paper) !important;
}
body:has(.semi-layout-sider) .semi-layout-main,
body:has(.semi-layout-sider) .semi-layout-content {
  background: #f3f3f3 !important;
  color: var(--atlas-ink) !important;
}
body:has(.semi-layout-sider) .semi-layout-main > .semi-layout-header,
body:has(.semi-layout-sider) header[class*="sticky"] {
  background: #fdfdfd !important;
  color: var(--atlas-ink) !important;
  border-bottom-color: rgba(26, 35, 48, .10) !important;
  box-shadow: 0 10px 34px rgba(26, 35, 48, .06) !important;
}
body:has(.semi-layout-sider) header[class*="sticky"] *:not(svg):not(svg *):not(.semi-avatar):not(.semi-avatar *) {
  color: var(--atlas-ink-soft) !important;
}
body:has(.semi-layout-sider) header[class*="sticky"] h1,
body:has(.semi-layout-sider) header[class*="sticky"] h2,
body:has(.semi-layout-sider) header[class*="sticky"] h3,
body:has(.semi-layout-sider) header[class*="sticky"] h4 {
  color: var(--atlas-ink) !important;
}
body:has(.semi-layout-sider) .semi-layout-content .semi-card {
  overflow: hidden !important;
  border-color: rgba(26, 35, 48, .12) !important;
  border-radius: 16px !important;
  background: #fdfdfd !important;
  box-shadow: 0 20px 60px rgba(26, 35, 48, .07), 0 1px 0 rgba(255, 255, 255, .72) inset !important;
  backdrop-filter: blur(14px) saturate(1.05);
}
body:has(.semi-layout-sider) .semi-layout-content .semi-card:hover {
  border-color: rgba(95, 65, 207, .34) !important;
  box-shadow: 0 24px 70px rgba(26, 35, 48, .09), 0 0 0 1px rgba(95, 65, 207, .08) inset !important;
}
body:has(.semi-layout-sider) .semi-layout-content .semi-card-header {
  background: #fdfdfd !important;
  border-bottom-color: rgba(26, 35, 48, .12) !important;
}
body:has(.semi-layout-sider) .semi-layout-content .semi-card-header,
body:has(.semi-layout-sider) .semi-layout-content .semi-card-header *,
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body,
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body *:not(svg):not(svg *):not(.semi-avatar):not(.semi-avatar *) {
  color: var(--atlas-ink) !important;
  text-shadow: none !important;
}
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body .text-gray-400,
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body .text-gray-500,
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body .text-gray-600,
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body .semi-typography-secondary,
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body small,
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body .text-sm {
  color: var(--atlas-muted) !important;
}
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body .text-white,
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body [class*="text-white"],
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body [class*="dark:text-white"],
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body [class*="dark:!text-white"],
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body [class*="!text-white"] {
  color: var(--atlas-ink) !important;
}

/* Debug inspector: in Atlas light mode the inspector is a pale code surface,
   never a black panel with dark text. Keep syntax colors readable as well. */
body:has(.semi-layout-sider) .debug-panel,
body:has(.semi-layout-sider) .debug-panel .semi-tabs,
body:has(.semi-layout-sider) .debug-panel .semi-tabs-content,
body:has(.semi-layout-sider) .debug-panel .semi-tabs-pane {
  background: #fdfdfd !important;
  color: var(--atlas-ink) !important;
}
body:has(.semi-layout-sider) .debug-panel .semi-tabs-bar {
  background: #fdfdfd !important;
  border-bottom-color: var(--atlas-line) !important;
}
body:has(.semi-layout-sider) .debug-panel .semi-codeHighlight,
body:has(.semi-layout-sider) .debug-panel .semi-codeHighlight-defaultTheme,
body:has(.semi-layout-sider) .debug-panel pre {
  background: #f5f5f5 !important;
  color: var(--atlas-ink) !important;
}
body:has(.semi-layout-sider) .debug-panel pre code,
body:has(.semi-layout-sider) .debug-panel .semi-codeHighlight code {
  color: var(--atlas-ink) !important;
  text-shadow: none !important;
}
body:has(.semi-layout-sider) .debug-panel .token.comment,
body:has(.semi-layout-sider) .debug-panel .token.prolog,
body:has(.semi-layout-sider) .debug-panel .token.doctype,
body:has(.semi-layout-sider) .debug-panel .token.cdata { color: #64748b !important; }
body:has(.semi-layout-sider) .debug-panel .token.property,
body:has(.semi-layout-sider) .debug-panel .token.tag,
body:has(.semi-layout-sider) .debug-panel .token.boolean,
body:has(.semi-layout-sider) .debug-panel .token.number,
body:has(.semi-layout-sider) .debug-panel .token.constant,
body:has(.semi-layout-sider) .debug-panel .token.symbol { color: #6d28d9 !important; }
body:has(.semi-layout-sider) .debug-panel .token.string,
body:has(.semi-layout-sider) .debug-panel .token.char,
body:has(.semi-layout-sider) .debug-panel .token.builtin,
body:has(.semi-layout-sider) .debug-panel .token.inserted { color: #0f766e !important; }
body:has(.semi-layout-sider) .debug-panel .token.keyword,
body:has(.semi-layout-sider) .debug-panel .token.atrule { color: #5f41cf !important; }
body:has(.semi-layout-sider) .debug-panel .token.function { color: #2563eb !important; }
body:has(.semi-layout-sider) .debug-panel .token.operator,
body:has(.semi-layout-sider) .debug-panel .token.punctuation { color: #475569 !important; }

body:has(.semi-layout-sider) .semi-layout-content h1,
body:has(.semi-layout-sider) .semi-layout-content h2,
body:has(.semi-layout-sider) .semi-layout-content h3,
body:has(.semi-layout-sider) .semi-layout-content h4,
body:has(.semi-layout-sider) .semi-layout-content .font-semibold,
body:has(.semi-layout-sider) .semi-layout-content .font-bold {
  color: var(--atlas-ink) !important;
}
body:has(.semi-layout-sider) .semi-layout-content .semi-tabs-tab {
  color: var(--atlas-muted) !important;
  font-weight: 600 !important;
}
body:has(.semi-layout-sider) .semi-layout-content .semi-tabs-tab-active,
body:has(.semi-layout-sider) .semi-layout-content .semi-tabs-tab-active * {
  color: var(--atlas-rose) !important;
}
body:has(.semi-layout-sider) .semi-layout-content canvas {
  border-radius: 10px !important;
  background: transparent !important;
}
body:has(.semi-layout-sider) .semi-layout-content canvas.valeclouds-canvas-lightened {
  background: #fff !important;
  filter: invert(1) hue-rotate(180deg) saturate(.9) contrast(.9) brightness(1.22) !important;
}
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body canvas.valeclouds-canvas-lightened {
  box-shadow: 0 0 0 1px rgba(26, 35, 48, .08) inset !important;
}
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body canvas.valeclouds-canvas-lightened[width="100"] {
  opacity: .22 !important;
  box-shadow: none !important;
}
.semi-layout-sider .semi-navigation-item-selected,
.semi-layout-sider .semi-navigation-item-selected *,
.app-sider .sidebar-nav-item-selected,
.app-sider .sidebar-nav-item-selected *,
.semi-layout-sider .semi-navigation-item-selected .truncate,
.semi-layout-sider .semi-navigation-item-selected .semi-navigation-item-text {
  color: #ffffff !important;
}
.semi-layout-sider .semi-navigation-sub-title,
.semi-layout-sider .semi-navigation-sub-title *,
.semi-layout-sider .semi-navigation-item-inner,
.semi-layout-sider .semi-navigation-item-inner * {
  color: inherit !important;
}
body:has(.semi-layout-sider) footer,
body:has(.semi-layout-sider) footer *,
body:has(.semi-layout-sider) .custom-footer,
body:has(.semi-layout-sider) .custom-footer * {
  color: var(--atlas-muted) !important;
}

/* Drawers, dialogs and recharge confirmations */
.semi-modal-content, .semi-modal-inner, .semi-drawer-content { border-radius: 5px !important; background: var(--atlas-paper) !important; }
.semi-modal-header, .semi-drawer-header { border-bottom: 1px solid var(--atlas-line) !important; }
.semi-modal-footer, .semi-drawer-footer { border-top: 1px solid var(--atlas-line) !important; }
.semi-modal-mask, .semi-drawer-mask { background: rgba(20, 22, 28, .56) !important; }
.semi-toast { border: 1px solid var(--atlas-line) !important; border-radius: 4px !important; box-shadow: 0 18px 50px rgba(20, 22, 28, .14) !important; }

/* Public model/price surfaces when they are available after authentication */
.public-page-content .semi-card { box-shadow: none !important; }
.public-page-content h1, .public-page-content h2, .semi-layout-content h1, .semi-layout-content h2 { color: var(--atlas-ink) !important; letter-spacing: 0 !important; }
.public-page-content a, .semi-layout-content a { color: var(--atlas-rose); }
.public-page-content .semi-button, .semi-layout-content .semi-button { font-weight: 650 !important; }
body:has(.public-page-content) footer { color: var(--atlas-ink-soft) !important; background: transparent !important; }
body:has(.public-page-content) footer * { color: var(--atlas-ink-soft) !important; }
body:has(.public-page-content) footer a { color: var(--atlas-rose) !important; }
body:has(.public-page-content) .custom-footer { color: var(--atlas-ink-soft) !important; }
body:has(.public-page-content) .custom-footer a { color: var(--atlas-rose) !important; }
html body:has(main.public-page-content) footer .custom-footer { color: #34363d !important; }
html body:has(main.public-page-content) footer .custom-footer a { color: var(--atlas-rose) !important; }
main.public-page-content p:has(a[href="https://valeclouds.com"]) {
  font-size: 0 !important;
  color: transparent !important;
}
main.public-page-content p:has(a[href="https://valeclouds.com"])::after {
  content: "valeclouds © 2026 | valeclouds Gateway";
  color: var(--atlas-ink-soft);
  font-size: 14px;
}
main.public-page-content p:has(a[href="https://valeclouds.com"]) a { display: none !important; }

@media (max-width: 760px) {
  body:has(.classic-page-fill .semi-form) .classic-page-fill { align-items: flex-start !important; }
  body:has(.classic-page-fill .semi-form) .classic-page-fill::before { inset: 0 0 auto 0; height: 260px; }
  body:has(.classic-page-fill .semi-form) .classic-page-fill::after { top: 24px; left: 22px; font-size: 20px; }
  body:has(.classic-page-fill .semi-form) .classic-page-fill > div.w-full { width: 100% !important; max-width: 480px !important; margin: 204px auto 0 !important; padding: 32px 20px 48px !important; background: var(--atlas-paper) !important; }
  .semi-layout-content { padding: 22px 16px !important; }
  .pricing-layout { margin-top: 60px !important; }
  .pricing-layout .pricing-content { padding: 0 16px 36px !important; }
  .pricing-layout .pricing-search-header { width: calc(100% + 32px) !important; height: 300px !important; margin: 0 -16px 30px !important; }
  .pricing-layout .pricing-search-header .semi-card-cover,
  .pricing-layout .pricing-search-header .semi-card-cover .relative { height: 220px !important; }
  .pricing-layout .pricing-search-header .semi-card-body { height: 80px !important; overflow: auto !important; }
  body:has(.semi-layout-sider)::before { width: 100%; height: 220px; opacity: .045; }
}

/* valeclouds dark mode: keep the whole console on one intentional surface. */
html.dark {
  color-scheme: dark !important;
  --atlas-ink: #ebf4fb !important;
  --atlas-ink-soft: rgba(235, 244, 251, .82) !important;
  --atlas-muted: #b0bac9 !important;
  --atlas-paper: #141414 !important;
  --atlas-paper-deep: #1a2330 !important;
  --atlas-line: rgba(235, 244, 251, .12) !important;
  --atlas-rose: #8b7eff !important;
  --atlas-rose-soft: rgba(139, 126, 255, .18) !important;
  --atlas-lime: rgba(235, 244, 251, .16) !important;
  --atlas-card: #212121 !important;
  --atlas-card-solid: #212121 !important;
  --semi-color-text-0: #ebf4fb !important;
  --semi-color-text-1: rgba(235, 244, 251, .82) !important;
  --semi-color-text-2: #b0bac9 !important;
  --semi-color-text-3: rgba(235, 244, 251, .5) !important;
  --semi-color-bg-0: #212121 !important;
  --semi-color-bg-1: #141414 !important;
  --semi-color-fill-0: #1a2330 !important;
  --semi-color-fill-1: #2a2a2a !important;
  --semi-color-primary: #8b7eff !important;
  --semi-color-primary-hover: #a89fff !important;
  --semi-color-primary-active: #6f5fff !important;
  --semi-color-primary-light-default: rgba(139, 126, 255, .18) !important;
  --semi-color-border: rgba(235, 244, 251, .12) !important;
}

html.dark,
html.dark body {
  background: #141414 !important;
  color: #ebf4fb !important;
}

html.dark .semi-layout,
html.dark .semi-layout-main,
html.dark .semi-layout-content,
html.dark .public-page-content {
  background: #141414 !important;
  color: #ebf4fb !important;
}

html.dark body:has(.semi-layout-sider)::before {
  display: none !important;
}

/* Dark navigation follows valeclouds's #1a2330 rail and quiet selected state. */
html.dark .semi-layout-sider,
html.dark .app-sider,
html.dark .app-sider .semi-layout-sider,
html.dark .app-sider .semi-layout-sider-children,
html.dark .app-sider .sidebar-container {
  background: var(--atlas-rail) !important;
  color: var(--atlas-rail-ink) !important;
  box-shadow: 10px 0 36px rgba(0, 0, 0, .2) !important;
}
html.dark .semi-layout-sider .semi-navigation-item,
html.dark .semi-layout-sider .semi-navigation-sub-title-text,
html.dark .app-sider .sidebar-nav-item,
html.dark .app-sider .sidebar-group-label {
  color: var(--atlas-rail-ink-soft) !important;
}
html.dark .app-sider .sidebar-group-label,
html.dark .app-sider .sidebar-group-label * {
  color: var(--atlas-rail-ink-muted) !important;
}
html.dark .semi-layout-sider .semi-navigation-sub-title,
html.dark .app-sider .sidebar-nav,
html.dark .app-sider .sidebar-section {
  background: transparent !important;
}
html.dark .semi-layout-sider .semi-navigation-item:hover,
html.dark .app-sider .sidebar-nav-item:hover {
  background: var(--atlas-rail-hover) !important;
  color: var(--atlas-rail-ink) !important;
}
html.dark .semi-layout-sider .semi-navigation-item-selected,
html.dark .app-sider .sidebar-nav-item-selected {
  background: var(--atlas-rail-selected) !important;
  color: var(--atlas-rail-ink) !important;
  box-shadow: inset 2px 0 0 var(--atlas-rail-accent) !important;
}
html.dark .semi-layout-sider .semi-navigation-item-selected::before {
  background: var(--atlas-rail-accent) !important;
}
html.dark .app-sider .sidebar-divider,
html.dark .semi-layout-sider .semi-divider {
  border-color: var(--atlas-rail-line) !important;
}
html.dark .semi-layout-sider svg,
html.dark .app-sider svg {
  color: var(--atlas-rail-ink-soft) !important;
}
html.dark .semi-layout-sider .semi-navigation-item-selected svg,
html.dark .semi-layout-sider .semi-navigation-item-selected svg *,
html.dark .app-sider .sidebar-nav-item-selected svg,
html.dark .app-sider .sidebar-nav-item-selected svg * {
  color: #ffffff !important;
  stroke: currentColor !important;
  fill: currentColor !important;
}
html.dark .semi-layout-sider svg [fill="none"],
html.dark .app-sider svg [fill="none"] { fill: none !important; }

/* Console header and all floating theme controls. */
html.dark .semi-layout-main > .semi-layout-header,
html.dark .semi-layout-header,
html.dark header[class*="sticky"] {
  border-color: rgba(235, 244, 251, .12) !important;
  background: rgba(20, 20, 20, .94) !important;
  color: #ebf4fb !important;
  box-shadow: 0 10px 34px rgba(0, 0, 0, .18) !important;
}
html.dark header[class*="sticky"] *:not(svg):not(svg *):not(.semi-avatar):not(.semi-avatar *) {
  color: rgba(235, 244, 251, .82) !important;
}
html.dark header[class*="sticky"] h1,
html.dark header[class*="sticky"] h2,
html.dark header[class*="sticky"] h3,
html.dark header[class*="sticky"] h4 {
  color: #ebf4fb !important;
}
html.dark header[class*="sticky"] button,
html.dark .semi-layout-header .semi-button {
  color: #ebf4fb !important;
  background: rgba(235, 244, 251, .06) !important;
}
html.dark header[class*="sticky"] button:hover,
html.dark .semi-layout-header .semi-button:hover {
  color: #ffffff !important;
  background: rgba(139, 126, 255, .2) !important;
}
html.dark .semi-dropdown,
html.dark .semi-dropdown-menu,
html.dark .semi-popover,
html.dark .semi-popover-content,
html.dark .semi-tooltip,
html.dark .semi-tooltip-content,
html.dark .semi-datepicker-panel,
html.dark .semi-select-option-list {
  border-color: rgba(235, 244, 251, .16) !important;
  background: #212121 !important;
  color: #ebf4fb !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .38) !important;
}
html.dark .semi-dropdown-item,
html.dark .semi-dropdown-item > *,
html.dark .semi-select-option,
html.dark .semi-select-option > * {
  color: rgba(235, 244, 251, .82) !important;
}
html.dark .semi-dropdown-item:hover,
html.dark .semi-select-option:hover,
html.dark .semi-dropdown-item-selected,
html.dark .semi-select-option-selected {
  background: rgba(139, 126, 255, .2) !important;
  color: #ffffff !important;
}
html.dark .semi-dropdown-item:hover > *,
html.dark .semi-select-option:hover > *,
html.dark .semi-dropdown-item-selected > *,
html.dark .semi-select-option-selected > * {
  color: #ffffff !important;
}

/* Cards, balance panels, payment areas, usage summaries and empty states. */
html.dark .semi-layout-content .semi-card,
html.dark .semi-card,
html.dark .pricing-layout .pricing-content .semi-card {
  border-color: rgba(235, 244, 251, .12) !important;
  background: #212121 !important;
  box-shadow: 0 16px 46px rgba(0, 0, 0, .26) !important;
  backdrop-filter: none !important;
}
html.dark .semi-layout-content .semi-card:hover,
html.dark .semi-card:hover {
  border-color: rgba(139, 126, 255, .44) !important;
  box-shadow: 0 20px 54px rgba(0, 0, 0, .34) !important;
}
html.dark .semi-card-header,
html.dark .semi-card-body,
html.dark .semi-card-footer {
  border-color: rgba(235, 244, 251, .12) !important;
  background: transparent !important;
}
html.dark .debug-panel,
html.dark .debug-panel .semi-tabs,
html.dark .debug-panel .semi-tabs-content,
html.dark .debug-panel .semi-tabs-pane,
html.dark .debug-panel .semi-tabs-bar {
  background: #212121 !important;
  color: #ebf4fb !important;
}
html.dark .debug-panel .semi-tabs-bar { border-bottom-color: rgba(235, 244, 251, .12) !important; }
html.dark .debug-panel .semi-codeHighlight,
html.dark .debug-panel .semi-codeHighlight-defaultTheme,
html.dark .debug-panel pre {
  background: #141414 !important;
  color: #ebf4fb !important;
}
html.dark .debug-panel pre code,
html.dark .debug-panel .semi-codeHighlight code { color: #ebf4fb !important; }
html.dark .debug-panel .token.comment,
html.dark .debug-panel .token.prolog,
html.dark .debug-panel .token.doctype,
html.dark .debug-panel .token.cdata { color: #b0bac9 !important; }
html.dark .debug-panel .token.property,
html.dark .debug-panel .token.tag,
html.dark .debug-panel .token.boolean,
html.dark .debug-panel .token.number,
html.dark .debug-panel .token.constant,
html.dark .debug-panel .token.symbol { color: #a89fff !important; }
html.dark .debug-panel .token.string,
html.dark .debug-panel .token.char,
html.dark .debug-panel .token.builtin,
html.dark .debug-panel .token.inserted { color: #5eead4 !important; }
html.dark .debug-panel .token.keyword,
html.dark .debug-panel .token.atrule { color: #a89fff !important; }
html.dark .debug-panel .token.function { color: #8bb8ff !important; }
html.dark .debug-panel .token.operator,
html.dark .debug-panel .token.punctuation { color: #c8d6e3 !important; }
html.dark body:has(.semi-layout-sider) .semi-layout-content .semi-card-header,
html.dark body:has(.semi-layout-sider) .semi-layout-content .semi-card-header-wrapper {
  background: #212121 !important;
}
html.dark body:has(.semi-layout-sider) .semi-layout-content .semi-card-header {
  border-bottom-color: rgba(235, 244, 251, .12) !important;
}
html.dark .semi-card-header *,
html.dark .semi-card-body *:not(svg):not(svg *):not(.semi-avatar):not(.semi-avatar *) {
  color: #ebf4fb !important;
  text-shadow: none !important;
}
html.dark .semi-card-body .text-gray-400,
html.dark .semi-card-body .text-gray-500,
html.dark .semi-card-body .text-gray-600,
html.dark .semi-card-body .semi-typography-secondary,
html.dark .semi-card-body small,
html.dark .semi-card-body .text-sm {
  color: #b0bac9 !important;
}
html.dark .semi-typography-primary,
html.dark .semi-layout-content h1,
html.dark .semi-layout-content h2,
html.dark .semi-layout-content h3,
html.dark .semi-layout-content h4,
html.dark .semi-layout-content .font-semibold,
html.dark .semi-layout-content .font-bold {
  color: #ebf4fb !important;
}
html.dark .semi-typography-secondary,
html.dark .semi-layout-content .text-gray-400,
html.dark .semi-layout-content .text-gray-500,
html.dark .semi-layout-content .text-gray-600 {
  color: #b0bac9 !important;
}
html.dark .semi-divider,
html.dark .semi-tabs-bar,
html.dark .semi-table-pagination {
  border-color: rgba(235, 244, 251, .12) !important;
}

/* Form controls and payment inputs need their own opaque dark surface. */
html.dark .semi-input-wrapper,
html.dark .semi-select-selection,
html.dark .semi-datepicker-input,
html.dark .semi-input-number,
html.dark .semi-textarea-wrapper,
html.dark input,
html.dark textarea {
  border-color: rgba(235, 244, 251, .18) !important;
  background: #1d1d1f !important;
  color: #ebf4fb !important;
  box-shadow: none !important;
}
html.dark .semi-input-wrapper:hover,
html.dark .semi-select-selection:hover,
html.dark .semi-datepicker-input:hover,
html.dark .semi-input-number:hover,
html.dark .semi-textarea-wrapper:hover,
html.dark .semi-input-wrapper-focus,
html.dark .semi-select-focus .semi-select-selection {
  border-color: #8b7eff !important;
  box-shadow: 0 0 0 3px rgba(139, 126, 255, .18) !important;
}
html.dark .semi-input,
html.dark .semi-textarea,
html.dark .semi-select-selection-text,
html.dark .semi-input-number-input,
html.dark input::placeholder,
html.dark textarea::placeholder {
  color: #ebf4fb !important;
}
html.dark input::placeholder,
html.dark textarea::placeholder { color: rgba(235, 244, 251, .46) !important; }
html.dark .semi-form-field-label-text { color: rgba(235, 244, 251, .82) !important; }
html.dark .semi-form-field-error-message { color: #ff9c9c !important; }

/* Usage/payment tables, tabs, progress and links. */
html.dark .semi-table {
  border-color: rgba(235, 244, 251, .12) !important;
  background: #212121 !important;
}
html.dark .semi-table-thead > .semi-table-row > .semi-table-cell {
  border-color: rgba(235, 244, 251, .12) !important;
  background: #1a2330 !important;
  color: #b0bac9 !important;
}
html.dark .semi-table-tbody > .semi-table-row > .semi-table-cell {
  border-color: rgba(235, 244, 251, .08) !important;
  background: transparent !important;
  color: #ebf4fb !important;
}
html.dark .semi-table-tbody > .semi-table-row:hover > .semi-table-cell { background: #2a2a2a !important; }
html.dark .semi-tabs-tab { color: #b0bac9 !important; }
html.dark .semi-tabs-tab-active,
html.dark .semi-tabs-tab-active * { color: #a89fff !important; }
html.dark .semi-tabs-tab-active::after { background: #8b7eff !important; }
html.dark .semi-progress-track { background: #2a2a2a !important; }
html.dark .semi-progress-line { background: #8b7eff !important; }
html.dark .semi-spin { color: #8b7eff !important; }
html.dark .semi-layout-content a,
html.dark .public-page-content a { color: #a89fff !important; }
html.dark .semi-button-primary.semi-button-solid,
html.dark .semi-button-primary.semi-button-solid * {
  border-color: #8b7eff !important;
  background: #8b7eff !important;
  color: #ffffff !important;
}
html.dark .semi-button-primary.semi-button-solid:hover,
html.dark .semi-button-primary.semi-button-solid:hover * {
  border-color: #a89fff !important;
  background: #a89fff !important;
  color: #141414 !important;
}
html.dark .semi-button-secondary.semi-button-solid {
  border-color: #ebf4fb !important;
  background: #ebf4fb !important;
  color: #1a2330 !important;
}
html.dark .semi-button-tertiary:hover,
html.dark .semi-button-borderless:hover {
  background: rgba(139, 126, 255, .18) !important;
  color: #a89fff !important;
}

/* Replace leaking light Tailwind utility colors inside the dark console. */
html.dark .semi-layout-content [class*="text-white"],
html.dark .semi-layout-content [class*="dark:text-white"],
html.dark .semi-layout-content [class*="text-black"],
html.dark .semi-layout-content [class*="text-gray-900"],
html.dark .semi-layout-content [class*="text-gray-800"],
html.dark .semi-layout-content [class*="text-gray-700"] {
  color: #ebf4fb !important;
}
html.dark .semi-layout-content [class*="text-gray-400"],
html.dark .semi-layout-content [class*="text-gray-500"],
html.dark .semi-layout-content [class*="text-gray-600"] {
  color: #b0bac9 !important;
}
html.dark .semi-layout-content [class*="bg-white"],
html.dark .semi-layout-content [class*="dark:bg-gray-50"],
html.dark .semi-layout-content [class*="dark:bg-gray-100"] {
  background: #212121 !important;
}
html.dark .semi-layout-content [class*="bg-gray-50"],
html.dark .semi-layout-content [class*="bg-gray-100"] {
  background: #212121 !important;
}

/* Dialogs, drawers and toast messages. */
html.dark .semi-modal-content,
html.dark .semi-modal-inner,
html.dark .semi-drawer-content,
html.dark .semi-toast {
  border-color: rgba(235, 244, 251, .16) !important;
  background: #212121 !important;
  color: #ebf4fb !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .42) !important;
}
html.dark .semi-modal-header,
html.dark .semi-drawer-header { border-color: rgba(235, 244, 251, .12) !important; }
html.dark .semi-modal-footer,
html.dark .semi-drawer-footer { border-color: rgba(235, 244, 251, .12) !important; }
html.dark .semi-modal-content *,
html.dark .semi-drawer-content *,
html.dark .semi-toast * { color: #ebf4fb !important; }
html.dark .semi-modal-mask,
html.dark .semi-drawer-mask { background: rgba(0, 0, 0, .68) !important; }

/* Public model plaza and auth pages must follow the same dark variables. */
html.dark .pricing-sidebar,
html.dark .pricing-sidebar .semi-layout-sider-children,
html.dark .pricing-sidebar .p-2,
html.dark .pricing-layout,
html.dark .pricing-layout .pricing-content,
html.dark .pricing-search-header,
html.dark .pricing-search-header .semi-card,
html.dark .pricing-layout .pricing-search-header .semi-card-body {
  background: #141414 !important;
  color: #ebf4fb !important;
}
html.dark .pricing-sidebar { border-color: rgba(235, 244, 251, .12) !important; }
html.dark .pricing-sidebar .semi-button.sbg-button,
html.dark .pricing-sidebar .semi-button.sbg-button * {
  border-color: rgba(235, 244, 251, .16) !important;
  color: rgba(235, 244, 251, .82) !important;
}
html.dark .pricing-sidebar .semi-button.sbg-button:hover,
html.dark .pricing-sidebar .sbg-badge-active {
  background: rgba(139, 126, 255, .2) !important;
  color: #ffffff !important;
}
html.dark .pricing-layout .pricing-content .semi-card { background: #212121 !important; }
html.dark body:has(.classic-page-fill .semi-form) .classic-page-fill,
html.dark body:has(.classic-page-fill .semi-form) .classic-page-fill > div.w-full {
  background: #141414 !important;
}
html.dark body:has(.classic-page-fill .semi-form) .classic-page-fill .semi-input-wrapper,
html.dark body:has(.classic-page-fill .semi-form) .classic-page-fill .semi-input-wrapper-default {
  border-color: rgba(235, 244, 251, .18) !important;
  background: #212121 !important;
}
html.dark body:has(.classic-page-fill .semi-form) .classic-page-fill .semi-input { color: #ebf4fb !important; }

html.dark body:has(.semi-layout-sider) footer,
html.dark body:has(.semi-layout-sider) footer *,
html.dark body:has(.semi-layout-sider) .custom-footer,
html.dark body:has(.semi-layout-sider) .custom-footer * { color: #b0bac9 !important; }
html.dark body:has(main.public-page-content) footer,
html.dark body:has(main.public-page-content) footer * { color: #b0bac9 !important; }

html.dark body:has(.semi-layout-sider) .semi-layout-content canvas.valeclouds-canvas-lightened {
  background: transparent !important;
  filter: none !important;
  opacity: 1 !important;
}

html.dark body:has(.semi-layout-sider) .semi-layout-content .semi-card[class*="bg-"] {
  background: #212121 !important;
}

html.dark .semi-layout-header img[src*="valeclouds-logo-bw"],
html.dark header img[src*="valeclouds-logo-bw"] {
  filter: invert(1) brightness(1.18) !important;
}
html.dark .app-sider .sidebar-collapse-button {
  background: var(--atlas-rail) !important;
}

/* Keep the public V mark visible even when a cached bundle still points at
   the original logo endpoint. */
body img[src*="/logo.png"],
body img[src*="valeclouds-logo-bw"] {
  content: url('/atlas/valeclouds-logo-v.png?v=20260728p') !important;
  object-fit: contain !important;
}

/* Image-backed affiliate banner: the global console text rule must not turn
   its inline white typography into dark text over the cover image. */
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body .semi-card-cover > .relative .semi-typography:not(svg):not(svg *):not(.semi-avatar):not(.semi-avatar *),
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body .semi-card-cover > .relative .semi-typography:not(svg):not(svg *) *:not(svg):not(svg *):not(.semi-avatar):not(.semi-avatar *),
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body .semi-card-cover > .relative .grid > div > .font-bold:not(svg):not(svg *):not(.semi-avatar):not(.semi-avatar *),
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body .semi-card-cover > .relative .grid > div > .flex:not(svg):not(svg *):not(.semi-avatar):not(.semi-avatar *),
body:has(.semi-layout-sider) .semi-layout-content .semi-card-body .semi-card-cover > .relative .grid > div > .flex:not(svg):not(svg *) *:not(svg):not(svg *):not(.semi-avatar):not(.semi-avatar *) {
  color: #f8fafc !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .55) !important;
}

body:has(.semi-layout-sider) .semi-layout-content .semi-card-cover > .relative .grid svg {
  color: #f8fafc !important;
  stroke: currentColor !important;
}