/*
 * 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"][data-ds-appearance="light"] {
  color-scheme: light;
}

html[data-ds-v2="1"][data-ds-appearance="dark"] {
  color-scheme: dark;
}

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);
}

/*
 * Sidebar ClickUp — Button States Bridge (Theme V2)
 * ---------------------------------------------------------
 * sidebar_clickup.php consumes the legacy --sidebar-clickup-* variables.
 * admin.php writes those variables from $theme_v2_sidebar BUT only reads
 * already-resolved scalar values. When a V2 theme uses token references
 * (e.g. {primitive.colors.nav_active}) the ThemeResolver resolves them to
 * real hex values before populating $theme_v2_sidebar, so the PHP bridge
 * works for background/content. However the CSS runtime never bridged the
 * button-level states (hover, active, active-accent) into .clickup-main-item
 * overrides, leaving sidebar_clickup.php's own !important rules in charge
 * with hardcoded rgba fallbacks. This block closes that gap by re-declaring
 * the --sidebar-clickup-* custom properties from the resolved --ds-* tokens
 * so both sets of variables stay in sync under data-ds-v2="1".
 */
html[data-ds-v2="1"] #sidebar-clickup-shell {
  --sidebar-clickup-bg:                   var(--ds-component-sidebar-background);
  --sidebar-clickup-content:              var(--ds-component-sidebar-content);
  --sidebar-clickup-divider:              var(--ds-component-sidebar-divider);
  --sidebar-clickup-button-bg:            var(--ds-component-sidebar-buttonbackground);
  --sidebar-clickup-button-content:       var(--ds-component-sidebar-buttoncontent);
  --sidebar-clickup-button-hover-bg:      var(--ds-component-sidebar-buttonhoverbackground);
  --sidebar-clickup-button-hover-content: var(--ds-component-sidebar-buttonhovercontent);
  --sidebar-clickup-button-active-bg:     var(--ds-component-sidebar-buttonactivebackground);
  --sidebar-clickup-button-active-content:var(--ds-component-sidebar-buttonactivecontent);
  --sidebar-clickup-active-accent:        var(--ds-component-sidebar-activebackground);
  --sidebar-clickup-active-content:       var(--ds-component-sidebar-activecontent);
}

/* Hover state — override sidebar_clickup.php !important rules */
html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-main-item:hover {
  background: var(--ds-component-sidebar-buttonhoverbackground, rgba(255, 255, 255, 0.06)) !important;
  color:      var(--ds-component-sidebar-buttonhovercontent, #ffffff) !important;
}
html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-main-item:hover svg {
  color: var(--ds-component-sidebar-buttonhovercontent, #ffffff) !important;
}

/* Active / current state */
html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-main-item.is-active {
  color:      var(--ds-component-sidebar-buttonactivecontent, #ffffff) !important;
  background: var(--ds-component-sidebar-buttonactivebackground, rgba(255, 255, 255, 0.08)) !important;
  border-color: var(--ds-component-sidebar-activebackground) !important;
}
html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-main-item.is-active > span:first-child {
  opacity: 1;
  background: var(--ds-component-sidebar-activebackground) !important;
  box-shadow: 0 0 15px color-mix(in srgb, var(--ds-component-sidebar-activebackground) 72%, transparent);
}
html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-main-item.is-active svg {
  color:  var(--ds-component-sidebar-buttonactivecontent, #ffffff) !important;
  filter: drop-shadow(0 0 5px color-mix(in srgb, var(--ds-component-sidebar-activebackground) 64%, transparent));
}

/* PHP resolves --accent to the theme's monochrome icon token or, only when
   iconColorMode=palette, to the per-view accent selected by that theme. */
html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-main-item:not(.is-active) svg,
html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-main-item:not(.is-active) i {
  color: var(--accent, var(--ds-component-sidebar-content)) !important;
}

/* Label text at rest */
html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-main-item__label {
  color: var(--ds-component-sidebar-content) !important;
}

/* Active label */
html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-main-item.is-active .clickup-main-item__label {
  color: var(--ds-component-sidebar-activecontent, #ffffff) !important;
}

/* Toggle button inherits sidebar palette */
html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-sidebar-toggle {
  color:       var(--ds-component-sidebar-buttoncontent) !important;
  background:  color-mix(in srgb, var(--ds-component-sidebar-background) 82%, white) !important;
  border-color: var(--ds-component-sidebar-divider) !important;
}
html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-sidebar-toggle:hover {
  color:      var(--ds-component-sidebar-buttonhovercontent) !important;
  background: color-mix(in srgb, var(--ds-component-sidebar-background) 70%, white) !important;
}

/* Sidebar ClickUp — floating navigation surfaces */
html[data-ds-v2="1"] #sidebar-clickup-shell .core-pines-navmenu {
  --clickup-panel-muted: color-mix(in srgb, var(--ds-component-sidebar-content) 62%, transparent);
  color: var(--ds-component-sidebar-content) !important;
  background: var(--ds-component-sidebar-background) !important;
  border-color: var(--ds-component-sidebar-divider) !important;
  box-shadow: var(--ds-component-menu-shadow, var(--ds-component-card-shadow)) !important;
}

html[data-ds-v2="1"] #sidebar-clickup-shell .core-pines-navmenu__hero,
html[data-ds-v2="1"] #sidebar-clickup-shell .core-pines-navmenu__section {
  background: color-mix(in srgb, var(--ds-component-sidebar-content) 4%, var(--ds-component-sidebar-background)) !important;
  border-color: var(--ds-component-sidebar-divider) !important;
}

html[data-ds-v2="1"] #sidebar-clickup-shell .core-pines-navmenu__hero-title,
html[data-ds-v2="1"] #sidebar-clickup-shell .core-pines-navmenu h3,
html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-pin-menu__title,
html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-more-item > span,
html[data-ds-v2="1"] #sidebar-clickup-shell .core-pines-navmenu .text-white,
html[data-ds-v2="1"] #sidebar-clickup-shell .core-pines-navmenu .text-slate-200,
html[data-ds-v2="1"] #sidebar-clickup-shell .core-pines-navmenu .text-slate-300 {
  color: var(--ds-component-sidebar-content) !important;
}

html[data-ds-v2="1"] #sidebar-clickup-shell .core-pines-navmenu__hero-subtitle,
html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-pin-menu__eyebrow,
html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-more-panel .text-slate-400,
html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-more-panel .text-slate-500 {
  color: var(--clickup-panel-muted) !important;
}

html[data-ds-v2="1"] #sidebar-clickup-shell .core-pines-navmenu__item {
  color: var(--ds-component-sidebar-buttoncontent) !important;
}

html[data-ds-v2="1"] #sidebar-clickup-shell .core-pines-navmenu__item:hover {
  color: var(--ds-component-sidebar-buttonhovercontent) !important;
  background: var(--ds-component-sidebar-buttonhoverbackground) !important;
}

