/*
 * Theme Runtime v2
 * Progressive adapter between compiled --ds-* tokens and the existing CRM primitives.
 * It is active only for native v2 themes and can be disabled with
 * THEME_DESIGN_SYSTEM_V2_ENABLED=0.
 */

html[data-ds-v2="1"] {
  --color-primary: var(--ds-semantic-content-primary);
  --color-secondary: var(--ds-semantic-content-secondary);
  --color-tertiary: var(--ds-semantic-action-primary);
  --color-neutral: var(--ds-semantic-surface-canvas);
  --color-surface: var(--ds-semantic-surface-card);
  --color-on_primary: var(--ds-semantic-content-inverse);
  --font-body: var(--ds-primitive-typography-body-fontfamily);
  --font-display: var(--ds-primitive-typography-display-fontfamily);
  --font-label: var(--ds-primitive-typography-label-fontfamily);
  --radius-sm: var(--ds-primitive-rounded-sm);
  --radius-md: var(--ds-primitive-rounded-md);
  --radius-lg: var(--ds-primitive-rounded-lg);
  color: var(--ds-semantic-content-primary);
  background: var(--ds-semantic-surface-canvas);
}

html[data-ds-v2="1"] body {
  color: var(--ds-semantic-content-primary);
  background:
    radial-gradient(circle at 92% -10%, color-mix(in srgb, var(--ds-semantic-action-primary) 8%, transparent), transparent 28rem),
    var(--ds-semantic-surface-canvas);
  font-family: var(--ds-primitive-typography-body-fontfamily), system-ui, sans-serif;
}

html[data-ds-v2="1"] #workspace-main {
  background: var(--ds-semantic-surface-canvas) !important;
}

html[data-ds-v2="1"] body:has([data-ds-component="portal"]),
html[data-ds-v2="1"] body[data-ds-component="public-form"] {
  color: var(--ds-semantic-content-primary);
  background: var(--ds-semantic-surface-canvas) !important;
  font-family: var(--ds-primitive-typography-body-fontfamily), system-ui, sans-serif;
}

html[data-ds-v2="1"] [data-ds-component="portal"] :is(.bg-white, .bg-slate-50) {
  border-color: var(--ds-component-card-border) !important;
  background: var(--ds-semantic-surface-card) !important;
  color: var(--ds-component-card-content);
}

html[data-ds-v2="1"] [data-ds-component="portal"] :is(.border-slate-200, .border-slate-300) {
  border-color: var(--ds-semantic-border-default) !important;
}

html[data-ds-v2="1"] [data-ds-component="portal"] :is(.text-slate-900, .text-slate-700) {
  color: var(--ds-semantic-content-primary) !important;
}

html[data-ds-v2="1"] [data-ds-component="portal"] :is(.text-slate-600, .text-slate-500) {
  color: var(--ds-semantic-content-secondary) !important;
}

html[data-ds-v2="1"] #workspace-header,
html[data-ds-v2="1"] body > header {
  min-height: var(--ds-component-topbar-height, 52px);
  border-color: var(--ds-component-topbar-border) !important;
  background: color-mix(in srgb, var(--ds-component-topbar-background) 94%, transparent) !important;
  color: var(--ds-component-topbar-content);
  box-shadow: var(--ds-component-topbar-shadow, none);
}

html[data-ds-v2="1"] #main-content {
  color: var(--ds-semantic-content-primary);
  padding: clamp(1rem, 1.4vw, 1.5rem) !important;
}

/* View contracts are set by the server shell and refreshed after HTMX navigation. */
html[data-ds-v2="1"] #main-content[data-ds-page] {
  --ds-view-accent: var(--ds-semantic-action-primary);
  --ds-view-accent-surface: color-mix(in srgb, var(--ds-semantic-action-primary) 8%, var(--ds-semantic-surface-card));
}

html[data-ds-v2="1"] #main-content[data-ds-view-family="records"] {
  --ds-view-accent: var(--ds-semantic-status-info);
  --ds-view-accent-surface: var(--ds-semantic-status-info-surface);
}

html[data-ds-v2="1"] #main-content[data-ds-view-family="operations"] {
  --ds-view-accent: var(--ds-semantic-status-warning);
  --ds-view-accent-surface: var(--ds-semantic-status-warning-surface);
}

html[data-ds-v2="1"] #main-content[data-ds-view-family="planning"] {
  --ds-view-accent: var(--ds-semantic-status-success);
  --ds-view-accent-surface: var(--ds-semantic-status-success-surface);
}

html[data-ds-v2="1"] #main-content[data-ds-view-family="settings"] {
  --ds-view-accent: var(--ds-semantic-content-secondary);
  --ds-view-accent-surface: var(--ds-semantic-surface-sunken);
}

html[data-ds-v2="1"] #legacy-sidebar-shell,
html[data-ds-v2="1"] #sidebar-clickup-shell {
  background: var(--ds-component-sidebar-background) !important;
  color: var(--ds-component-sidebar-content) !important;
  border-color: var(--ds-component-sidebar-divider) !important;
  box-shadow: 12px 0 40px color-mix(in srgb, var(--ds-component-sidebar-background) 15%, transparent);
}

html[data-ds-v2="1"] #legacy-sidebar-shell .text-primary,
html[data-ds-v2="1"] #legacy-sidebar-shell .text-secondary,
html[data-ds-v2="1"] #sidebar-clickup-shell .text-primary,
html[data-ds-v2="1"] #sidebar-clickup-shell .text-secondary {
  color: var(--ds-component-sidebar-content) !important;
}

html[data-ds-v2="1"] #legacy-sidebar-shell a:hover,
html[data-ds-v2="1"] #legacy-sidebar-shell button:hover,
html[data-ds-v2="1"] #sidebar-clickup-shell a:hover,
html[data-ds-v2="1"] #sidebar-clickup-shell button:hover {
  background: color-mix(in srgb, var(--ds-component-sidebar-activebackground) 28%, transparent);
}

html[data-ds-v2="1"] [data-ds-component="module-hero"] {
  border-color: var(--ds-component-card-border) !important;
  border-radius: var(--ds-component-card-radius) !important;
  background:
    linear-gradient(115deg, color-mix(in srgb, var(--ds-semantic-action-primary) 6%, transparent), transparent 42%),
    var(--ds-component-card-background) !important;
  color: var(--ds-component-card-content);
  padding: clamp(0.9rem, 1vw, 1.1rem) !important;
  box-shadow: var(--ds-component-card-shadow);
}

html[data-ds-v2="1"] #main-content[data-ds-page] [data-ds-component="module-hero"] [data-ds-component="hero-heading"] > span:first-child {
  background: var(--ds-view-accent) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ds-view-accent) 18%, transparent);
}

html[data-ds-v2="1"] #main-content[data-ds-page] [data-ds-component="module-hero"] [data-ds-component="hero-actions"] {
  isolation: isolate;
}

