:root {
  --nav: var(--pluze-brand-navy);
  --nav2: color-mix(in srgb, var(--pluze-brand-navy) 82%, var(--pluze-color-text));
  --bg: var(--pluze-color-canvas);
  --card: var(--pluze-color-surface);
  --ink: var(--pluze-color-text);
  --muted: var(--pluze-color-text-muted);
  --line: var(--pluze-color-border);
  --blue: var(--pluze-action-primary);
  --blue2: var(--pluze-action-primary-hover);
  --teal: var(--pluze-status-success);
  --green: var(--pluze-status-success);
  --amber: var(--pluze-status-warning);
  --red: var(--pluze-status-danger);
  --purple: var(--pluze-action-primary);
  --shadow: var(--pluze-shadow-sm);
}

[data-pluze-theme="sereno"] .sidebar {
  color: var(--pluze-color-sidebar-on-blue);
  background: linear-gradient(160deg,
    var(--pluze-color-sidebar-blue-start),
    var(--pluze-color-sidebar-blue-end));
  border-right-color: var(--pluze-color-sidebar-line-on-blue);
  box-shadow: 0 12px 30px var(--pluze-color-sidebar-blue-shadow);
}

[data-pluze-theme="sereno"] .nav-item.active {
  color: var(--pluze-color-sidebar-active-text);
  background: var(--pluze-color-sidebar-active);
  border-color: var(--pluze-color-sidebar-active);
  box-shadow: var(--pluze-shadow-sm);
}

[data-pluze-theme="sereno"] .sidebar .brand,
[data-pluze-theme="sereno"] .sidebar .sidebar-environment {
  border-color: var(--pluze-color-sidebar-line-on-blue);
}

[data-pluze-theme="sereno"] .sidebar .brand-home,
[data-pluze-theme="sereno"] .sidebar .brand strong,
[data-pluze-theme="sereno"] .sidebar .sidebar-environment strong,
[data-pluze-theme="sereno"] .sidebar .pluze-product-switcher strong {
  color: var(--pluze-color-sidebar-on-blue);
}

[data-pluze-theme="sereno"] .sidebar .nav-group,
[data-pluze-theme="sereno"] .sidebar .brand small,
[data-pluze-theme="sereno"] .sidebar .sidebar-environment small,
[data-pluze-theme="sereno"] .sidebar .pluze-product-switcher small {
  color: var(--pluze-color-sidebar-muted-on-blue);
}

[data-pluze-theme="sereno"] .sidebar .nav-item {
  color: var(--pluze-color-sidebar-on-blue);
}

[data-pluze-theme="sereno"] .sidebar .nav-item:hover {
  color: var(--pluze-color-sidebar-on-blue);
  background: var(--pluze-color-sidebar-hover);
  border-color: var(--pluze-color-sidebar-line-on-blue);
}

[data-pluze-theme="sereno"] .sidebar .nav-item.active .nav-icon {
  color: var(--pluze-color-sidebar-on-blue);
  background: var(--pluze-color-sidebar-blue-start);
  border-color: var(--pluze-color-sidebar-blue-start);
}

[data-pluze-theme="sereno"] .btn.primary,
[data-pluze-theme="sereno"] .receivables-tabs button.active {
  border-color: var(--pluze-action-primary);
  background: var(--pluze-action-primary);
  color: var(--pluze-action-on-primary);
}

[data-pluze-theme="sereno"] .btn.primary:hover {
  border-color: var(--pluze-action-primary-hover);
  background: var(--pluze-action-primary-hover);
}

[data-pluze-theme="sereno"] .btn.success {
  border-color: var(--pluze-status-success);
  background: var(--pluze-status-success);
  color: var(--pluze-action-on-primary);
}

[data-pluze-theme="sereno"] .tab.active,
[data-pluze-theme="sereno"] .link,
[data-pluze-theme="sereno"] .operations-code {
  border-color: var(--pluze-action-primary);
  color: var(--pluze-action-primary);
}

[data-pluze-theme="sereno"] .card,
[data-pluze-theme="sereno"] .topbar,
[data-pluze-theme="sereno"] .split-stat > div {
  border-color: var(--pluze-color-border);
  background: var(--pluze-color-surface);
}

[data-pluze-theme="sereno"] .badge.blue,
[data-pluze-theme="sereno"] .status-chip.active {
  border-color: var(--pluze-color-border);
  background: var(--pluze-status-info-soft);
  color: var(--pluze-status-info);
}

[data-pluze-theme="sereno"] .badge.green,
[data-pluze-theme="sereno"] .badge.teal {
  background: var(--pluze-status-success-soft);
  color: var(--pluze-status-success);
}

[data-pluze-theme="sereno"] .badge.amber {
  background: var(--pluze-status-warning-soft);
  color: var(--pluze-status-warning);
}

[data-pluze-theme="sereno"] .badge.red {
  background: var(--pluze-status-danger-soft);
  color: var(--pluze-status-danger);
}

[data-pluze-theme="sereno"] input:focus-visible,
[data-pluze-theme="sereno"] select:focus-visible,
[data-pluze-theme="sereno"] textarea:focus-visible,
[data-pluze-theme="sereno"] button:focus-visible,
[data-pluze-theme="sereno"] a:focus-visible {
  outline: 3px solid var(--pluze-action-focus-ring);
  outline-offset: 2px;
}

[data-pluze-theme="sereno"] .sidebar .pluze-product-switcher {
  color: var(--pluze-color-sidebar-on-blue);
  border-color: var(--pluze-color-sidebar-line-on-blue);
  background: var(--pluze-color-sidebar-icon-bg);
  box-shadow: none;
}

[data-pluze-theme="sereno"] .sidebar .pluze-product-switcher__mark {
  border-color: var(--pluze-color-sidebar-active);
  background: var(--pluze-color-sidebar-active);
  color: var(--pluze-color-sidebar-active-text);
}

[data-pluze-theme="sereno"] .sidebar .pluze-product-switcher select {
  border-color: var(--pluze-color-sidebar-active);
  background: var(--pluze-color-sidebar-active);
  color: var(--pluze-color-sidebar-active-text);
}

[data-pluze-theme="sereno"] .sidebar .pluze-product-switcher__field::after {
  color: var(--pluze-color-sidebar-active-text);
}

[data-pluze-theme="sereno"] .sidebar .pluze-product-switcher select:hover,
[data-pluze-theme="sereno"] .sidebar .pluze-product-switcher select:focus-visible {
  border-color: var(--pluze-color-sidebar-on-blue);
}

@media (prefers-reduced-motion: reduce) {
  [data-pluze-theme="sereno"] *,
  [data-pluze-theme="sereno"] *::before,
  [data-pluze-theme="sereno"] *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}