html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-more-filter {
  color: var(--ds-component-sidebar-buttoncontent) !important;
  background: var(--ds-component-sidebar-buttonbackground) !important;
  border-color: var(--ds-component-sidebar-divider) !important;
}

html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-more-filter:hover {
  color: var(--ds-component-sidebar-buttonhovercontent) !important;
  background: var(--ds-component-sidebar-buttonhoverbackground) !important;
}

html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-more-filter.is-active {
  color: var(--ds-component-sidebar-buttonactivecontent) !important;
  background: var(--ds-component-sidebar-buttonactivebackground) !important;
  border-color: var(--ds-component-sidebar-activebackground) !important;
}

html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-more-search input {
  color: var(--ds-component-sidebar-buttoncontent) !important;
  background: var(--ds-component-sidebar-buttonbackground) !important;
  border-color: var(--ds-component-sidebar-divider) !important;
  box-shadow: none !important;
}

html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-more-search input:focus {
  color: var(--ds-component-sidebar-buttonhovercontent) !important;
  background: var(--ds-component-sidebar-buttonhoverbackground) !important;
  border-color: var(--ds-component-sidebar-activebackground) !important;
}

html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-more-search input::placeholder {
  color: var(--clickup-panel-muted) !important;
}

html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-flyout-cta {
  color: var(--ds-component-sidebar-buttonactivecontent) !important;
  background: var(--ds-component-sidebar-buttonactivebackground) !important;
}

html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-flyout-cta:hover {
  color: var(--ds-component-sidebar-buttonhovercontent) !important;
  background: var(--ds-component-sidebar-buttonhoverbackground) !important;
}

html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-more-panel__footer {
  background: color-mix(in srgb, var(--ds-component-sidebar-content) 3%, var(--ds-component-sidebar-background)) !important;
  border-color: var(--ds-component-sidebar-divider) !important;
}

html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-more-panel__action {
  color: var(--ds-component-sidebar-buttoncontent) !important;
  background: var(--ds-component-sidebar-buttonbackground) !important;
}

html[data-ds-v2="1"] #sidebar-clickup-shell .clickup-more-panel__action:hover {
  color: var(--ds-component-sidebar-buttonhovercontent) !important;
  background: var(--ds-component-sidebar-buttonhoverbackground) !important;
}

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 {
  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 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 {
  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 [data-group-permission-domain-card="1"] {
  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);
}

html[data-ds-v2="1"] #main-content [data-group-permission-domain-card="1"]:hover,
html[data-ds-v2="1"] #main-content [data-group-permission-domain-card="1"]:focus-visible {
  border-color: var(--ds-semantic-action-primary) !important;
  background: var(--ds-component-card-background) !important;
  box-shadow: var(--ds-component-card-shadow-hover, var(--ds-component-card-shadow));
}

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="attention"] { --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="special"] { --ds-tone: var(--ds-semantic-status-special); --ds-tone-surface: var(--ds-semantic-status-special-surface); }
html[data-ds-v2="1"] [data-ds-tone="neutral"] { --ds-tone: var(--ds-semantic-content-secondary); --ds-tone-surface: var(--ds-semantic-surface-sunken); }
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;
}

/*
 * Semantic accents are opt-in presentation roles. They let a theme color
 * badges, icon tiles, KPI values and progress bars without coupling domain
 * templates to Tailwind palette names or to a specific visual theme.
 */