html[data-ds-v2="1"] #dashboard-layout,
html[data-ds-v2="1"] [id$="-dashboard-layout"],
html[data-ds-v2="1"] #client-profile-layout {
  gap: var(--ds-primitive-spacing-sm) !important;
}

html[data-ds-v2="1"] [data-ds-component="dashboard-layout"] > [data-layout-item]:not([class*="hero"]) {
  border-color: var(--ds-component-card-border);
  border-radius: var(--ds-component-card-radius);
  background: var(--ds-component-card-background);
  color: var(--ds-component-card-content);
  box-shadow: var(--ds-component-card-shadow);
}

/* Dashboard composition is recipe-driven, not tied to a specific core module. */
html[data-ds-v2="1"][data-ds-card="outlined"] :is([data-ds-component="dashboard-layout"], [id$="-dashboard-layout"]) > [data-layout-item] {
  box-shadow: none;
}

html[data-ds-v2="1"][data-ds-card="flat"] :is([data-ds-component="dashboard-layout"], [id$="-dashboard-layout"]) > [data-layout-item] {
  border-color: transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html[data-ds-v2="1"][data-ds-card="soft"] :is([data-ds-component="dashboard-layout"], [id$="-dashboard-layout"]) > [data-layout-item] {
  border-color: color-mix(in srgb, var(--ds-semantic-action-primary) 18%, var(--ds-semantic-border-subtle));
  background: linear-gradient(145deg, color-mix(in srgb, var(--ds-semantic-surface-card) 90%, var(--ds-semantic-action-primary)), var(--ds-semantic-surface-card));
  box-shadow: 0 16px 34px color-mix(in srgb, var(--ds-semantic-action-primary) 12%, transparent);
}

html[data-ds-v2="1"][data-ds-card="editorial"] :is([data-ds-component="dashboard-layout"], [id$="-dashboard-layout"]) > [data-layout-item] {
  border-width: 1px 0 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-ds-v2="1"][data-ds-card="glass"] :is([data-ds-component="dashboard-layout"], [id$="-dashboard-layout"]) > [data-layout-item] {
  border-color: color-mix(in srgb, var(--ds-semantic-content-inverse) 22%, var(--ds-semantic-border-subtle));
  background: color-mix(in srgb, var(--ds-semantic-surface-card) 76%, transparent);
  backdrop-filter: blur(16px) saturate(1.12);
  box-shadow: 0 24px 54px color-mix(in srgb, var(--ds-semantic-content-primary) 13%, transparent);
}

html[data-ds-v2="1"][data-ds-card="terminal"] :is([data-ds-component="dashboard-layout"], [id$="-dashboard-layout"]) > [data-layout-item] {
  border-color: color-mix(in srgb, var(--ds-semantic-action-primary) 48%, var(--ds-semantic-border-default));
  border-radius: var(--ds-primitive-rounded-sm);
  background: var(--ds-semantic-navigation-background);
  color: var(--ds-semantic-navigation-content);
  box-shadow: 5px 5px 0 color-mix(in srgb, var(--ds-semantic-action-primary) 34%, transparent);
}

html[data-ds-v2="1"][data-ds-card="terminal"] :is([data-ds-component="dashboard-layout"], [id$="-dashboard-layout"]) > [data-layout-item] :is(.text-primary, .text-secondary, .label-mono) {
  color: var(--ds-semantic-navigation-content) !important;
}

html[data-ds-v2="1"][data-ds-layout-dashboard="asymmetric"] :is([data-ds-component="dashboard-layout"], [id$="-dashboard-layout"]) > [data-layout-item]:nth-child(3n + 1) {
  border-top-width: 3px;
  border-top-color: var(--ds-semantic-action-primary);
}

html[data-ds-v2="1"][data-ds-layout-dashboard="soft-grid"] :is([data-ds-component="dashboard-layout"], [id$="-dashboard-layout"]) {
  padding: 2px;
  border-radius: var(--ds-component-card-radius);
  background: color-mix(in srgb, var(--ds-semantic-action-primary) 8%, transparent);
}

html[data-ds-v2="1"][data-ds-layout-dashboard="layered"] :is([data-ds-component="dashboard-layout"], [id$="-dashboard-layout"]) > [data-layout-item]:nth-child(even) {
  border-color: color-mix(in srgb, var(--ds-semantic-action-primary) 28%, var(--ds-semantic-border-subtle));
  box-shadow: 0 20px 38px color-mix(in srgb, var(--ds-semantic-content-primary) 12%, transparent);
}

html[data-ds-v2="1"][data-ds-layout-dashboard="dense-grid"] :is([data-ds-component="dashboard-layout"], [id$="-dashboard-layout"]) {
  gap: calc(var(--ds-primitive-spacing-sm) * .75) !important;
}

/* AI Labs: research notebook surfaces instead of the Enterprise card grid. */
html[data-ds-v2="1"][data-ds-theme="ai-labs"] :is([data-ds-component="dashboard-layout"], [id$="-dashboard-layout"]) {
  position: relative;
  isolation: isolate;
}

html[data-ds-v2="1"][data-ds-theme="ai-labs"] :is([data-ds-component="dashboard-layout"], [id$="-dashboard-layout"])::before {
  content: "";
  position: absolute;
  inset: -10px;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(color-mix(in srgb, var(--ds-semantic-border-subtle) 52%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--ds-semantic-border-subtle) 52%, transparent) 1px, transparent 1px);
  background-size: 22px 22px;
  mask-image: linear-gradient(to bottom, black, transparent 78%);
}

html[data-ds-v2="1"][data-ds-theme="ai-labs"] :is([data-ds-component="dashboard-layout"], [id$="-dashboard-layout"]) > [data-layout-item] {
  position: relative;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--ds-semantic-action-primary) 28%, var(--ds-semantic-border-subtle)) !important;
  border-radius: var(--ds-primitive-rounded-md) !important;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--ds-semantic-action-primary) 38%, transparent) 3px, transparent 3px),
    var(--ds-component-card-background) !important;
  box-shadow: 5px 5px 0 color-mix(in srgb, var(--ds-semantic-action-primary) 12%, transparent) !important;
}

html[data-ds-v2="1"][data-ds-theme="ai-labs"] :is([data-ds-component="dashboard-layout"], [id$="-dashboard-layout"]) > [data-layout-item] .label-mono {
  color: color-mix(in srgb, var(--ds-semantic-action-primary) 74%, var(--ds-semantic-content-primary)) !important;
  font-weight: 700;
  letter-spacing: .12em;
}

html[data-ds-v2="1"] #main-content[data-ds-page="prospectos"] .pros-card,
html[data-ds-v2="1"] #main-content[data-ds-page="tickets"] .tickets-card {
  border-color: var(--ds-component-card-border) !important;
  background: var(--ds-component-card-background) !important;
  color: var(--ds-component-card-content) !important;
  box-shadow: var(--ds-component-card-shadow) !important;
}

