:root {
  --atlas-ink: #151829;
  --atlas-ink-soft: #3f4961;
  --atlas-muted: #667085;
  --atlas-paper: #f6f4ef;
  --atlas-paper-deep: #eef5ff;
  --atlas-white: #ffffff;
  --atlas-line: rgba(21, 24, 41, .13);
  --atlas-rose: #615eff;
  --atlas-rose-soft: #f0efff;
  --atlas-lime: #e2f7f1;
  --atlas-blue: #3157ff;
  --atlas-orange: #df8d4b;
  --atlas-shadow: 0 18px 56px rgba(21, 24, 41, .08);
  --atlas-card: rgba(255, 255, 255, .86);
  --atlas-card-solid: #fffdf9;
}

/* 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: #151829 !important;
  --semi-color-text-1: #3f4961 !important;
  --semi-color-text-2: #667085 !important;
  --semi-color-text-3: #98a2b3 !important;
  --semi-color-bg-0: #ffffff !important;
  --semi-color-bg-1: #f6f4ef !important;
  --semi-color-fill-0: #eef5ff !important;
  --semi-color-fill-1: #f0efff !important;
  --semi-color-primary: #615eff !important;
  --semi-color-primary-hover: #4f46e5 !important;
  --semi-color-primary-light-default: #f0efff !important;
  --semi-color-border: rgba(21, 24, 41, .13) !important;
}
body:has(main.public-page-content) { --semi-color-text-0: #1a1a2e !important; --semi-color-text-1: #39435b !important; --semi-color-text-2: #77747a !important; }
body:has(.semi-layout-sider)::before {
  position: fixed;
  z-index: 0;
  top: 0;
  right: 0;
  width: min(48vw, 760px);
  height: 330px;
  background: url('/atlas/pricing-hero.jpg?v=20260713b') center / cover no-repeat;
  content: "";
  opacity: .075;
  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(185, 103, 130, .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: #4744cc !important; background: #4744cc !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-ink) !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: rgba(255, 253, 250, .68) !important; }
.semi-layout-sider .semi-navigation-item:hover { background: rgba(230, 161, 183, .12) !important; color: var(--atlas-white) !important; }
.semi-layout-sider .semi-navigation-item-selected { background: var(--atlas-rose) !important; color: var(--atlas-white) !important; }
.semi-layout-sider .semi-navigation-item-selected::before { background: var(--atlas-lime) !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-ink) !important;
  color: rgba(255, 253, 250, .82) !important;
}
.app-sider .sidebar-nav,
.app-sider .sidebar-section { background: transparent !important; }
.app-sider .sidebar-group-label,
.app-sider .sidebar-group-label * {
  color: rgba(255, 253, 250, .52) !important;
}
.app-sider .sidebar-divider { border-color: rgba(255, 253, 250, .12) !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: rgba(255, 253, 250, .78) !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-white) !important;
  background: rgba(230, 161, 183, .12) !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-white) !important;
  background: var(--atlas-rose) !important;
}
.app-sider .sidebar-collapse-button,
.app-sider .sidebar-collapse-button * {
  color: rgba(255, 253, 250, .68) !important;
}
.app-sider .sidebar-collapse-button .semi-button:hover {
  color: var(--atlas-white) !important;
  background: rgba(230, 161, 183, .12) !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(97, 94, 255, .46) !important;
  background: var(--atlas-rose-soft) !important;
  color: #4744cc !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: #4744cc !important;
  border-color: rgba(97, 94, 255, .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: #4744cc !important;
  background: rgba(127, 114, 247, .18) !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: #4744cc !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: #4744cc !important;
  border-color: rgba(97, 94, 255, .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: #4744cc !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: rgba(255, 253, 250, .92) !important;
  box-shadow: var(--atlas-shadow) !important;
}
.semi-card:hover { border-color: rgba(185, 103, 130, .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: #4744cc !important; background: #4744cc !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(185, 103, 130, .1) !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(230, 161, 183, .18) !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; }

/* Usage tables and channel/payment history */
.semi-table { overflow: hidden; border: 1px solid var(--atlas-line); border-radius: 4px; background: rgba(255, 253, 250, .82) !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(230, 161, 183, .08) !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:
    radial-gradient(circle at 82% 0%, rgba(238, 245, 255, .86) 0 240px, transparent 430px),
    linear-gradient(135deg, rgba(255, 253, 249, .94), rgba(246, 244, 239, .96)) !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: rgba(255, 255, 255, .92) !important;
  color: var(--atlas-ink) !important;
  border-bottom-color: rgba(21, 24, 41, .1) !important;
  box-shadow: 0 10px 34px rgba(21, 24, 41, .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(21, 24, 41, .12) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(255, 253, 249, .9)) !important;
  box-shadow: 0 20px 60px rgba(21, 24, 41, .08), 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(97, 94, 255, .34) !important;
  box-shadow: 0 24px 70px rgba(21, 24, 41, .1), 0 0 0 1px rgba(97, 94, 255, .08) inset !important;
}
body:has(.semi-layout-sider) .semi-layout-content .semi-card-header {
  background: rgba(255, 255, 255, .28) !important;
  border-bottom-color: rgba(21, 24, 41, .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;
}
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(21, 24, 41, .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; }
}