html[data-ds-v2="1"] [data-ds-accent="primary"] {
  --ds-accent: var(--ds-semantic-action-primary);
  --ds-accent-surface: color-mix(in srgb, var(--ds-semantic-action-primary) 10%, var(--ds-semantic-surface-card));
  --ds-accent-border: color-mix(in srgb, var(--ds-semantic-action-primary) 24%, transparent);
}
html[data-ds-v2="1"] [data-ds-accent="success"] { --ds-accent: var(--ds-semantic-status-success); --ds-accent-surface: var(--ds-semantic-status-success-surface); --ds-accent-border: var(--ds-semantic-status-success-border); }
html[data-ds-v2="1"] [data-ds-accent="warning"],
html[data-ds-v2="1"] [data-ds-accent="attention"] { --ds-accent: var(--ds-semantic-status-warning); --ds-accent-surface: var(--ds-semantic-status-warning-surface); --ds-accent-border: var(--ds-semantic-status-warning-border); }
html[data-ds-v2="1"] [data-ds-accent="danger"] { --ds-accent: var(--ds-semantic-status-danger); --ds-accent-surface: var(--ds-semantic-status-danger-surface); --ds-accent-border: var(--ds-semantic-status-danger-border); }
html[data-ds-v2="1"] [data-ds-accent="info"] { --ds-accent: var(--ds-semantic-status-info); --ds-accent-surface: var(--ds-semantic-status-info-surface); --ds-accent-border: var(--ds-semantic-status-info-border); }
html[data-ds-v2="1"] [data-ds-accent="special"] { --ds-accent: var(--ds-semantic-status-special); --ds-accent-surface: var(--ds-semantic-status-special-surface); --ds-accent-border: var(--ds-semantic-status-special-border); }
html[data-ds-v2="1"] [data-ds-accent="neutral"] { --ds-accent: var(--ds-semantic-content-secondary); --ds-accent-surface: var(--ds-semantic-surface-sunken); --ds-accent-border: var(--ds-semantic-border-subtle); }

html[data-ds-v2="1"] [data-ds-accent-role="text"],
html[data-ds-v2="1"] [data-ds-accent-role="value"],
html[data-ds-v2="1"] [data-ds-accent-role="link"] {
  color: var(--ds-accent, var(--ds-semantic-action-primary)) !important;
}

html[data-ds-v2="1"] [data-ds-accent-role="badge"],
html[data-ds-v2="1"] [data-ds-component="badge"][data-ds-accent] {
  min-height: var(--ds-component-badge-height);
  padding-inline: var(--ds-component-badge-paddinginline);
  border: 1px solid var(--ds-accent-border, var(--ds-semantic-border-subtle)) !important;
  border-radius: var(--ds-component-badge-radius) !important;
  background: var(--ds-accent-surface, var(--ds-semantic-surface-sunken)) !important;
  color: var(--ds-accent, var(--ds-semantic-content-secondary)) !important;
}

html[data-ds-v2="1"] [data-ds-accent-role="icon"],
html[data-ds-v2="1"] [data-ds-component="icon-tile"][data-ds-accent] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--ds-component-icontile-size);
  height: var(--ds-component-icontile-size);
  flex: 0 0 var(--ds-component-icontile-size);
  border: 1px solid var(--ds-accent-border, var(--ds-component-icontile-border)) !important;
  border-radius: var(--ds-component-icontile-radius) !important;
  background: var(--ds-accent-surface, var(--ds-component-icontile-background)) !important;
  color: var(--ds-accent, var(--ds-component-icontile-content)) !important;
}

html[data-ds-v2="1"] [data-ds-component="progress"] {
  height: var(--ds-component-progress-height);
  overflow: hidden;
  border-radius: var(--ds-component-progress-radius);
  background: var(--ds-component-progress-track) !important;
}

html[data-ds-v2="1"] [data-ds-component="progress"] > [data-ds-accent-role="indicator"] {
  height: 100%;
  border-radius: inherit;
  background: var(--ds-accent, var(--ds-component-progress-indicator)) !important;
}

/* CoreDashboardGrid bridge. GridStack moves each declared widget below a
 * .grid-stack-item-content wrapper, so theme selectors must target the real
 * widget rather than assume data-layout-item stays a direct child. */
html[data-ds-v2="1"] .core-dashboard-grid {
  --core-dashboard-grid-gap: var(--ds-component-dashboardgrid-gap, var(--ds-primitive-spacing-sm));
  background: var(--ds-component-dashboardgrid-canvas, transparent);
  border-radius: var(--ds-component-dashboardgrid-widget-radius, var(--ds-component-card-radius));
}

html[data-ds-v2="1"][data-ds-dashboard-surface="framed"] .core-dashboard-grid {
  box-shadow: 0 0 0 1px var(--ds-component-dashboardgrid-widget-border, var(--ds-component-card-border));
}

html[data-ds-v2="1"] .core-dashboard-grid .core-dashboard-grid__widget {
  min-height: 100%;
  box-sizing: border-box;
  border: 1px solid var(--ds-component-dashboardgrid-widget-border, var(--ds-component-card-border)) !important;
  border-radius: var(--ds-component-dashboardgrid-widget-radius, var(--ds-component-card-radius)) !important;
  background: var(--ds-component-dashboardgrid-widget-background, var(--ds-component-card-background)) !important;
  color: var(--ds-component-dashboardgrid-widget-content, var(--ds-component-card-content)) !important;
  box-shadow: var(--ds-component-dashboardgrid-widget-shadow, var(--ds-component-card-shadow)) !important;
}

html[data-ds-v2="1"] .core-dashboard-grid .core-dashboard-grid__widget[data-ds-widget-kind="kpi"] {
  border-color: var(--ds-component-dashboardgrid-kpi-border, var(--ds-component-dashboardgrid-widget-border, var(--ds-component-card-border))) !important;
  border-radius: var(--ds-component-dashboardgrid-kpi-radius, var(--ds-component-dashboardgrid-widget-radius, var(--ds-component-card-radius))) !important;
  background: var(--ds-component-dashboardgrid-kpi-background, var(--ds-component-dashboardgrid-widget-background, var(--ds-component-card-background))) !important;
  color: var(--ds-component-dashboardgrid-kpi-content, var(--ds-component-dashboardgrid-widget-content, var(--ds-component-card-content))) !important;
  box-shadow: var(--ds-component-dashboardgrid-kpi-shadow, var(--ds-component-dashboardgrid-widget-shadow, var(--ds-component-card-shadow))) !important;
}