html[data-ds-v2="1"] #main-content[data-ds-page="tickets"] .tickets-chip {
  border-color: var(--ds-semantic-border-default) !important;
  background: var(--ds-semantic-surface-sunken) !important;
  color: var(--ds-semantic-content-secondary) !important;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] [data-ds-dashboard="1"] {
  --atlas-dashboard-kpi-glow: color-mix(in srgb, var(--ds-semantic-action-primary) 16%, transparent);
  --atlas-dashboard-kpi-border: color-mix(in srgb, var(--ds-semantic-action-primary) 24%, var(--ds-semantic-border-subtle));
  --atlas-dashboard-panel-edge: color-mix(in srgb, var(--ds-semantic-action-primary) 20%, var(--ds-semantic-border-subtle));
  --atlas-dashboard-panel-glow: color-mix(in srgb, var(--ds-semantic-navigation-background) 12%, transparent);
  gap: var(--ds-primitive-spacing-md);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] [data-ds-component="dashboard-layout"] > [data-layout-item] {
  border: 1px solid color-mix(in srgb, var(--ds-semantic-action-primary) 18%, var(--ds-semantic-border-subtle));
  background: color-mix(in srgb, var(--ds-semantic-surface-card) 94%, var(--ds-semantic-action-primary));
  box-shadow: 0 14px 28px color-mix(in srgb, var(--ds-semantic-navigation-background) 10%, transparent);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell {
  --atlas-sidebar-ui: "Hero New", sans-serif;
  --atlas-sidebar-brand: "Aachen Forgenex", "Hero New", sans-serif;
  --atlas-sidebar-ink-soft: color-mix(in srgb, var(--ds-component-sidebar-content) 62%, transparent);
  --atlas-sidebar-ink-muted: color-mix(in srgb, var(--ds-component-sidebar-content) 46%, transparent);
  --atlas-sidebar-edge: color-mix(in srgb, var(--ds-semantic-action-primary) 18%, var(--ds-component-sidebar-divider));
  --atlas-sidebar-panel: color-mix(in srgb, var(--ds-component-sidebar-background) 92%, black);
  font-family: var(--atlas-sidebar-ui);
  border-right-color: var(--atlas-sidebar-edge) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ds-component-sidebar-background) 92%, black), var(--ds-component-sidebar-background)) !important;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .clickup-brand-logo {
  filter: drop-shadow(0 10px 18px color-mix(in srgb, var(--ds-semantic-action-primary) 22%, transparent));
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .clickup-nav-track,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .clickup-footer-stack {
  gap: 6px !important;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .clickup-main-item {
  min-height: 50px;
  border: 1px solid transparent;
  border-radius: calc(var(--ds-primitive-rounded-lg) + 2px);
  background: linear-gradient(180deg, color-mix(in srgb, white 2%, transparent), transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .clickup-main-item:hover {
  border-color: color-mix(in srgb, var(--ds-semantic-action-primary) 18%, transparent);
  background: color-mix(in srgb, var(--ds-component-sidebar-activebackground) 54%, transparent) !important;
  box-shadow:
    0 10px 22px color-mix(in srgb, var(--ds-semantic-action-primary) 10%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .clickup-main-item.is-active {
  border-color: color-mix(in srgb, var(--ds-semantic-action-primary) 28%, transparent);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--ds-semantic-action-primary) 14%, transparent), transparent 56%),
    color-mix(in srgb, var(--ds-component-sidebar-activebackground) 74%, transparent) !important;
  box-shadow:
    0 14px 30px color-mix(in srgb, var(--ds-semantic-action-primary) 12%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .clickup-main-item__icon {
  color: var(--atlas-sidebar-ink-soft);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .clickup-main-item__icon > svg,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .clickup-main-item__icon > i,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .clickup-main-item__icon > span:not(.clickup-profile-avatar) {
  filter: drop-shadow(0 6px 10px color-mix(in srgb, var(--ds-semantic-action-primary) 16%, transparent));
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .clickup-main-item__label {
  color: var(--ds-component-sidebar-content) !important;
  font-family: var(--atlas-sidebar-ui);
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .035em;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .clickup-main-item.is-active .clickup-main-item__label {
  color: #fff !important;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .active-indicator {
  width: 4px;
  border-radius: 999px;
  box-shadow: 0 0 12px color-mix(in srgb, var(--accent) 72%, transparent);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .clickup-profile-avatar {
  box-shadow:
    0 0 0 1px color-mix(in srgb, white 10%, transparent),
    0 10px 22px color-mix(in srgb, var(--ds-semantic-action-primary) 14%, transparent);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .core-pines-navmenu {
  border: 1px solid color-mix(in srgb, var(--atlas-sidebar-edge) 84%, transparent) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--atlas-sidebar-panel) 88%, white 2%), var(--atlas-sidebar-panel)) !important;
  box-shadow:
    0 24px 60px color-mix(in srgb, black 40%, transparent),
    0 0 0 1px rgba(255, 255, 255, 0.03);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .core-pines-navmenu__hero-title {
  font-family: var(--atlas-sidebar-brand);
  font-size: .95rem;
  letter-spacing: .02em;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .core-pines-navmenu__hero-subtitle,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .core-pines-navmenu__item,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .clickup-more-item span {
  font-family: var(--atlas-sidebar-ui);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .core-pines-navmenu__item {
  font-size: .73rem;
  font-weight: 600;
  letter-spacing: .02em;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #sidebar-clickup-shell .clickup-more-item span {
  font-size: .68rem !important;
  font-weight: 700;
  letter-spacing: .03em;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] [data-ds-dashboard="1"] > [data-ds-component="module-hero"] {
  position: relative;
  min-height: 154px;
  overflow: hidden;
  border: 0 !important;
  background:
    linear-gradient(112deg, var(--ds-semantic-navigation-background), color-mix(in srgb, var(--ds-semantic-navigation-background) 78%, var(--ds-semantic-action-primary))) !important;
  color: var(--ds-semantic-navigation-content);
  box-shadow: var(--ds-primitive-shadow-md);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] [data-ds-dashboard="1"] > [data-ds-component="module-hero"] h2,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] [data-ds-dashboard="1"] > [data-ds-component="module-hero"] p {
  color: var(--ds-semantic-navigation-content) !important;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: var(--ds-primitive-spacing-md) !important;
  align-items: stretch;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item] {
  min-height: 0;
  border: 1px solid var(--ds-semantic-border-subtle) !important;
  border-radius: var(--ds-component-card-radius) !important;
  background: var(--ds-component-card-background) !important;
  color: var(--ds-component-card-content);
  box-shadow: var(--ds-primitive-shadow-xs) !important;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="kpi"] {
  position: relative;
  isolation: isolate;
  min-height: 148px;
  padding: 20px 22px 18px !important;
  overflow: hidden;
  border-color: var(--atlas-dashboard-kpi-border) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ds-component-card-background) 92%, white), var(--ds-component-card-background)) !important;
  box-shadow:
    0 18px 40px color-mix(in srgb, var(--atlas-dashboard-kpi-glow) 44%, transparent),
    var(--ds-primitive-shadow-sm) !important;
  transition:
    transform var(--ds-primitive-motion-fast) var(--ds-primitive-motion-easing),
    box-shadow var(--ds-primitive-motion-fast) var(--ds-primitive-motion-easing),
    border-color var(--ds-primitive-motion-fast) var(--ds-primitive-motion-easing);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="kpi"]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, var(--ds-semantic-action-primary), color-mix(in srgb, var(--ds-semantic-action-primary) 35%, white));
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-tone="success"]::before {
  background: var(--ds-semantic-status-success);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-tone="warning"]::before,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-tone="attention"]::before {
  background: var(--ds-semantic-status-warning);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-tone="danger"]::before {
  background: var(--ds-semantic-status-danger);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-tone="special"]::before {
  background: var(--ds-semantic-status-special);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="kpi"]:hover {
  transform: translateY(-2px);
  box-shadow:
    0 24px 48px color-mix(in srgb, var(--atlas-dashboard-kpi-glow) 58%, transparent),
    var(--ds-primitive-shadow-md) !important;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="kpi"] .text-4xl {
  position: relative;
  z-index: 1;
  display: inline-block;
  font-size: clamp(2.15rem, 3vw, 3.1rem);
  line-height: .95;
  letter-spacing: -.055em;
  text-wrap: balance;
  text-shadow: 0 10px 24px color-mix(in srgb, var(--atlas-dashboard-kpi-glow) 60%, transparent);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="kpi"] .text-sm,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="kpi"] .text-xs {
  position: relative;
  z-index: 1;
  font-weight: 600;
  letter-spacing: .025em;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="kpi"] .text-sm {
  text-transform: uppercase;
  font-size: .72rem;
  color: color-mix(in srgb, var(--ds-semantic-content-secondary) 88%, transparent);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="kpi"] .text-xs {
  color: color-mix(in srgb, var(--ds-semantic-content-primary) 74%, transparent);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="chart"],
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="table"],
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="health"],
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="list"],
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="actions"] {
  position: relative;
  overflow: hidden;
  padding: var(--ds-primitive-spacing-lg) !important;
  border-color: var(--atlas-dashboard-panel-edge) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, white 2%, var(--ds-component-card-background)), var(--ds-component-card-background)) !important;
  box-shadow:
    0 18px 40px color-mix(in srgb, var(--atlas-dashboard-panel-glow) 46%, transparent),
    var(--ds-primitive-shadow-sm) !important;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="chart"]::before,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="table"]::before,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="health"]::before,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="list"]::before,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="actions"]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, var(--ds-semantic-navigation-background), color-mix(in srgb, var(--ds-semantic-action-primary) 55%, white));
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="chart"] > .flex:first-child,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="table"] > .flex:first-child,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="health"] > .flex:first-child,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="list"] > .flex:first-child {
  position: relative;
  padding: 0 0 12px;
  margin-bottom: 14px;
  border-bottom: 1px solid color-mix(in srgb, var(--ds-semantic-border-subtle) 82%, transparent);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="actions"] > p:first-child {
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 14px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--ds-semantic-border-subtle) 82%, transparent);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="chart"] .label-mono,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="table"] .label-mono,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="health"] .label-mono,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="list"] .label-mono,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="actions"] .label-mono {
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="chart"] button,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="table"] button,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="list"] button,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="actions"] button {
  font-family: inherit;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="chart"] [data-crm-chart],
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="chart"] [data-crm-chart="echarts"] {
  min-height: 280px;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="chart"] .rounded-md.border,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="chart"] .rounded-xl.border,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="table"] .rounded-md.border,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="table"] .rounded-xl.border,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="health"] .rounded-md.border,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="list"] li,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="actions"] .grid > button {
  border-color: color-mix(in srgb, var(--atlas-dashboard-panel-edge) 74%, transparent) !important;
  background: color-mix(in srgb, var(--ds-semantic-surface-canvas) 58%, white) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="list"] li,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="actions"] .grid > button {
  transition:
    transform var(--ds-primitive-motion-fast) var(--ds-primitive-motion-easing),
    border-color var(--ds-primitive-motion-fast) var(--ds-primitive-motion-easing),
    box-shadow var(--ds-primitive-motion-fast) var(--ds-primitive-motion-easing),
    background-color var(--ds-primitive-motion-fast) var(--ds-primitive-motion-easing);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="list"] li:hover,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="actions"] .grid > button:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--ds-semantic-action-primary) 32%, transparent) !important;
  box-shadow:
    0 12px 22px color-mix(in srgb, var(--atlas-dashboard-panel-glow) 52%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.62);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="table"] table {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--atlas-dashboard-panel-edge) 74%, transparent);
  border-radius: calc(var(--ds-component-card-radius) - 4px);
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="table"] thead {
  background: color-mix(in srgb, var(--ds-semantic-navigation-background) 8%, white) !important;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="table"] th {
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="table"] td {
  font-size: .78rem;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="health"] [class*="grid-cols-"],
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="chart"] [class*="grid-cols-"] {
  align-items: stretch;
}

