/* 原创者 · Sky Frost. One semantic theme for workspaces, native admin and dialogs.
   Layered important declarations intentionally supersede legacy important patches. */
@layer ycz-sky-frost {
  :root {
    --ui-font: "Noto Sans SC", "Source Han Sans SC", "Inter", "DengXian", sans-serif !important;
    --ui-ink: #25334b !important; --ui-muted: #63728a !important; --ui-faint: #7c8ba0 !important;
    --ui-primary: #575bd9 !important; --ui-primary-hover: #464cc6 !important;
    --ui-primary-soft: #eeefff !important; --ui-link: #5158c5 !important;
    --ui-line: #dee5f0 !important; --ui-line-soft: #e9edf5 !important;
    --ui-panel: rgba(255,255,255,.85) !important; --ui-raised: #fcfdff !important;
    --ui-field: #ffffff !important; --ui-hover: #f1f4fc !important; --ui-head: #f2f5fb !important;
    --ui-success: #188266 !important; --ui-success-soft: #eaf7f0 !important;
    --ui-danger: #bd4560 !important; --ui-danger-soft: #fff0f2 !important;
    --ui-warning: #9c681d !important; --ui-warning-soft: #fff7e9 !important;
    --ui-shadow: 0 8px 30px -18px rgba(40,61,108,.19), inset 0 1px 0 rgba(255,255,255,.8) !important;
    --ui-page: radial-gradient(ellipse at 0 0,#e8e9ff,transparent 52%),radial-gradient(ellipse at 100% 8%,#e3f2ff,transparent 60%),linear-gradient(150deg,#f3f5fc,#f3f5fc 55%,#f0effa) !important;
  }
  :root.dark, :root[data-theme="dark"] {
    --ui-ink: #e4eaf7 !important; --ui-muted: #a3b1c9 !important; --ui-faint: #8b9ab3 !important;
    --ui-primary: #9699ff !important; --ui-primary-hover: #a7aaff !important;
    --ui-primary-soft: #2b3153 !important; --ui-link: #b1b7ff !important;
    --ui-line: #374159 !important; --ui-line-soft: #2e384e !important;
    --ui-panel: rgba(28,37,56,.94) !important; --ui-raised: #232d43 !important;
    --ui-field: #1a2337 !important; --ui-hover: #2c3650 !important; --ui-head: #263149 !important;
    --ui-success: #80d8b1 !important; --ui-success-soft: #1e3e37 !important;
    --ui-danger: #f2a0b0 !important; --ui-danger-soft: #482c3b !important;
    --ui-warning: #e6c085 !important; --ui-warning-soft: #443a2b !important;
    --ui-shadow: 0 10px 28px -18px #0008, inset 0 1px 0 #ffffff08 !important;
    --ui-page: radial-gradient(ellipse at 5% 0,#262e4e,transparent 55%),linear-gradient(145deg,#161e31,#1a2538) !important;
    color-scheme: dark;
  }

  /* Shared tokens. Keep literal status colors meaningful. */
  body:is(.member-workspace,.admin-surface,.dealer-glass-admin), .mc-app, .mp-root {
    --font-sans: var(--ui-font) !important; --primary: var(--ui-primary) !important; --primary-foreground: #fff !important;
    --background: var(--ui-raised) !important; --foreground: var(--ui-ink) !important;
    --card: var(--ui-panel) !important; --card-foreground: var(--ui-ink) !important;
    --popover: var(--ui-raised) !important; --popover-foreground: var(--ui-ink) !important;
    --muted: var(--ui-head) !important; --muted-foreground: var(--ui-muted) !important;
    --secondary: var(--ui-head) !important; --secondary-foreground: var(--ui-ink) !important;
    --accent: var(--ui-hover) !important; --accent-foreground: var(--ui-primary) !important;
    --border: var(--ui-line) !important; --input: var(--ui-line) !important; --ring: #8589ee !important;
    --workspace-panel: var(--ui-panel) !important; --workspace-surface: var(--ui-panel) !important;
    --workspace-raised: var(--ui-raised) !important; --workspace-field: var(--ui-field) !important;
    --workspace-ink: var(--ui-ink) !important; --workspace-muted: var(--ui-muted) !important;
    --workspace-line: var(--ui-line) !important; --workspace-primary: var(--ui-primary) !important;
    --workspace-table-head: var(--ui-head) !important;
    --workspace-control-bg: var(--ui-field) !important; --workspace-control-hover: var(--ui-hover) !important;
    --workspace-control-rail: var(--ui-head) !important; --workspace-control-border: var(--ui-line) !important;
    --workspace-control-active: linear-gradient(120deg,#6569e6,#5359cc) !important;
    --workspace-control-shadow: 0 4px 12px #555bd51c !important;
    font-family: var(--ui-font) !important; font-size: 14px !important;
    font-weight: 400 !important; line-height: 1.6 !important;
    color: var(--ui-ink) !important; background: var(--ui-page) fixed !important;
    -webkit-font-smoothing: antialiased;
  }
  body.member-workspace::before, body.member-workspace::after { display: none !important; }
  /* The user's wallpaper is part of their site identity, not a replaceable reset. */
  body.member-workspace {
    --ui-ink: #3e3152 !important; --ui-muted: #5e506c !important; --ui-faint: #6d5a7a !important;
    --ui-primary: #7355b5 !important; --ui-primary-hover: #62469e !important;
    --ui-primary-soft: rgba(235,224,250,.65) !important; --ui-link: #64458e !important;
    --ui-line: rgba(179,160,204,.46) !important; --ui-line-soft: rgba(191,171,214,.27) !important;
    --ui-panel: rgba(253,249,255,.32) !important; --ui-raised: #f9f5ff !important;
    --ui-field: rgba(255,255,255,.46) !important; --ui-hover: rgba(255,255,255,.33) !important;
    --ui-head: rgba(240,233,251,.58) !important;
    --workspace-control-active: linear-gradient(115deg,#8562bd,#7053ab) !important;
    background-color: #d9d4f4 !important;
    background-image: var(--member-workspace-wallpaper,radial-gradient(ellipse at 12% 80%,#f4badb,transparent 60%),radial-gradient(ellipse at 88% 10%,#bcd9ff,transparent 60%),linear-gradient(135deg,#b2a8ec,#e8d4ee)) !important;
    background-position: center !important; background-size: cover !important; background-attachment: fixed !important;
  }
  :root.dark body.member-workspace {
    --ui-ink: #eee5f8 !important; --ui-muted: #c4b3d1 !important; --ui-faint: #a696b5 !important;
    --ui-primary: #bf9fe8 !important; --ui-primary-hover: #d2b8f4 !important;
    --ui-primary-soft: rgba(107,75,139,.4) !important; --ui-link: #d0b3ee !important;
    --ui-line: rgba(161,137,183,.45) !important; --ui-line-soft: rgba(149,127,173,.25) !important;
    --ui-panel: rgba(47,37,64,.48) !important; --ui-raised: #352b45 !important;
    --ui-field: rgba(31,25,44,.5) !important; --ui-hover: rgba(111,86,139,.38) !important;
    --ui-head: rgba(70,54,88,.78) !important;
  }
  body.member-workspace #root, .capsule-app-shell { background: transparent !important; }
  :is(.capsule-app-shell,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root,[role="dialog"],[role="alertdialog"],[data-radix-popper-content-wrapper]) :is(p,div,span,a,label,li,dt,dd,td,th,button,input,textarea,select) {
    font-family: var(--ui-font) !important; letter-spacing: normal !important;
  }
  :root .material-icons { font-family: "Material Icons" !important; }
  :root .material-icons-outlined { font-family: "Material Icons Outlined" !important; }
  :root .material-icons-round { font-family: "Material Icons Round" !important; }
  :root .material-icons-sharp { font-family: "Material Icons Sharp" !important; }
  :root .material-icons-two-tone { font-family: "Material Icons Two Tone" !important; }
  :root :is(.fadr,.fa-duotone) { font-family: "_mcy_font_d" !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root,[role="dialog"],[role="alertdialog"],[data-radix-popper-content-wrapper]) :is(p,div,span,a,label,li,dt,dd,td,th,button,input,textarea,select) {
    font-size: 14px !important; line-height: 1.6 !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root,[role="dialog"],[role="alertdialog"]) :is(small,time,.text-xs,.fs-7,.fs-8,.text-\[10px\],.text-\[11px\],.text-\[12px\],[data-slot="card-description"],.form-text) {
    font-size: 12px !important; line-height: 1.55 !important; color: var(--ui-muted) !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root,[role="dialog"]) :is(h1,h1 span,.mc-title h1) {
    font-size: 24px !important; line-height: 1.4 !important; font-weight: 650 !important; color: var(--ui-ink) !important;
    background: transparent !important; box-shadow: none !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root,[role="dialog"]) :is(h2,h3,h4,h5,h6,[data-slot="card-title"],[data-slot="dialog-title"],.card-title) {
    font-size: 17px !important; line-height: 1.5 !important; font-weight: 600 !important;
    color: var(--ui-ink) !important; background: transparent !important; box-shadow: none !important;
  }
  :is(.capsule-pages,.mc-app,.mp-root) :is(.wmx-stat-value,.insight-kpi-value,.mc-stats strong,.nm-balance-value) {
    font-size: 28px !important; line-height: 1.35 !important; font-weight: 650 !important;
    color: var(--ui-ink) !important; font-variant-numeric: tabular-nums;
  }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,[role="dialog"]) :is(.text-foreground,.text-card-foreground,.text-stone-900,.text-stone-800,.text-stone-700,.text-slate-900,.text-slate-800,.text-gray-900,.text-gray-800,.text-dark) { color: var(--ui-ink) !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,[role="dialog"]) :is(.text-muted-foreground,.text-stone-400,.text-stone-500,.text-stone-600,.text-slate-400,.text-slate-500,.text-slate-600,.text-gray-400,.text-gray-500,.text-muted) { color: var(--ui-muted) !important; }

  /* Navigation is a separate, quiet surface. */
  .capsule-floating-header { padding: 16px 20px !important; background: transparent !important; }
  .capsule-primary-nav {
    max-width: none !important; min-height: 60px !important; padding: 8px 14px !important;
    gap: 6px !important; border-radius: 22px !important; border: 1px solid #ffffffc9 !important;
    background: rgba(250,247,255,.73) !important; box-shadow: var(--ui-shadow) !important;
    backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important;
  }
  .capsule-primary-nav :is(button,.member-header-link,.member-header-account) {
    font-size: 13px !important; color: var(--ui-muted) !important; border-radius: 12px !important;
    box-shadow: none !important; line-height: 1.4 !important; font-weight: 500 !important;
  }
  .capsule-primary-nav>button,.capsule-primary-nav>.contents>button { padding: 9px 11px !important; gap: 7px !important; }
  .capsule-primary-nav button[aria-current="page"] {
    color: var(--ui-primary) !important; background: var(--ui-primary-soft) !important;
    box-shadow: inset 0 0 0 1px #6b6edb20 !important;
  }
  .capsule-primary-nav .member-header-link[aria-current="page"] { color: var(--ui-primary) !important; background: var(--ui-primary-soft) !important; box-shadow: inset 0 0 0 1px #6b6edb20 !important; border-radius: 12px !important; }
  .capsule-primary-nav .member-header-link[aria-current="page"] span { color: inherit !important; }
  .capsule-primary-nav button[aria-current="page"] :is(span,svg) { color: inherit !important; }
  .capsule-primary-nav>button:first-child { color: var(--ui-ink) !important; background: transparent !important; }
  .capsule-primary-nav>.member-header-actions { gap: 7px !important; }
  .member-header-icon,.member-header-account { color: var(--ui-muted) !important; background: transparent !important; border-color: transparent !important; }
  .member-header-icon:hover,.member-header-account:hover { background: var(--ui-hover) !important; }
  .capsule-sidebar-slot { width: 216px !important; margin: 0 0 20px 20px !important; }
  .capsule-sidebar {
    border: 1px solid #ffffffb8 !important; border-radius: 20px !important;
    background: var(--ui-panel) !important; box-shadow: var(--ui-shadow) !important;
    backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important;
  }
  .capsule-sidebar-heading { padding: 22px 20px 14px !important; font-size: 12px !important; font-weight: 600 !important; color: var(--ui-faint) !important; }
  .capsule-sidebar-link { color: var(--ui-muted) !important; border-radius: 12px !important; min-height: 42px; font-size: 14px !important; }
  .capsule-sidebar-link:hover { background: var(--ui-hover) !important; }
  .capsule-sidebar-link[aria-current="page"] {
    background: var(--workspace-control-active) !important; color: #fff !important;
    box-shadow: 0 5px 12px #555bd523 !important;
  }
  .capsule-sidebar-link[aria-current="page"] :is(span,svg) { color: inherit !important; }
  .capsule-main { padding: 0 20px 20px 18px !important; min-width: 0 !important; background: transparent !important; }
  .capsule-pages {
    border: 1px solid #ffffffb3 !important; border-radius: 22px !important;
    background: rgba(245,239,255,.27) !important; box-shadow: var(--ui-shadow) !important;
    padding: 26px !important; min-width: 0 !important; backdrop-filter: blur(16px) !important;
  }
  :root.dark .capsule-pages { background: rgba(25,34,52,.83) !important; border-color: var(--ui-line) !important; }
  .capsule-pages > [data-retained-page] > :first-child { min-width: 0 !important; }
  .capsule-pages :is(.wmx,.shop-insights) {
    --wmx-ink: var(--ui-ink) !important; --wmx-muted: var(--ui-muted) !important;
    --wmx-hint: var(--ui-muted) !important; --wmx-line: var(--ui-line) !important;
    --wmx-soft: var(--ui-head) !important; --wmx-card: var(--ui-primary-soft) !important;
    color: var(--ui-ink) !important;
  }
  .capsule-pages :is(.feature-tool,.new-feature-hub,.new-feature-content,.shop-insights,.plugin-frame-host,.plugin-frame) { color: var(--ui-ink) !important; background: transparent !important; }
  .capsule-mobile-submenu { background: var(--ui-panel) !important; border-color: var(--ui-line) !important; border-radius: 14px !important; }

  /* Give containers a surface; headings and their children stay unpainted. */
  :is(.capsule-pages,.mc-main,#kt_content,.mp-root) :is([data-slot="card"],.glass-card,.glass-panel,.wmx-board,.wmx-hero,.insight-section,.insight-kpi,.mc-table-card,.mc-section,.mc-stats>section,.mc-stats>div,.card,.nm-card,.nm-plan,.nm-package-card) {
    background: var(--ui-panel) !important; border: 1px solid var(--ui-line-soft) !important;
    border-radius: 18px !important; box-shadow: var(--ui-shadow) !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root) :is(.card-header,.card-body,.card-footer,[data-slot="card-header"],[data-slot="card-content"],[data-slot="card-footer"],.insight-section-head,.new-feature-directory-filters,.new-feature-data-meta) {
    background: transparent !important; box-shadow: none !important; backdrop-filter: none !important;
  }
  .capsule-pages :is(header:has(h1),.workspace-page-heading,.new-feature-heading) {
    background: transparent !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important;
  }
  .capsule-pages :is(.bg-white,.bg-background,.bg-card,.bg-stone-50,.bg-stone-100,.bg-slate-50,.bg-slate-100,.bg-gray-50,[class*="bg-white/"]) { background-color: var(--ui-panel) !important; background-image: none !important; }
  .capsule-pages :is(span,p,label,small,a,strong,em,i):is(.bg-white,.bg-stone-50,.bg-stone-100,.bg-slate-50,.bg-slate-100,.bg-gray-50,[class*="bg-white/"]) { background: transparent !important; box-shadow: none !important; }

  /* Controls: solid primary, outlined secondary, and unpainted text actions. */
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"],[role="alertdialog"],[data-radix-popper-content-wrapper]) button:where(:not([role="switch"]):not([role="checkbox"]):not([role="radio"])) {
    background: transparent !important; background-image: none !important;
    color: var(--ui-ink) !important; border-color: transparent !important;
    border-radius: 9px !important; box-shadow: none !important;
    font-weight: 500 !important; transition: background-color .14s,color .14s,border-color .14s !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"],[role="alertdialog"],[data-radix-popper-content-wrapper]) [data-slot="button"] {
    min-height: 36px !important; padding: 7px 13px !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"],[role="alertdialog"],[data-radix-popper-content-wrapper]) :is([data-slot="button"][data-variant="outline"],[data-slot="button"][data-variant="secondary"],.report-date-trigger,.insight-filter-btn,.wmx-refresh) {
    background: var(--ui-field) !important; color: var(--ui-ink) !important;
    border: 1px solid var(--ui-line) !important; border-radius: 9px !important; box-shadow: 0 1px 2px #23395804 !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"],[role="alertdialog"],[data-radix-popper-content-wrapper]) :is(button.bg-primary,button.bg-amber-600,button.bg-amber-700,button.bg-blue-600,button.bg-sky-700,button.bg-sky-600,button.bg-indigo-600,[data-slot="button"][data-variant="default"],.feature-tool-primary,.insight-primary,.report-date-confirm,.insight-filter-foot button.is-primary,.nm-primary) {
    background: var(--workspace-control-active) !important; color: #fff !important;
    border-color: transparent !important; box-shadow: 0 3px 9px #555bd51a !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"],[data-radix-popper-content-wrapper]) :is(button.bg-destructive,[data-variant="destructive"],.nm-danger) { color: var(--ui-danger) !important; background: var(--ui-danger-soft) !important; border-color: transparent !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"],[data-radix-popper-content-wrapper]) button:not(:disabled):hover { filter: none !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"],[data-radix-popper-content-wrapper]) :is([data-variant="outline"],[data-variant="secondary"],[data-variant="ghost"],.report-date-trigger):not(:disabled):hover { background: var(--ui-hover) !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is(button,a) :is(span,strong,svg) { color: inherit !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is(button:disabled,[aria-disabled="true"]) { opacity: .45 !important; cursor: not-allowed !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is(a.text-amber-700,a.text-blue-600,a.text-sky-700,button.text-amber-700,button.text-blue-600,button.text-sky-700,.feature-tool-link) { color: var(--ui-link) !important; background: transparent !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is(td,th) button:not([data-slot]):not([role="checkbox"]):not([role="switch"]) {
    background: transparent !important; border-color: transparent !important; border-radius: 6px !important;
    box-shadow: none !important; min-height: 28px; padding-block: 2px; color: var(--ui-link) !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is(td,th) button:not([data-slot]):not(:disabled):hover { color: var(--ui-primary-hover) !important; background: var(--ui-hover) !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),select,textarea,[role="combobox"]) {
    color: var(--ui-ink) !important; background: var(--ui-field) !important;
    border: 1px solid var(--ui-line) !important; border-radius: 9px !important;
    box-shadow: inset 0 1px 2px #25334b03 !important; min-height: 36px !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is(input,textarea)::placeholder { color: var(--ui-faint) !important; opacity: 1 !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,[role="dialog"]) :is(button,input,textarea,select,a,[role="combobox"]):focus-visible {
    outline: 3px solid #8388ef55 !important; outline-offset: 2px !important; border-color: #8589e1 !important; box-shadow: none !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is([role="switch"],[role="checkbox"],[role="radio"])[data-state="checked"] { background: var(--ui-primary) !important; border-color: var(--ui-primary) !important; color: #fff !important; }
  .capsule-pages :is([role="tablist"],.report-tab-scroll,.new-feature-tabs,.insight-tabs,.report-tabs) {
    background: var(--ui-head) !important; border: 1px solid var(--ui-line-soft) !important;
    border-radius: 12px !important; box-shadow: none !important; padding: 4px !important;
  }
  .capsule-pages :is([role="tab"],.report-tab-scroll button,.new-feature-tabs button,.insight-tabs button,.report-tabs button) { color: var(--ui-muted) !important; background: transparent !important; border-color: transparent !important; }
  .capsule-pages :is([role="tab"][data-state="active"],[role="tab"][aria-selected="true"],.report-tab-scroll button.is-active,.new-feature-tabs button[aria-current="page"],.insight-tabs button.is-active,.report-tabs button.is-active) {
    background: var(--ui-field) !important; color: var(--ui-primary) !important; box-shadow: 0 2px 5px #25334b0b !important; font-weight: 600 !important;
  }
  :is(.native-member,.native-member-dialog) :is(button,.nm-upload) { background: var(--ui-field) !important; border: 1px solid var(--ui-line) !important; border-radius: 9px !important; }
  :is(.native-member,.native-member-dialog) button[aria-pressed="true"] { color: var(--ui-primary) !important; background: var(--ui-primary-soft) !important; border-color: #8b8fe3 !important; box-shadow: inset 0 0 0 1px #8b8fe3 !important; }
  :is(.native-member,.native-member-dialog) button.nm-primary { background: var(--workspace-control-active) !important; color: #fff !important; border-color: transparent !important; }
  .capsule-pages .feature-tool button { background: var(--ui-field) !important; border-color: var(--ui-line) !important; }
  .capsule-pages .feature-tool button.feature-tool-primary { background: var(--workspace-control-active) !important; color: #fff !important; border-color: transparent !important; }

  /* Data remains readable. Sticky columns are opaque, row actions are not chips. */
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root,[role="dialog"]) table { border-collapse: separate !important; border-spacing: 0 !important; background: transparent !important; color: var(--ui-ink) !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,[role="dialog"]) table :is(thead,tbody,tfoot,tr) { background: transparent !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,[role="dialog"]) table thead th {
    color: var(--ui-muted) !important; background: var(--ui-head) !important;
    font-size: 12px !important; font-weight: 600 !important; padding: 14px 16px !important;
    border-bottom: 1px solid var(--ui-line) !important; white-space: nowrap;
  }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,[role="dialog"]) table tbody td {
    background: transparent !important; color: var(--ui-ink) !important;
    padding: 15px 16px !important; border-bottom: 1px solid var(--ui-line-soft) !important;
    font-variant-numeric: tabular-nums; vertical-align: middle !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,[role="dialog"]) table tbody tr:hover>td { background: var(--ui-hover) !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) table :is(td.sticky,.col-actions) { background: var(--ui-raised) !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) table thead th:first-child { border-top-left-radius: 12px !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) table thead th:last-child { border-top-right-radius: 12px !important; }
  .capsule-pages :is([data-slot="table-container"],.workspace-table-surface,.data-scroll,.insight-table-scroll,.mc-table-scroll,.wmx-table-wrap,.new-feature-table-scroll,.sic-table-wrap,.overflow-x-auto.rounded-md) {
    background: var(--ui-panel) !important; border: 1px solid var(--ui-line-soft) !important;
    border-radius: 14px !important; box-shadow: none !important; min-width: 0;
  }
  :is(.capsule-pages,.mc-app,.mp-root) :is(.badge,[data-slot="badge"],.nm-badge) {
    border-radius: 999px !important; padding: 3px 9px !important; font-size: 12px !important; line-height: 1.5 !important;
    background: var(--ui-head) !important; color: var(--ui-muted) !important; border-color: var(--ui-line) !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) :is(.text-green-700,.text-emerald-700,.text-success,.badge-light-success,.bg-green-50,.bg-emerald-50) { color: var(--ui-success) !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) :is(.badge-light-success,.bg-green-50,.bg-emerald-50) { background: var(--ui-success-soft) !important; border-color: transparent !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) :is(.text-red-600,.text-red-700,.text-danger,.badge-light-danger,.bg-red-50) { color: var(--ui-danger) !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) :is(.badge-light-danger,.bg-red-50) { background: var(--ui-danger-soft) !important; border-color: transparent !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) :is(.alert,.insight-error,.feature-tool-error,.new-feature-warning,.mc-error,.nm-error) { border-radius: 12px !important; box-shadow: none !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) :is(.alert-danger,.insight-error,.feature-tool-error,.mc-error,.nm-error) { background: var(--ui-danger-soft) !important; color: var(--ui-danger) !important; border-color: #bd456022 !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) :is(.alert-primary,.alert-info,.alert-light-primary,.alert-light-info) { background: var(--ui-primary-soft) !important; color: var(--ui-link) !important; border-color: #575bd91a !important; }

  /* Portals need a stable backdrop and a genuinely raised surface. */
  :is([data-slot="dialog-overlay"],[data-slot="alert-dialog-overlay"],[data-slot="sheet-overlay"],.mc-overlay) { background: #1c2a4540 !important; backdrop-filter: blur(5px) !important; }
  :is([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"],.mc-modal,.member-header-popover,.insight-filter-pop,.report-date-popover,.wmx-shop-menu) {
    color: var(--ui-ink) !important; background: var(--ui-raised) !important;
    border: 1px solid var(--ui-line) !important; border-radius: 18px !important;
    box-shadow: 0 20px 65px -22px #25334b42 !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  }
  :is([data-slot="dialog-content"],[data-slot="alert-dialog-content"],.mc-modal) { max-height: calc(var(--site-viewport-height,100dvh) - 32px) !important; overflow-y: auto !important; }
  :is([data-slot="dropdown-menu-item"],[data-slot="select-item"]):is(:hover,[data-highlighted]) { background: var(--ui-hover) !important; color: var(--ui-primary) !important; border-radius: 7px !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) pre { background: #202b41 !important; color: #e1e9ff !important; border-radius: 12px !important; border: 1px solid #37445d !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) pre :is(code,span) { color: inherit !important; background: transparent !important; font-family: Consolas,monospace !important; font-size: 12px !important; }

  /* Native admin uses the same tokens, without changing its forms or menu structure. */
  :is(.admin-surface,.dealer-glass-admin) :is(#kt_wrapper,#kt_content,#kt_post,#pjax-container,.toolbar) { background: transparent !important; }
  :is(.admin-surface,.dealer-glass-admin) #kt_aside { background: var(--ui-panel) !important; border-right: 1px solid var(--ui-line) !important; box-shadow: none !important; backdrop-filter: blur(14px) !important; }
  :is(.admin-surface,.dealer-glass-admin) #kt_header { background: var(--ui-panel) !important; border-bottom: 1px solid var(--ui-line) !important; box-shadow: none !important; backdrop-filter: blur(14px) !important; }
  :is(.admin-surface,.dealer-glass-admin) .menu-link { border-radius: 10px !important; color: var(--ui-muted) !important; }
  :is(.admin-surface,.dealer-glass-admin) .menu-link :is(.menu-title,.menu-icon,i) { color: inherit !important; }
  :is(.admin-surface,.dealer-glass-admin) :is(.menu-item.here>.menu-link,.menu-item.show>.menu-link) { background: transparent !important; color: var(--ui-ink) !important; box-shadow: none !important; }
  :is(.admin-surface,.dealer-glass-admin) .menu-link.active { background: var(--ui-primary-soft) !important; color: var(--ui-primary) !important; box-shadow: none !important; }
  :is(.admin-surface,.dealer-glass-admin,.mc-app,.mp-root) :is(.btn,.layui-btn) { border-radius: 9px !important; font-weight: 500 !important; min-height: 36px; box-shadow: none !important; }
  :is(.admin-surface,.dealer-glass-admin,.mc-app,.mp-root) :is(.btn-primary,.layui-btn-normal,.layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-warm):not(.layui-btn-disabled)) { background: linear-gradient(120deg,#6569e6,#5359cc) !important; color: #fff !important; border-color: transparent !important; }
  :is(.admin-surface,.dealer-glass-admin,.mc-app,.mp-root) :is(.btn-light,.btn-light-primary,.btn-secondary,.layui-btn-primary) { background: var(--ui-field) !important; color: var(--ui-link) !important; border: 1px solid var(--ui-line) !important; }
  :is(.admin-surface,.dealer-glass-admin,.mc-app,.mp-root) :is(.btn-light-danger,.btn-danger,.layui-btn-danger) { background: var(--ui-danger-soft) !important; color: var(--ui-danger) !important; border-color: transparent !important; }
  :is(.admin-surface,.dealer-glass-admin,.mc-app,.mp-root) :is(.form-control,.form-select,.layui-input,.layui-textarea,.select2-selection) { background: var(--ui-field) !important; color: var(--ui-ink) !important; border: 1px solid var(--ui-line) !important; border-radius: 9px !important; box-shadow: none !important; }
  :is(.admin-surface,.dealer-glass-admin,.mc-app,.mp-root) :is(.badge-light,.badge-light-primary) { background: var(--ui-primary-soft) !important; color: var(--ui-link) !important; border-radius: 999px !important; }
  :is(.admin-surface,.dealer-glass-admin) :is(.modal-content,.layui-layer,.layui-layer-title,.layui-layer-content,.select2-dropdown,.dropdown-menu) { background: var(--ui-raised) !important; color: var(--ui-ink) !important; border-color: var(--ui-line) !important; border-radius: 14px !important; }
  :is(.admin-surface,.dealer-glass-admin) :is(.layui-table-view,.table-responsive,.bootstrap-table) { border-color: var(--ui-line) !important; border-radius: 12px !important; }
  :is(.admin-surface,.dealer-glass-admin) :is(.layui-table,.layui-table-header,.layui-table-body,.layui-table-cell) { background: transparent !important; color: var(--ui-ink) !important; }
  :is(.admin-surface,.dealer-glass-admin) #ycz-site-scope-bar { background: var(--ui-panel) !important; border: 1px solid var(--ui-line-soft) !important; border-radius: 12px !important; box-shadow: none !important; }

  /* Standalone legacy frames share controls without repainting arbitrary text. */
  .ycz-embedded-ui {
    --ui-ink: #3e3152 !important; --ui-muted: #5e506c !important;
    --ui-primary: #7355b5 !important; --ui-primary-soft: rgba(235,224,250,.65) !important;
    --ui-link: #64458e !important; --ui-line: rgba(179,160,204,.46) !important;
    --ui-line-soft: rgba(191,171,214,.27) !important;
    --ui-panel: rgba(253,249,255,.34) !important; --ui-field: rgba(255,255,255,.46) !important;
    --ui-head: rgba(240,233,251,.58) !important;
    --primary: var(--ui-primary) !important; --primary-foreground: #fff !important;
    --workspace-ink: var(--ui-ink) !important; --workspace-muted: var(--ui-muted) !important;
    --workspace-line: var(--ui-line) !important; --workspace-field: var(--ui-field) !important;
    --workspace-panel: var(--ui-panel) !important; --workspace-surface: var(--ui-panel) !important;
    font-family: var(--ui-font) !important; font-size: 14px !important; color: var(--ui-ink) !important;
    background: transparent !important;
  }
  :root.dark .ycz-embedded-ui,:root[data-theme="dark"] .ycz-embedded-ui { --ui-ink: #eee5f8 !important; --ui-muted: #c4b3d1 !important; --ui-primary: #bf9fe8 !important; --ui-primary-soft: rgba(107,75,139,.4) !important; --ui-link: #d0b3ee !important; --ui-line: rgba(161,137,183,.45) !important; --ui-line-soft: rgba(149,127,173,.25) !important; --ui-panel: rgba(47,37,64,.48) !important; --ui-field: rgba(31,25,44,.5) !important; --ui-head: rgba(70,54,88,.78) !important; }
  .ycz-embedded-ui :is(.bg-content,.uc-bg,#pjax-container,.uc-main,.uc-ticket-list) { background: transparent !important; }
  .ycz-embedded-ui :is(p,div,span,a,label,td,th,button,input,select,textarea) { font-family: var(--ui-font) !important; }
  .ycz-embedded-ui :is(p,label,td,th,button,input,select,textarea) { font-size: 14px !important; line-height: 1.6 !important; }
  .ycz-embedded-ui :is(small,time,.uc-ticket-eyebrow,.uc-ticket-stat__copy small) { font-size: 12px !important; color: var(--ui-muted) !important; }
  .ycz-embedded-ui h1 { font-size: 24px !important; font-weight: 650 !important; line-height: 1.4 !important; }
  .ycz-embedded-ui :is(h2,h3) { font-size: 17px !important; font-weight: 600 !important; }
  .ycz-embedded-ui :is(.card,.panel,.glass-panel,.glass-card,.uc-card,.uc-ticket-hero,.uc-ticket-stat,.uc-ticket-list,.uc-info-card,.uc-profile-card) { background: var(--ui-panel) !important; color: var(--ui-ink) !important; border: 1px solid var(--ui-line) !important; border-radius: 16px !important; box-shadow: var(--ui-shadow) !important; }
  .ycz-embedded-ui :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),select,textarea) { background: var(--ui-field) !important; color: var(--ui-ink) !important; border: 1px solid var(--ui-line) !important; border-radius: 9px !important; font: 14px/1.6 var(--ui-font) !important; }
  .ycz-embedded-ui :is(button,.btn,.layui-btn) { font-family: var(--ui-font) !important; border-radius: 9px !important; }
  .ycz-embedded-ui :is(.btn-primary,.uc-btn-primary,.uc-ticket-primary,.layui-btn-normal,button.primary,button[type="submit"]) { background: linear-gradient(120deg,#6569e6,#5359cc) !important; border-color: transparent !important; color: #fff !important; }
  .ycz-embedded-ui table { color: var(--ui-ink) !important; background: transparent !important; border-collapse: separate !important; border-spacing: 0 !important; }
  .ycz-embedded-ui thead th { color: var(--ui-muted) !important; background: var(--ui-head) !important; border-color: var(--ui-line) !important; }
  .ycz-embedded-ui tbody td { color: var(--ui-ink) !important; background: transparent !important; border-color: var(--ui-line-soft) !important; }
  .ycz-embedded-ui :is(h1,h2,h3,h4) { color: var(--ui-ink) !important; background: transparent !important; }
  .ycz-embedded-ui :is(.material-icons-outlined,.material-icons) { font-family: "Material Icons Outlined" !important; }
  .peer-framed body.ycz-embedded-ui { background: transparent !important; }
  .ycz-embedded-ui :is(.fh-original-host,.fh-web-tool,.fh-collect-body,.fh-collect-main,.fh-collect-sidebar,.fh-collect-toolbar,.fh-collect-group-actions,.fh-original-footer) { color: var(--ui-ink) !important; background: transparent !important; border-color: var(--ui-line) !important; box-shadow: none !important; }
  .ycz-embedded-ui .fh-original-window { background: rgba(249,245,255,.32) !important; color: var(--ui-ink) !important; border: 1px solid var(--ui-line) !important; border-radius: 14px !important; box-shadow: none !important; overflow: hidden; }
  .ycz-embedded-ui .fh-titlebar { background: var(--ui-panel) !important; color: var(--ui-ink) !important; border-bottom: 1px solid var(--ui-line) !important; }
  .ycz-embedded-ui .fh-native-button { background: var(--ui-field) !important; color: var(--ui-ink) !important; border: 1px solid var(--ui-line) !important; border-radius: 8px !important; box-shadow: none !important; min-height: 32px; }
  .ycz-embedded-ui .fh-native-button:hover { background: var(--ui-hover) !important; border-color: var(--ui-primary) !important; }
  .ycz-embedded-ui .fh-collect-table { border: 1px solid var(--ui-line) !important; border-radius: 10px !important; background: rgba(249,245,255,.2) !important; }
  .ycz-embedded-ui .fh-collect-toolbar { padding-block: 8px !important; gap: 6px !important; }
  .membership-auth-page {
    --auth-ink: var(--ui-ink) !important; --auth-muted: var(--ui-muted) !important;
    --auth-primary: #5d62dc !important; --auth-primary-strong: #494fc7 !important;
    --auth-surface: var(--ui-panel) !important; --auth-surface-strong: var(--ui-raised) !important;
    background: var(--ui-page) !important; font-family: var(--ui-font) !important;
  }
  :root.dark :is(.capsule-primary-nav,.capsule-sidebar) { background: var(--ui-panel) !important; border-color: var(--ui-line) !important; }
  :root.dark .capsule-primary-nav :is(button,.member-header-link,.member-header-account),:root.dark .capsule-primary-nav :is(button,.member-header-link,.member-header-account) span { color: var(--ui-ink) !important; }

  /* Quiet scrollbars, and real touch targets on smaller screens. */
  :is(.capsule-app-shell,.admin-surface,.dealer-glass-admin,[role="dialog"]) { scrollbar-color: #b6c3d8 transparent !important; scrollbar-width: thin !important; }
  :is(.capsule-app-shell,.admin-surface,.dealer-glass-admin,[role="dialog"]) ::-webkit-scrollbar { width: 7px; height: 7px; }
  :is(.capsule-app-shell,.admin-surface,.dealer-glass-admin,[role="dialog"]) ::-webkit-scrollbar-thumb { background: #b6c3d8 !important; border-radius: 8px !important; }
  @media(min-width:1024px) and (hover:hover) and (pointer:fine) {
    /* Keep existing workspace density while making actual text a readable 14px. */
    body.member-workspace { --workspace-type-body: 16px !important; }
    :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root,[role="dialog"],[role="alertdialog"]) :is(p,div,span,a,label,li,dt,dd,td,button,input,textarea,select) { font-size: 16px !important; }
    :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root,[role="dialog"],[role="alertdialog"]) :is(small,time,.text-xs,.fs-7,.fs-8,.form-text,.text-\[10px\],.text-\[11px\],.text-\[12px\]) { font-size: 14px !important; }
    :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) table thead th { font-size: 14px !important; }
  }
  @media(max-width:1023px) {
    .capsule-sidebar-slot { width: 196px !important; margin-left: 14px !important; }
    .capsule-main { padding: 0 14px 14px !important; }
    .capsule-pages { padding: 20px !important; }
    .capsule-primary-nav { border-radius: 18px !important; gap: 4px !important; }
  }
  @media(max-width:767px) {
    .ycz-embedded-ui .uc-ticket-hero { height: auto !important; min-height: 0 !important; gap: 18px !important; }
    .ycz-embedded-ui .uc-ticket-hero__copy { flex: 0 1 auto !important; height: auto !important; min-height: 0 !important; }
    .ycz-embedded-ui .uc-ticket-hero__copy :is(h1,p) { margin-bottom: 10px !important; }
    .ycz-embedded-ui .uc-ticket-primary { min-height: 44px !important; flex: 0 0 auto !important; width: 100% !important; }
    .ycz-embedded-ui .uc-ticket-stats { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }
    .ycz-embedded-ui .uc-ticket-stat:first-child { grid-column: 1 / -1 !important; }
    .capsule-floating-header { padding: 10px 10px 12px !important; }
    .capsule-main { padding: 0 10px 12px !important; }
    .capsule-pages { padding: 16px !important; border-radius: 16px !important; }
    .capsule-primary-nav { border-radius: 16px !important; padding: 8px !important; }
    .capsule-pages h1,.mc-title h1 { font-size: 21px !important; }
    :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),select,textarea,[role="combobox"]) { min-height: 44px !important; font-size: 16px !important; }
    :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) [data-slot="button"] { min-height: 42px !important; }
    :is([data-slot="dialog-content"],[data-slot="alert-dialog-content"],.mc-modal) { max-width: calc(100vw - 24px) !important; border-radius: 16px !important; }
    .capsule-pages :is(table td,table th) { padding: 12px !important; }
  }
  @media(prefers-reduced-motion:reduce) {
    :is(.capsule-app-shell,[role="dialog"]) * { animation: none !important; transition: none !important; }
  }
}