html[data-ds-v2="1"][data-ds-dashboard-kpi="accented"] .core-dashboard-grid .core-dashboard-grid__widget[data-ds-widget-kind="kpi"] {
  border-inline-start: 3px solid var(--ds-component-dashboardgrid-kpi-accent, var(--ds-semantic-action-primary)) !important;
}

html[data-ds-v2="1"] .core-dashboard-grid .core-dashboard-grid__widget[data-ds-widget-kind="kpi"] :is(.label-mono, [data-ds-accent-role="label"]) {
  color: var(--ds-component-dashboardgrid-kpi-label, var(--ds-semantic-content-secondary)) !important;
}

html[data-ds-v2="1"] .core-dashboard-grid .core-dashboard-grid__widget[data-ds-widget-kind="kpi"] :is(.text-4xl, [data-ds-accent-role="value"]) {
  color: var(--ds-component-dashboardgrid-kpi-value, var(--ds-semantic-content-primary)) !important;
}

html[data-ds-v2="1"] .core-dashboard-grid .core-dashboard-grid__widget:is([data-ds-widget-kind="chart"], [data-ds-widget-kind="table"], [data-ds-widget-kind="list"], [data-ds-widget-kind="health"], [data-ds-widget-kind="actions"], [data-ds-widget-kind="module"]) {
  border-color: var(--ds-component-dashboardgrid-panel-border, var(--ds-component-dashboardgrid-widget-border, var(--ds-component-card-border))) !important;
  border-radius: var(--ds-component-dashboardgrid-panel-radius, var(--ds-component-dashboardgrid-widget-radius, var(--ds-component-card-radius))) !important;
  background: var(--ds-component-dashboardgrid-panel-background, var(--ds-component-dashboardgrid-widget-background, var(--ds-component-card-background))) !important;
  color: var(--ds-component-dashboardgrid-panel-content, var(--ds-component-dashboardgrid-widget-content, var(--ds-component-card-content))) !important;
  box-shadow: var(--ds-component-dashboardgrid-panel-shadow, var(--ds-component-dashboardgrid-widget-shadow, var(--ds-component-card-shadow))) !important;
}

html[data-ds-v2="1"][data-ds-dashboard-panels="quiet"] .core-dashboard-grid .core-dashboard-grid__widget:is([data-ds-widget-kind="chart"], [data-ds-widget-kind="table"], [data-ds-widget-kind="list"], [data-ds-widget-kind="health"], [data-ds-widget-kind="actions"], [data-ds-widget-kind="module"]) {
  box-shadow: none !important;
}

html[data-ds-v2="1"] .core-dashboard-grid.core-dashboard-grid--editing .grid-stack-item-content {
  outline: 1px dashed var(--ds-component-dashboardgrid-editor-outline, var(--ds-semantic-border-interactive));
  outline-offset: 3px;
}

html[data-ds-v2="1"] .core-dashboard-grid .core-dashboard-grid__handle {
  border-color: var(--ds-component-dashboardgrid-editor-handleborder, var(--ds-semantic-border-default)) !important;
  border-radius: var(--ds-component-dashboardgrid-editor-handleradius, var(--ds-primitive-rounded-sm)) !important;
  background: var(--ds-component-dashboardgrid-editor-handlebackground, var(--ds-semantic-surface-elevated)) !important;
  color: var(--ds-component-dashboardgrid-editor-handlecontent, var(--ds-semantic-content-secondary)) !important;
  box-shadow: var(--ds-component-dashboardgrid-editor-handleshadow, var(--ds-primitive-shadow-xs)) !important;
}

/* Dashboard compatibility: keep cards neutral and project the tone into the
   existing badge/value markup. Atlas keeps its theme-specific top accents. */
html[data-ds-v2="1"] #dashboard-layout > [data-ds-widget-kind="kpi"][data-ds-accent] {
  background: var(--ds-component-card-background) !important;
  color: var(--ds-component-card-content) !important;
}

html[data-ds-v2="1"] #dashboard-layout > [data-ds-widget-kind="kpi"][data-ds-accent] > button > .flex:first-child > span:last-child {
  border: 1px solid var(--ds-accent-border, var(--ds-semantic-border-subtle)) !important;
  border-radius: var(--ds-component-badge-radius) !important;
  background: var(--ds-accent-surface, var(--ds-semantic-surface-sunken)) !important;
  color: var(--ds-accent, var(--ds-semantic-content-secondary)) !important;
}

html[data-ds-v2="1"] #dashboard-layout > [data-ds-widget-kind="kpi"][data-ds-accent] > button > p.text-4xl {
  color: var(--ds-accent, var(--ds-semantic-content-primary)) !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;
}

/* CorePines modals are portalized to body, so they consume Theme V2 through
   local bridge variables instead of the workspace-only utility overrides. */