/* Atlas recipes apply to every semantic dashboard, not only the Panel canvas. */
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] [data-ds-component="dashboard-layout"] > [data-layout-item] {
  min-height: 0;
  border: 1px solid var(--ds-semantic-border-subtle) !important;
  border-radius: var(--ds-component-card-radius) !important;
  background: var(--ds-component-card-background) !important;
  color: var(--ds-component-card-content);
  box-shadow: var(--ds-primitive-shadow-xs) !important;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] [data-ds-component="dashboard-layout"] > [data-ds-widget-kind="kpi"] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: var(--atlas-dashboard-kpi-border) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ds-component-card-background) 92%, white), var(--ds-component-card-background)) !important;
  box-shadow:
    0 18px 40px color-mix(in srgb, var(--atlas-dashboard-kpi-glow) 44%, transparent),
    var(--ds-primitive-shadow-sm) !important;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] [data-ds-component="dashboard-layout"] > [data-ds-widget-kind="kpi"]::before,
html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] [data-ds-component="dashboard-layout"] > :is([data-ds-widget-kind="chart"], [data-ds-widget-kind="table"], [data-ds-widget-kind="health"], [data-ds-widget-kind="list"], [data-ds-widget-kind="actions"])::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--ds-semantic-navigation-background), color-mix(in srgb, var(--ds-semantic-action-primary) 55%, white));
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] [data-ds-component="dashboard-layout"] > :is([data-ds-widget-kind="chart"], [data-ds-widget-kind="table"], [data-ds-widget-kind="health"], [data-ds-widget-kind="list"], [data-ds-widget-kind="actions"]) {
  position: relative;
  overflow: hidden;
  border-color: var(--atlas-dashboard-panel-edge) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, white 2%, var(--ds-component-card-background)), var(--ds-component-card-background)) !important;
  box-shadow:
    0 18px 40px color-mix(in srgb, var(--atlas-dashboard-panel-glow) 46%, transparent),
    var(--ds-primitive-shadow-sm) !important;
}

html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] [data-ds-component="dashboard-layout"] > [data-ds-widget-kind="chart"] [data-crm-chart] {
  min-height: 220px;
}
}

@media (min-width: 1200px) {
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="kpi_clients"] { order: 10; grid-column: span 4 / span 4 !important; }
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="kpi_prospects"] { order: 20; grid-column: span 4 / span 4 !important; }
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="kpi_pending_tasks"] { order: 30; grid-column: span 4 / span 4 !important; }
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="kpi_overdue_tasks"] { order: 40; grid-column: span 3 / span 3 !important; }
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="kpi_tasks_today"] { order: 50; grid-column: span 3 / span 3 !important; }
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="kpi_conversions_month"] { order: 60; grid-column: span 3 / span 3 !important; }
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="kpi_new_leads_7d"] { order: 70; grid-column: span 3 / span 3 !important; }
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="kpi_conversion_rate_total"] { order: 80; grid-column: span 6 / span 6 !important; }
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="kpi_conversion_rate_30d"] { order: 90; grid-column: span 6 / span 6 !important; }
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="funnel_conversion"] { order: 100; grid-column: span 8 / span 8 !important; }
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="health_ops"] { order: 110; grid-column: span 4 / span 4 !important; }
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="lead_response_latency"] { order: 120; grid-column: span 6 / span 6 !important; }
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="table_user_workload"] { order: 130; grid-column: span 6 / span 6 !important; }
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="conversion_attribution"] { order: 140; grid-column: span 6 / span 6 !important; }
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="clients_by_type"] { order: 150; grid-column: span 6 / span 6 !important; }
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="top_clients_interactions"],
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="list_upcoming_tasks"],
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="list_recent_leads"],
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item="quick_actions"] { grid-column: span 6 / span 6 !important; }
}

@media (min-width: 768px) and (max-width: 1199px) {
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind="kpi"] {
    grid-column: span 6 / span 6 !important;
  }
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-ds-widget-kind]:not([data-ds-widget-kind="kpi"]) {
    grid-column: span 12 / span 12 !important;
  }
}

@media (max-width: 767px) {
  html[data-ds-v2="1"][data-ds-layout-mode="theme"][data-ds-theme="atlas-command"] #dashboard-layout > [data-layout-item] {
    grid-column: span 12 / span 12 !important;
  }
}

html[data-ds-v2="1"] [data-ds-component="module-hero"] h2 {
  font-family: var(--ds-primitive-typography-display-fontfamily), system-ui, sans-serif;
  letter-spacing: var(--ds-primitive-typography-h1-letterspacing, -0.03em);
  text-transform: none;
}

html[data-ds-v2="1"] [data-ds-component="table-toolbar"],
html[data-ds-v2="1"] [data-ds-component="table-footer"] {
  color: var(--ds-semantic-content-secondary);
}

html[data-ds-v2="1"] [data-ds-component="table-filters"] {
  border-color: var(--ds-component-card-border) !important;
  border-radius: var(--ds-component-card-radius) !important;
  background: var(--ds-semantic-surface-sunken) !important;
  box-shadow: var(--ds-primitive-shadow-xs);
}

html[data-ds-v2="1"] #main-content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]),
html[data-ds-v2="1"] #main-content textarea,
html[data-ds-v2="1"] #main-content select,
html[data-ds-v2="1"] #main-content .vscomp-toggle-button {
  min-height: var(--ds-component-input-height);
  border-color: var(--ds-component-input-border) !important;
  border-radius: var(--ds-component-input-radius) !important;
  background: var(--ds-component-input-background) !important;
  color: var(--ds-component-input-content) !important;
  transition:
    border-color var(--ds-primitive-motion-fast) var(--ds-primitive-motion-easing),
    box-shadow var(--ds-primitive-motion-fast) var(--ds-primitive-motion-easing),
    background-color var(--ds-primitive-motion-fast) var(--ds-primitive-motion-easing);
}

html[data-ds-v2="1"] #main-content .vscomp-ele,
html[data-ds-v2="1"] #main-content .vscomp-wrapper,
html[data-ds-v2="1"] #main-content .vscomp-toggle-button,
html[data-ds-v2="1"] #main-content .vscomp-value {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-ds-v2="1"] #main-content .vscomp-ele {
  display: block !important;
}

html[data-ds-v2="1"] #main-content input::placeholder,
html[data-ds-v2="1"] #main-content textarea::placeholder {
  color: var(--ds-component-input-placeholder);
}

html[data-ds-v2="1"] #main-content :is(.bg-white, .bg-slate-50, .bg-slate-100, .bg-slate-900\/5, .bg-white\/50, .bg-white\/70, .bg-white\/80, .bg-white\/85),
html[data-ds-v2="1"] :is([role="dialog"], .core-pines-hover-card__panel, .core-pines-context-menu__panel, [data-core-pines-slideover-panel="1"]) :is(.bg-white, .bg-slate-50, .bg-slate-100, .bg-slate-900\/5, .bg-white\/50, .bg-white\/70, .bg-white\/80, .bg-white\/85) {
  border-color: var(--ds-component-card-border) !important;
  background: var(--ds-semantic-surface-card) !important;
  color: var(--ds-semantic-content-primary) !important;
}

html[data-ds-v2="1"] #main-content :is(.text-slate-900, .text-slate-800, .text-slate-700),
html[data-ds-v2="1"] :is([role="dialog"], .core-pines-hover-card__panel, .core-pines-context-menu__panel, [data-core-pines-slideover-panel="1"]) :is(.text-slate-900, .text-slate-800, .text-slate-700) {
  color: var(--ds-semantic-content-primary) !important;
}

html[data-ds-v2="1"] #main-content :is(.text-slate-600, .text-slate-500),
html[data-ds-v2="1"] :is([role="dialog"], .core-pines-hover-card__panel, .core-pines-context-menu__panel, [data-core-pines-slideover-panel="1"]) :is(.text-slate-600, .text-slate-500) {
  color: var(--ds-semantic-content-secondary) !important;
}

html[data-ds-v2="1"] :is([role="dialog"], .core-pines-hover-card__panel, .core-pines-context-menu__panel, [data-core-pines-slideover-panel="1"]) :is(.shadow-sm, .shadow-lg, .shadow-xl, .shadow-2xl) {
  box-shadow: var(--ds-component-modal-shadow) !important;
}