html[data-ds-v2="1"] .core-pines-modal {
  --core-pines-modal-background: var(--ds-component-modal-background);
  --core-pines-modal-content: var(--ds-component-modal-content);
  --core-pines-modal-border: var(--ds-component-modal-border, var(--ds-semantic-border-default));
  --core-pines-modal-radius: var(--ds-component-modal-radius);
  --core-pines-modal-shadow: var(--ds-component-modal-shadow);
  --core-pines-modal-backdrop: color-mix(in srgb, var(--ds-component-modal-backdrop, var(--ds-semantic-navigation-background)) 52%, transparent);
  --core-pines-button-primary-background: var(--ds-component-button-primary-background);
  --core-pines-button-primary-hover: var(--ds-component-button-primary-backgroundhover);
  --core-pines-button-primary-content: var(--ds-component-button-primary-content);
  --core-pines-button-primary-border: var(--ds-component-button-primary-border);
  --core-pines-button-primary-radius: var(--ds-component-button-primary-radius);
  --core-pines-button-primary-shadow: var(--ds-component-button-primary-shadow);
  --core-pines-button-secondary-background: var(--ds-component-button-secondary-background, var(--ds-semantic-action-secondary));
  --core-pines-button-secondary-hover: var(--ds-component-button-secondary-backgroundhover, var(--ds-semantic-action-secondary-hover));
  --core-pines-button-secondary-content: var(--ds-component-button-secondary-content, var(--ds-semantic-content-primary));
  --core-pines-button-secondary-border: var(--ds-component-button-secondary-border, var(--ds-semantic-border-default));
  --core-pines-button-secondary-radius: var(--ds-component-button-secondary-radius, var(--ds-component-button-primary-radius));
  --core-pines-button-danger-background: var(--ds-component-button-danger-background, var(--ds-semantic-action-destructive));
  --core-pines-button-danger-hover: color-mix(in srgb, var(--ds-component-button-danger-background, var(--ds-semantic-action-destructive)) 88%, var(--ds-semantic-content-primary));
  --core-pines-button-danger-content: var(--ds-component-button-danger-content, var(--ds-semantic-content-inverse));
  --core-pines-button-danger-border: var(--ds-component-button-danger-border, var(--ds-semantic-action-destructive));
  --core-pines-button-danger-radius: var(--ds-component-button-danger-radius, var(--ds-component-button-primary-radius));
  --core-pines-modal-close-background: var(--ds-component-modal-closebackground, var(--core-pines-button-secondary-background));
  --core-pines-modal-close-content: var(--ds-component-modal-closecontent, var(--core-pines-button-secondary-content));
  --core-pines-modal-close-border: var(--ds-component-modal-closeborder, var(--core-pines-button-secondary-border));
  --core-pines-input-background: var(--ds-component-input-background);
  --core-pines-input-content: var(--ds-component-input-content);
  --core-pines-input-border: var(--ds-component-input-border);
  --core-pines-input-border-focus: var(--ds-component-input-borderfocus);
  --core-pines-input-radius: var(--ds-component-input-radius);
  --core-pines-input-height: var(--ds-component-input-height);
  --core-pines-input-focus-shadow: var(--ds-component-input-focusshadow);
}

html[data-ds-v2="1"] .core-select-pines {
  --core-select-trigger-background: var(--ds-component-select-triggerbackground);
  --core-select-trigger-border: var(--ds-component-select-triggerborder);
  --core-select-trigger-content: var(--ds-component-select-triggercontent);
  --core-select-trigger-placeholder: var(--ds-component-select-triggerplaceholder);
  --core-select-trigger-radius: var(--ds-component-select-triggerradius);
  --core-select-trigger-height: var(--ds-component-select-triggerheight);
  --core-select-menu-background: var(--ds-component-select-menubackground);
  --core-select-menu-border: var(--ds-component-select-menuborder);
  --core-select-menu-radius: var(--ds-component-select-menuradius);
  --core-select-menu-shadow: var(--ds-component-select-menushadow);
  --core-select-search-background: var(--ds-component-select-searchbackground);
  --core-select-search-border: var(--ds-component-select-searchborder);
  --core-select-option-content: var(--ds-component-select-optioncontent);
  --core-select-option-muted: var(--ds-component-select-optionmuted);
  --core-select-option-hover: var(--ds-component-select-optionhover);
  --core-select-option-selected: var(--ds-component-select-optionselected);
  --core-select-option-selected-border: var(--ds-component-select-optionselectedborder);
  --core-select-focus-shadow: var(--ds-component-select-focusshadow);
}

html[data-ds-v2="1"] .core-pines-choice {
  --core-pines-choice-background: var(--ds-component-choice-background);
  --core-pines-choice-border: var(--ds-component-choice-border);
  --core-pines-choice-selected-background: var(--ds-component-choice-selectedbackground);
  --core-pines-choice-selected-border: var(--ds-component-choice-selectedborder);
  --core-pines-choice-content: var(--ds-component-choice-content);
  --core-pines-choice-description: var(--ds-component-choice-description);
  --core-pines-choice-accent: var(--ds-component-choice-accent);
  --core-pines-choice-radius: var(--ds-component-choice-radius);
  --core-pines-choice-control-size: var(--ds-component-choice-controlsize);
  --core-pines-choice-focus-shadow: var(--ds-component-choice-focusshadow);
}

html[data-ds-v2="1"] .core-pines-tabs {
  --core-pines-tabs-background: var(--ds-component-tabs-background);
  --core-pines-tabs-border: var(--ds-component-tabs-border);
  --core-pines-tabs-content: var(--ds-component-tabs-content);
  --core-pines-tabs-hover-background: var(--ds-component-tabs-hoverbackground);
  --core-pines-tabs-hover-content: var(--ds-component-tabs-hovercontent);
  --core-pines-tabs-active-background: var(--ds-component-tabs-activebackground);
  --core-pines-tabs-active-border: var(--ds-component-tabs-activeborder);
  --core-pines-tabs-active-content: var(--ds-component-tabs-activecontent);
  --core-pines-tabs-radius: var(--ds-component-tabs-radius);
  --core-pines-tabs-focus-shadow: var(--ds-component-tabs-focusshadow);
}