html[data-ds-v2="1"] #main-content input:focus-visible,
html[data-ds-v2="1"] #main-content textarea:focus-visible,
html[data-ds-v2="1"] #main-content select:focus-visible,
html[data-ds-v2="1"] #main-content .vscomp-wrapper:focus-visible {
  border-color: var(--ds-component-input-borderfocus) !important;
  box-shadow: var(--ds-component-input-focusshadow) !important;
  outline: none;
}

html[data-ds-v2="1"] #main-content button,
html[data-ds-v2="1"] #workspace-header button {
  transition:
    color var(--ds-primitive-motion-fast) var(--ds-primitive-motion-easing),
    border-color var(--ds-primitive-motion-fast) var(--ds-primitive-motion-easing),
    background-color var(--ds-primitive-motion-fast) var(--ds-primitive-motion-easing),
    box-shadow var(--ds-primitive-motion-fast) var(--ds-primitive-motion-easing);
}

html[data-ds-v2="1"] #main-content button:focus-visible,
html[data-ds-v2="1"] #workspace-header button:focus-visible,
html[data-ds-v2="1"] a:focus-visible {
  outline: none;
  box-shadow: var(--ds-primitive-shadow-focus);
}

html[data-ds-v2="1"] #main-content .bg-tertiary,
html[data-ds-v2="1"] #main-content button.bg-primary,
html[data-ds-v2="1"] #main-content button[class*="bg-tertiary"] {
  border-color: var(--ds-component-button-primary-border) !important;
  border-radius: var(--ds-component-button-primary-radius) !important;
  background: var(--ds-component-button-primary-background) !important;
  color: var(--ds-component-button-primary-content) !important;
  box-shadow: var(--ds-component-button-primary-shadow);
}

html[data-ds-v2="1"] #main-content .bg-tertiary:hover,
html[data-ds-v2="1"] #main-content button.bg-primary:hover,
html[data-ds-v2="1"] #main-content button[class*="bg-tertiary"]:hover {
  background: var(--ds-component-button-primary-backgroundhover) !important;
}

html[data-ds-v2="1"] #main-content .bg-surface.rounded-lg,
html[data-ds-v2="1"] #main-content .bg-surface.rounded-xl,
html[data-ds-v2="1"] #main-content .bg-surface.rounded-2xl,
html[data-ds-v2="1"] #main-content .bg-surface[class*="rounded-["] {
  border-color: var(--ds-component-card-border);
  border-radius: var(--ds-component-card-radius) !important;
  background: var(--ds-component-card-background);
  color: var(--ds-component-card-content);
  box-shadow: var(--ds-component-card-shadow);
}

html[data-ds-v2="1"] #main-content table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  background: var(--ds-component-table-background);
  color: var(--ds-component-table-rowcontent);
}

html[data-ds-v2="1"] #main-content thead {
  background: var(--ds-component-table-headerbackground);
  color: var(--ds-component-table-headercontent);
}

html[data-ds-v2="1"] #main-content th,
html[data-ds-v2="1"] #main-content td {
  border-color: var(--ds-component-table-divider) !important;
}

html[data-ds-v2="1"] #main-content tbody tr {
  min-height: var(--ds-component-table-rowheight);
  transition: background-color var(--ds-primitive-motion-fast) var(--ds-primitive-motion-easing);
}

html[data-ds-v2="1"] #main-content tbody tr:hover {
  background: var(--ds-component-table-rowhover);
}

html[data-ds-v2="1"] [data-ds-tone="success"] { --ds-tone: var(--ds-semantic-status-success); --ds-tone-surface: var(--ds-semantic-status-success-surface); }
html[data-ds-v2="1"] [data-ds-tone="warning"] { --ds-tone: var(--ds-semantic-status-warning); --ds-tone-surface: var(--ds-semantic-status-warning-surface); }
html[data-ds-v2="1"] [data-ds-tone="danger"] { --ds-tone: var(--ds-semantic-status-danger); --ds-tone-surface: var(--ds-semantic-status-danger-surface); }
html[data-ds-v2="1"] [data-ds-tone="info"] { --ds-tone: var(--ds-semantic-status-info); --ds-tone-surface: var(--ds-semantic-status-info-surface); }
html[data-ds-v2="1"] [data-ds-tone] {
  border-color: color-mix(in srgb, var(--ds-tone) 24%, transparent) !important;
  background: var(--ds-tone-surface) !important;
  color: var(--ds-tone) !important;
}

html[data-ds-v2="1"] #main-content :focus-visible,
html[data-ds-v2="1"] #workspace-header :focus-visible {
  outline: 2px solid var(--ds-semantic-action-focus) !important;
  outline-offset: 2px;
  box-shadow: var(--ds-semantic-interaction-focus-ring) !important;
}

html[data-ds-v2="1"] #main-content ::selection {
  background: var(--ds-semantic-interaction-selection);
  color: var(--ds-semantic-content-primary);
}

html[data-ds-v2="1"] #main-content :disabled {
  opacity: var(--ds-semantic-interaction-disabled-opacity);
}

html[data-ds-v2="1"] [role="dialog"],
html[data-ds-v2="1"] .core-pines-hover-card__panel,
html[data-ds-v2="1"] .core-pines-context-menu__panel {
  border-color: var(--ds-component-modal-border, var(--ds-semantic-border-default)) !important;
  border-radius: var(--ds-component-modal-radius) !important;
  background: var(--ds-component-modal-background) !important;
  color: var(--ds-component-modal-content) !important;
  box-shadow: var(--ds-component-modal-shadow) !important;
}

html[data-ds-v2="1"] .core-pines-toast {
  border-color: var(--ds-component-toast-border);
  border-radius: var(--ds-component-toast-radius);
  background: var(--ds-component-toast-background);
  color: var(--ds-component-toast-content);
  box-shadow: var(--ds-component-toast-shadow);
}

html[data-ds-v2="1"] .core-pines-tooltip__panel {
  border-radius: var(--ds-component-tooltip-radius);
  background: var(--ds-component-tooltip-background);
  color: var(--ds-component-tooltip-content);
  max-width: var(--ds-component-tooltip-maxwidth);
}

html[data-ds-v2="1"] .filepond--root {
  --filepond-bg: var(--ds-semantic-surface-sunken);
  --filepond-line: var(--ds-semantic-border-default);
  --filepond-accent: var(--ds-semantic-action-primary);
  --filepond-accent-strong: var(--ds-semantic-action-primary-hover);
  --filepond-text: var(--ds-semantic-content-primary);
  --filepond-soft: color-mix(in srgb, var(--ds-semantic-action-primary) 8%, transparent);
}

html[data-ds-v2="1"] .filepond--panel-root {
  border-radius: var(--ds-component-card-radius);
  box-shadow: var(--ds-primitive-shadow-xs);
}

html[data-ds-v2="1"] .filepond--item-panel {
  background: var(--ds-semantic-action-primary);
}

html[data-ds-v2="1"] .corechat-shell,
html[data-ds-v2="1"] .corechat-workspace,
html[data-ds-v2="1"] .corechat-topic-panel,
html[data-ds-v2="1"] .corechat-composer {
  border-color: var(--ds-semantic-border-subtle) !important;
  background: var(--ds-semantic-surface-card) !important;
  color: var(--ds-component-card-content) !important;
}

html[data-ds-v2="1"] .core-geo-popup {
  border-color: var(--ds-semantic-border-default);
  background: var(--ds-semantic-surface-elevated);
  color: var(--ds-component-modal-content);
  box-shadow: var(--ds-primitive-shadow-md);
}

/* Shared primitives mount outside individual view roots. */
html[data-ds-v2="1"] :is(.vscomp-dropbox, .vscomp-options-container, .flatpickr-calendar, [data-core-pines-slideover-panel="1"]) {
  border-color: var(--ds-component-modal-border, var(--ds-semantic-border-default)) !important;
  border-radius: var(--ds-component-modal-radius) !important;
  background: var(--ds-component-modal-background) !important;
  color: var(--ds-component-modal-content) !important;
  box-shadow: var(--ds-component-modal-shadow) !important;
}

html[data-ds-v2="1"] :is(.vscomp-option, .flatpickr-day, .core-datepicker-preset, .core-pines-context-menu__item) {
  color: var(--ds-component-modal-content);
}

html[data-ds-v2="1"] :is(.vscomp-option.selected, .vscomp-option.focused, .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange) {
  background: var(--ds-semantic-action-primary) !important;
  color: var(--ds-semantic-content-inverse) !important;
}

html[data-ds-v2="1"] :is(.vscomp-option:hover, .flatpickr-day:hover, .core-datepicker-preset:hover, .core-pines-context-menu__item:hover) {
  background: var(--ds-semantic-surface-selected) !important;
}

html[data-ds-v2="1"] [data-core-pines-slideover-backdrop="1"] {
  background: color-mix(in srgb, var(--ds-semantic-surface-overlay) 46%, transparent) !important;
}

html[data-ds-v2="1"] [data-ds-component="table-columns"] {
  border-color: var(--ds-component-card-border) !important;
  border-radius: var(--ds-component-card-radius) !important;
  background: var(--ds-semantic-surface-sunken) !important;
  box-shadow: var(--ds-primitive-shadow-xs);
}

html[data-ds-v2="1"] [data-ds-component="list"] [data-core-list-empty="1"] {
  color: var(--ds-component-table-headercontent);
  background: var(--ds-semantic-surface-sunken);
}

/* Elevated cards are intended for restrained light themes: surface separation
 * comes from depth first, not from a high-contrast outline. */
html[data-ds-v2="1"][data-ds-card="elevated"] :is([data-ds-component="dashboard-layout"], [id$="-dashboard-layout"]) > [data-layout-item]:not([class*="hero"]) {
  border-color: color-mix(in srgb, var(--ds-component-card-border) 72%, transparent) !important;
  background: var(--ds-component-card-background) !important;
  color: var(--ds-component-card-content) !important;
  box-shadow: var(--ds-component-card-shadow) !important;
}

/* Some layouts use a data-layout-item only as a grid carrier and render the
 * actual card inside it. Keeping that carrier transparent prevents nested
 * shadows and the pale backing layer around a real widget surface. */
html[data-ds-v2="1"][data-ds-card="elevated"] :is([data-ds-component="dashboard-layout"], [id$="-dashboard-layout"]) > [data-layout-item]:not([class*="bg-"]):not([class*="card"]):not([class*="hero"]) {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-ds-v2="1"] .rounded-sm { border-radius: var(--ds-primitive-rounded-sm); }
html[data-ds-v2="1"] .rounded-md { border-radius: var(--ds-primitive-rounded-md); }
html[data-ds-v2="1"] .rounded-lg { border-radius: var(--ds-primitive-rounded-lg); }
html[data-ds-v2="1"] .rounded-xl { border-radius: var(--ds-primitive-rounded-xl); }
html[data-ds-v2="1"] .rounded-2xl { border-radius: var(--ds-primitive-rounded-xl); }

html[data-ds-v2="1"][data-ds-card="flat"] #main-content .bg-surface {
  box-shadow: none;
}

html[data-ds-v2="1"][data-ds-table="borderless"] #main-content th,
html[data-ds-v2="1"][data-ds-table="borderless"] #main-content td {
  border-color: transparent !important;
}

html[data-ds-v2="1"][data-ds-list="airy"] [data-ds-component="list"] table {
  border: 1px solid var(--ds-component-card-border);
  border-radius: var(--ds-component-card-radius);
  overflow: hidden;
}

html[data-ds-v2="1"][data-ds-list="airy"] [data-ds-component="table-toolbar"] {
  min-height: 2.5rem;
}

html[data-ds-v2="1"][data-ds-detail="quiet"] #main-content :is([data-ds-component="detail-header"], .client-profile-header) {
  border-color: var(--ds-component-card-border) !important;
  background: var(--ds-semantic-surface-card) !important;
  box-shadow: none !important;
}

html[data-ds-v2="1"][data-ds-form="quiet-sections"] #main-content :is(form > fieldset, [data-ds-component="form-section"]) {
  border-color: var(--ds-component-card-border);
  border-radius: var(--ds-component-card-radius);
  background: var(--ds-semantic-surface-card);
  box-shadow: none;
}

html[data-ds-v2="1"][data-ds-overlay="quiet"] :is([role="dialog"], .core-pines-hover-card__panel, .core-pines-context-menu__panel, [data-core-pines-slideover-panel="1"]) {
  border-color: var(--ds-component-modal-border, var(--ds-semantic-border-default)) !important;
  background: var(--ds-component-modal-background) !important;
}

html[data-ds-v2="1"][data-ds-layout-shell="floating-sidebar"] #legacy-sidebar-shell,
html[data-ds-v2="1"][data-ds-layout-shell="floating-sidebar"] #sidebar-clickup-shell {
  margin: var(--ds-primitive-spacing-sm);
  height: calc(100% - (2 * var(--ds-primitive-spacing-sm)));
  border-radius: var(--ds-primitive-rounded-xl);
  overflow: hidden;
}

/* Operational contracts: themes can reshape shared CRM surfaces without owning templates. */
html[data-ds-v2="1"][data-ds-list="command-queue"] #main-content :is(thead, [data-ds-component="list-toolbar"]) {
  background: linear-gradient(90deg, var(--ds-semantic-navigation-background), color-mix(in srgb, var(--ds-semantic-navigation-background) 78%, var(--ds-semantic-action-primary))) !important;
  color: var(--ds-semantic-navigation-content) !important;
}