html[data-ds-v2="1"] .core-pines-context-menu {
  --core-pines-menu-background: var(--ds-component-menu-background);
  --core-pines-menu-border: var(--ds-component-menu-border);
  --core-pines-menu-content: var(--ds-component-menu-content);
  --core-pines-menu-hover-background: var(--ds-component-menu-hoverbackground);
  --core-pines-menu-hover-border: var(--ds-component-menu-hoverborder);
  --core-pines-menu-danger: var(--ds-component-menu-danger);
  --core-pines-menu-separator: var(--ds-component-menu-separator);
  --core-pines-menu-radius: var(--ds-component-menu-radius);
  --core-pines-menu-shadow: var(--ds-component-menu-shadow);
}

html[data-ds-v2="1"] .core-pines-hover-card {
  --core-pines-hover-card-background: var(--ds-component-hovercard-background);
  --core-pines-hover-card-border: var(--ds-component-hovercard-border);
  --core-pines-hover-card-content: var(--ds-component-hovercard-content);
  --core-pines-hover-card-muted: var(--ds-component-hovercard-muted);
  --core-pines-hover-card-action-background: var(--ds-component-hovercard-actionbackground);
  --core-pines-hover-card-action-border: var(--ds-component-hovercard-actionborder);
  --core-pines-hover-card-action-content: var(--ds-component-hovercard-actioncontent);
  --core-pines-hover-card-action-hover: var(--ds-component-hovercard-actionhoverbackground);
  --core-pines-hover-card-radius: var(--ds-component-hovercard-radius);
  --core-pines-hover-card-shadow: var(--ds-component-hovercard-shadow);
}

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

html[data-ds-v2="1"] .core-pines-tooltip-trigger {
  --core-pines-tooltip-trigger-background: var(--ds-component-tooltip-triggerbackground);
  --core-pines-tooltip-trigger-border: var(--ds-component-tooltip-triggerborder);
  --core-pines-tooltip-trigger-content: var(--ds-component-tooltip-triggercontent);
  --core-pines-tooltip-trigger-hover-background: var(--ds-component-tooltip-triggerhoverbackground);
  --core-pines-tooltip-trigger-hover-border: var(--ds-component-tooltip-triggerhoverborder);
  --core-pines-tooltip-trigger-hover-content: var(--ds-component-tooltip-triggerhovercontent);
  --core-pines-tooltip-trigger-focus-shadow: var(--ds-component-tooltip-focusshadow);
}

html[data-ds-v2="1"] [data-pines-rating-group="1"] {
  --core-pines-rating-inactive: var(--ds-component-rating-inactive);
  --core-pines-rating-active: var(--ds-component-rating-active);
  --core-pines-rating-focus-shadow: var(--ds-component-rating-focusshadow);
}

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 {
  --core-filepond-background: var(--ds-component-filepond-background);
  --core-filepond-border: var(--ds-component-filepond-border);
  --core-filepond-accent: var(--ds-component-filepond-accent);
  --core-filepond-accent-strong: var(--ds-component-filepond-accentstrong);
  --core-filepond-content: var(--ds-component-filepond-content);
  --core-filepond-inverse: var(--ds-semantic-content-inverse);
  --core-filepond-soft: var(--ds-component-filepond-soft);
  --core-filepond-radius: var(--ds-component-filepond-radius);
  --core-filepond-shadow: var(--ds-component-filepond-shadow);
}

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

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

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"] .flatpickr-calendar {
  border-color: var(--ds-component-datepicker-border) !important; border-radius: var(--ds-component-datepicker-radius) !important; background: var(--ds-component-datepicker-background) !important; color: var(--ds-component-datepicker-content) !important; box-shadow: var(--ds-component-datepicker-shadow) !important;
}

html[data-ds-v2="1"] :is(.flatpickr-day, .core-datepicker-preset) { color: var(--ds-component-datepicker-content); }
html[data-ds-v2="1"] .flatpickr-weekday { color: var(--ds-component-datepicker-muted); }
html[data-ds-v2="1"] [data-core-pines-slideover-panel="1"] { border-color: var(--ds-component-slideover-border) !important; border-radius: var(--ds-component-slideover-radius) !important; background: var(--ds-component-slideover-background) !important; color: var(--ds-component-slideover-content) !important; box-shadow: var(--ds-component-slideover-shadow) !important; }
html[data-ds-v2="1"] [data-core-pines-slideover-panel="1"] header { border-color: var(--ds-component-slideover-divider) !important; }
html[data-ds-v2="1"] [data-core-pines-slideover-panel="1"] [data-core-pines-slideover-close="1"] { border-color: var(--ds-component-slideover-border) !important; color: var(--ds-component-slideover-muted) !important; }
html[data-ds-v2="1"] [data-core-pines-slideover-backdrop="1"] { background: color-mix(in srgb, var(--ds-component-slideover-backdrop) 46%, transparent) !important; }
html[data-ds-v2="1"] .core-floating-view { --core-floating-background: var(--ds-component-floatingview-background); --core-floating-content: var(--ds-component-floatingview-content); --core-floating-muted: var(--ds-component-floatingview-muted); --core-floating-border: var(--ds-component-floatingview-border); --core-floating-divider: var(--ds-component-floatingview-divider); --core-floating-action-border: var(--ds-component-floatingview-actionborder); --core-floating-action-hover: var(--ds-component-floatingview-actionhover); --core-floating-danger: var(--ds-component-floatingview-danger); --core-floating-backdrop: color-mix(in srgb, var(--ds-component-floatingview-backdrop) 46%, transparent); --core-floating-radius: var(--ds-component-floatingview-radius); --core-floating-shadow: var(--ds-component-floatingview-shadow); }