html[data-ds-v2="1"][data-ds-detail="command-dossier"] #main-content [data-ds-component="detail-header"],
html[data-ds-v2="1"][data-ds-detail="command-dossier"] #main-content .client-profile-header {
  position: relative;
  overflow: hidden;
  border: 0 !important;
  background: linear-gradient(118deg, var(--ds-semantic-navigation-background), color-mix(in srgb, var(--ds-semantic-navigation-background) 76%, var(--ds-semantic-action-primary))) !important;
  color: var(--ds-semantic-navigation-content) !important;
}

html[data-ds-v2="1"][data-ds-form="mission-sections"] #main-content :is(form > fieldset, [data-ds-component="form-section"]) {
  border-left: 3px solid var(--ds-semantic-action-primary);
  background: color-mix(in srgb, var(--ds-semantic-surface-card) 94%, var(--ds-semantic-action-primary));
}

html[data-ds-v2="1"][data-ds-overlay="command-panel"] :is([role="dialog"], .core-pines-hover-card__panel, .core-pines-context-menu__panel) {
  border-color: color-mix(in srgb, var(--ds-semantic-action-primary) 30%, var(--ds-semantic-border-default)) !important;
  background: linear-gradient(150deg, color-mix(in srgb, var(--ds-semantic-surface-elevated) 96%, var(--ds-semantic-action-primary)), var(--ds-semantic-surface-elevated)) !important;
}

html[data-ds-v2="1"] [data-admin-settings-shell="1"] [data-admin-settings-nav="1"] {
  border-color: var(--ds-component-card-border) !important;
  background: color-mix(in srgb, var(--ds-semantic-surface-card) 90%, var(--ds-semantic-surface-sunken)) !important;
  color: var(--ds-semantic-content-primary) !important;
  box-shadow: var(--ds-component-card-shadow) !important;
}

html[data-ds-v2="1"] [data-admin-settings-shell="1"] :is([data-admin-settings-nav-count], [data-admin-settings-compact-toggle]) {
  border-color: color-mix(in srgb, var(--ds-semantic-border-default) 84%, transparent) !important;
  background: var(--ds-semantic-surface-elevated) !important;
  color: var(--ds-semantic-content-secondary) !important;
  box-shadow: var(--ds-primitive-shadow-xs) !important;
}

html[data-ds-v2="1"] [data-admin-settings-shell="1"] [data-admin-settings-compact-toggle]:hover {
  border-color: var(--ds-semantic-border-interactive) !important;
  color: var(--ds-semantic-action-primary) !important;
}

html[data-ds-v2="1"] [data-admin-settings-shell="1"] [data-admin-config-link="1"]:not(.bg-tertiary):not(.text-white) {
  border-color: color-mix(in srgb, var(--ds-semantic-border-default) 74%, transparent) !important;
  background: color-mix(in srgb, var(--ds-semantic-surface-elevated) 88%, transparent) !important;
  color: var(--ds-semantic-content-primary) !important;
}

html[data-ds-v2="1"][data-ds-theme="atlas-command"][data-ds-layout-mode="theme"] #main-content {
  background-image: linear-gradient(color-mix(in srgb, var(--ds-semantic-border-subtle) 38%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--ds-semantic-border-subtle) 38%, transparent) 1px, transparent 1px);
  background-size: 28px 28px;
}

/* Desktop prioritises operational density. Touch-sized controls remain unchanged on mobile. */
@media (min-width: 1024px) {
  html[data-ds-v2="1"] #workspace-header {
    min-height: min(var(--ds-component-topbar-height, 52px), 48px) !important;
    padding: .3rem .9rem !important;
  }

  html[data-ds-v2="1"] #workspace-header [data-spotlight-open="1"] {
    min-width: 176px;
    padding-top: .4rem;
    padding-bottom: .4rem;
  }

  html[data-ds-v2="1"] #main-content {
    padding: .75rem .875rem calc(.75rem + var(--nxg-bottom-safe)) !important;
  }

  html[data-ds-v2="1"] [data-ds-component="module-hero"] {
    padding: .75rem .9rem !important;
  }

  html[data-ds-v2="1"] #dashboard-layout,
  html[data-ds-v2="1"] [id$="-dashboard-layout"],
  html[data-ds-v2="1"] #client-profile-layout {
    gap: .65rem !important;
  }

  html[data-ds-v2="1"] [data-ds-component="dashboard-layout"] > [data-ds-widget-kind="kpi"] {
    align-self: start;
    min-height: 0 !important;
    padding: .85rem !important;
  }

  html[data-ds-v2="1"] [data-ds-component="dashboard-layout"] > [data-ds-widget-kind="kpi"] .text-4xl {
    font-size: 2.05rem !important;
  }

  /* Nexo Foundation is intentionally compact: light cards keep a short,
     business-like rhythm without the large inherited utility gaps. */
  html[data-ds-v2="1"][data-ds-theme="nexo-foundation"] :is(#dashboard-layout, [id$="-dashboard-layout"]) {
    gap: .5rem !important;
  }

  html[data-ds-v2="1"][data-ds-theme="nexo-foundation"] :is(#dashboard-layout, [id$="-dashboard-layout"]).space-y-6 > :not([hidden]) ~ :not([hidden]) {
    margin-top: .5rem !important;
  }

  html[data-ds-v2="1"][data-ds-theme="nexo-foundation"] :is(#dashboard-layout, [id$="-dashboard-layout"]) > [data-layout-item] > [class*="grid"][class*="gap-4"] {
    gap: .65rem !important;
  }

  html[data-ds-v2="1"] [data-admin-settings-shell="1"] [data-admin-settings-hero="1"] {
    margin-bottom: .75rem !important;
    padding: .7rem .9rem !important;
  }

  html[data-ds-v2="1"] [data-admin-settings-shell="1"] [data-admin-settings-layout="1"] {
    gap: .75rem !important;
  }

  html[data-ds-v2="1"] [data-admin-settings-shell="1"] [data-admin-settings-nav="1"] {
    padding: .65rem !important;
  }

  html[data-ds-v2="1"] [data-admin-settings-shell="1"] [data-admin-config-link="1"] {
    min-height: 2.2rem;
    padding: .45rem .7rem !important;
    border-radius: .7rem !important;
  }

  html[data-ds-v2="1"] [data-admin-settings-shell="1"] #config-seccion :is(.p-8, .p-7, .p-6, .p-5) {
    padding: .85rem !important;
  }

  html[data-ds-v2="1"] [data-admin-settings-shell="1"] #config-seccion :is(.gap-8, .gap-7, .gap-6, .gap-5) {
    gap: .75rem !important;
  }

  html[data-ds-v2="1"] [data-admin-settings-shell="1"] #config-seccion :is(.space-y-8, .space-y-7, .space-y-6, .space-y-5) > :not([hidden]) ~ :not([hidden]) {
    margin-top: .75rem !important;
  }
}

@media (max-width: 767px) {
  html[data-ds-v2="1"] #main-content {
    padding: var(--ds-primitive-spacing-md) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-ds-v2="1"] *,
  html[data-ds-v2="1"] *::before,
  html[data-ds-v2="1"] *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}