html[data-ds-v2="1"] :is(.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange) {
  background: var(--ds-component-datepicker-selected) !important;
  color: var(--ds-component-datepicker-selectedcontent) !important;
}

html[data-ds-v2="1"] :is(.flatpickr-day:hover, .core-datepicker-preset:hover) {
  background: var(--ds-component-datepicker-hover) !important;
}

/* Editor.js is mounted through CoreRichEditor. The marker keeps the adapter
 * scoped and survives repeated HTMX initialisation without global listeners. */
html[data-ds-v2="1"] [data-core-rich-editor="1"] {
  border: 1px solid var(--ds-component-richeditor-border);
  border-radius: var(--ds-component-richeditor-radius);
  background: var(--ds-component-richeditor-background);
  color: var(--ds-component-richeditor-content);
  box-shadow: var(--ds-component-richeditor-shadow);
}

html[data-ds-v2="1"] [data-core-rich-editor="1"]:focus-within {
  border-color: var(--ds-component-richeditor-borderfocus);
  box-shadow: var(--ds-component-richeditor-focusshadow);
}

html[data-ds-v2="1"] [data-core-rich-editor="1"] :is(.codex-editor, .ce-paragraph, .cdx-block) {
  color: var(--ds-component-richeditor-content);
}

html[data-ds-v2="1"] [data-core-rich-editor="1"] :is(.ce-toolbar, .ce-toolbar__content) {
  border-color: var(--ds-component-richeditor-toolbarborder);
  background: var(--ds-component-richeditor-toolbarbackground);
  color: var(--ds-component-richeditor-toolbarcontent);
}

html[data-ds-v2="1"] [data-core-rich-editor="1"] :is(.ce-toolbar__plus, .ce-toolbar__settings-btn, .cdx-button) {
  color: var(--ds-component-richeditor-toolbarcontent);
}

html[data-ds-v2="1"] [data-core-rich-editor="1"] :is(.ce-toolbar__plus, .ce-toolbar__settings-btn, .cdx-button):hover {
  background: var(--ds-component-richeditor-toolhover);
}

html[data-ds-v2="1"] [data-core-rich-editor="1"] :is(.ce-inline-tool--active, .ce-toolbox__button--active) {
  color: var(--ds-component-richeditor-toolactive);
}

html[data-ds-v2="1"] :is(.ce-popover, .ce-popover__container, .ce-inline-toolbar, .ce-conversion-toolbar) {
  border-color: var(--ds-component-richeditor-popoverborder);
  background: var(--ds-component-richeditor-popoverbackground);
  color: var(--ds-component-richeditor-popovercontent);
  box-shadow: var(--ds-component-richeditor-shadow);
}

html[data-ds-v2="1"] :is(.ce-popover-item:hover, .ce-inline-tool:hover, .ce-conversion-tool:hover) {
  background: var(--ds-component-richeditor-toolhover);
}

html[data-ds-v2="1"] :is(.inline-code, .cdx-inline-code) {
  background: var(--ds-component-richeditor-inlinecodebackground);
}

html[data-ds-v2="1"] .cdx-marker {
  background: var(--ds-component-richeditor-markerbackground);
  color: var(--ds-component-richeditor-markercontent);
}

/* Tagify creates its suggestions outside the input wrapper, so both the
 * control and the portalized dropdown consume the same component contract. */
html[data-ds-v2="1"] .tagify {
  --tags-border-color: var(--ds-component-taginput-border);
  --tags-hover-border-color: var(--ds-component-taginput-borderfocus);
  --tags-focus-border-color: var(--ds-component-taginput-borderfocus);
  --tag-bg: var(--ds-component-taginput-tagbackground);
  --tag-hover: var(--ds-component-taginput-taghover);
  --tag-text-color: var(--ds-component-taginput-tagcontent);
  --tag-border-radius: var(--ds-component-taginput-tagradius);
  --tag-remove-btn-color: var(--ds-component-taginput-danger);
  border-radius: var(--ds-component-taginput-radius);
  background: var(--ds-component-taginput-background);
  color: var(--ds-component-taginput-content);
  box-shadow: var(--ds-component-taginput-shadow);
}

html[data-ds-v2="1"] .tagify--focus {
  box-shadow: var(--ds-component-taginput-focusshadow);
}

html[data-ds-v2="1"] .tagify__input {
  color: var(--ds-component-taginput-content);
}

html[data-ds-v2="1"] .tagify__input::before {
  color: var(--ds-component-taginput-placeholder);
}

html[data-ds-v2="1"] .tagify__tag > div {
  border: 1px solid var(--ds-component-taginput-tagborder);
  background: var(--ds-component-taginput-tagbackground);
  color: var(--ds-component-taginput-tagcontent);
}

html[data-ds-v2="1"] .tagify__dropdown {
  --tagify-dd-color-primary: var(--ds-component-taginput-optionselected);
  border: 1px solid var(--ds-component-taginput-dropdownborder);
  border-radius: var(--ds-component-taginput-radius);
  background: var(--ds-component-taginput-dropdownbackground);
  color: var(--ds-component-taginput-dropdowncontent);
  box-shadow: var(--ds-component-taginput-shadow);
}

html[data-ds-v2="1"] .tagify__dropdown__item:hover {
  background: var(--ds-component-taginput-optionhover);
}

html[data-ds-v2="1"] .tagify__dropdown__item--active {
  background: var(--ds-component-taginput-optionselected);
  color: var(--ds-component-taginput-optionselectedcontent);
}

/* FullCalendar already exposes stable variables; category-specific event
 * classes keep precedence and only the default event adopts the theme. */
html[data-ds-v2="1"] .fc {
  --fc-page-bg-color: var(--ds-component-calendar-background);
  --fc-neutral-bg-color: var(--ds-semantic-surface-sunken);
  --fc-neutral-text-color: var(--ds-component-calendar-muted);
  --fc-border-color: var(--ds-component-calendar-border);
  --fc-button-bg-color: var(--ds-component-calendar-buttonbackground);
  --fc-button-text-color: var(--ds-component-calendar-buttoncontent);
  --fc-button-border-color: var(--ds-component-calendar-buttonborder);
  --fc-button-hover-bg-color: var(--ds-component-calendar-buttonhover);
  --fc-button-hover-border-color: var(--ds-component-calendar-buttonhover);
  --fc-button-active-bg-color: var(--ds-component-calendar-buttonhover);
  --fc-button-active-border-color: var(--ds-component-calendar-buttonhover);
  --fc-event-bg-color: var(--ds-component-calendar-eventbackground);
  --fc-event-border-color: var(--ds-component-calendar-eventbackground);
  --fc-event-text-color: var(--ds-component-calendar-eventcontent);
  --fc-today-bg-color: var(--ds-component-calendar-todaybackground);
  --fc-highlight-color: var(--ds-component-calendar-selection);
  border-radius: var(--ds-component-calendar-radius);
  background: var(--ds-component-calendar-background);
  color: var(--ds-component-calendar-content);
  box-shadow: var(--ds-component-calendar-shadow);
}

/* Tabulator and its body-level popups are both covered. */
html[data-ds-v2="1"] .tabulator {
  border-color: var(--ds-component-datagrid-border);
  border-radius: var(--ds-component-datagrid-radius);
  background: var(--ds-component-datagrid-background);
  color: var(--ds-component-datagrid-content);
  box-shadow: var(--ds-component-datagrid-shadow);
}

html[data-ds-v2="1"] .tabulator .tabulator-header {
  border-color: var(--ds-component-datagrid-border);
  background: var(--ds-component-datagrid-headerbackground);
  color: var(--ds-component-datagrid-headercontent);
}

html[data-ds-v2="1"] .tabulator .tabulator-header .tabulator-col,
html[data-ds-v2="1"] .tabulator .tabulator-tableholder .tabulator-table,
html[data-ds-v2="1"] .tabulator .tabulator-row {
  border-color: var(--ds-component-datagrid-border);
  background: var(--ds-component-datagrid-background);
  color: var(--ds-component-datagrid-content);
}

html[data-ds-v2="1"] .tabulator .tabulator-row:hover {
  background: var(--ds-component-datagrid-rowhover);
}

html[data-ds-v2="1"] .tabulator .tabulator-row.tabulator-selected {
  background: var(--ds-component-datagrid-rowselected);
  color: var(--ds-component-datagrid-rowselectedcontent);
}

html[data-ds-v2="1"] .tabulator .tabulator-footer {
  border-color: var(--ds-component-datagrid-border);
  background: var(--ds-component-datagrid-footerbackground);
  color: var(--ds-component-datagrid-footercontent);
}

html[data-ds-v2="1"] :is(.tabulator-popup-container, .tabulator-menu) {
  border-color: var(--ds-component-datagrid-border);
  border-radius: var(--ds-component-datagrid-radius);
  background: var(--ds-component-datagrid-menubackground);
  color: var(--ds-component-datagrid-menucontent);
  box-shadow: var(--ds-component-datagrid-shadow);
}

html[data-ds-v2="1"] :is(.tabulator-menu-item:hover, .tabulator-menu-item:focus-visible) {
  background: var(--ds-component-datagrid-rowhover);
}

html[data-ds-v2="1"] .core-pines-context-menu__item:hover {
  background: var(--ds-component-menu-hoverbackground) !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;
  }
}

/* --- SaaS Operations Table (Minimalist & High Contrast) --- */
html[data-ds-v2="1"] [data-ds-component="table"] thead tr,
html[data-ds-v2="1"] [data-core-list] table thead tr {
  background-color: var(--ds-component-table-headerbackground);
  color: var(--ds-component-table-headercontent);
}

html[data-ds-v2="1"] [data-ds-component="table"] th,
html[data-ds-v2="1"] [data-core-list] table th {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}

html[data-ds-v2="1"] [data-ds-component="table"] tbody tr:nth-child(even),
html[data-ds-v2="1"] [data-core-list] table tbody tr:nth-child(even) {
  background-color: color-mix(in srgb, var(--color-neutral) 30%, transparent) !important;
}

html[data-ds-v2="1"] [data-ds-component="table"] tbody tr:hover,
html[data-ds-v2="1"] [data-core-list] table tbody tr:hover {
  background-color: var(--ds-component-table-rowhover) !important;
}

html[data-ds-v2="1"] [data-ds-component="table"] td,
html[data-ds-v2="1"] [data-core-list] table td {
  border-left: none !important;
  border-right: none !important;
  border-bottom-color: color-mix(in srgb, var(--color-secondary) 10%, transparent) !important;
}

/* Badge System for Data density */
html[data-ds-v2="1"] .badge-success {
  background-color: color-mix(in srgb, #10b981 15%, transparent);
  color: #047857;
  border: 1px solid color-mix(in srgb, #10b981 30%, transparent);
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-weight: 600;
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}