@font-face {
  font-family: "Inter Variable";
  src: url("/cfo/_shared/assets/inter-clean.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

html[data-style="clean"] {
  --cc-clean-accent: #7c3aed;
  --cc-clean-accent-strong: #6d28d9;
  --cc-clean-accent-soft: rgba(124, 58, 237, .11);
}

html[data-style="clean"][data-theme="light"] {
  color-scheme: light;
  --cc-clean-bg: #f7f7f8;
  --cc-clean-panel: #ffffff;
  --cc-clean-panel-2: #f6f6f7;
  --cc-clean-panel-3: #ececef;
  --cc-clean-text: #171717;
  --cc-clean-muted: #6b6b6f;
  --cc-clean-line: #dedee3;
  --cc-clean-line-strong: #cfcfd5;
  --cc-clean-shadow: 0 10px 30px rgba(15, 15, 20, .07);
  --cc-clean-accent-text: #6d28d9;
  --cc-clean-sidebar: #f9f9f9;
  --cc-clean-nav-text: #0d0d0d;
  --cc-clean-nav-muted: #5d5d5d;
  --cc-clean-nav-highlight: #ececec;
  --cc-clean-nav-focus: #b4b4b4;
}

html[data-style="clean"][data-theme="dark"] {
  color-scheme: dark;
  --cc-clean-bg: #0d0d0d;
  --cc-clean-panel: #171717;
  --cc-clean-panel-2: #212121;
  --cc-clean-panel-3: #2f2f2f;
  --cc-clean-text: #f2f2f2;
  --cc-clean-muted: #a6a6a6;
  --cc-clean-line: #3a3a3a;
  --cc-clean-line-strong: #4a4a4a;
  --cc-clean-shadow: 0 14px 36px rgba(0, 0, 0, .24);
  --cc-clean-accent-text: #b69aff;
  --cc-clean-sidebar: #171717;
  --cc-clean-nav-text: #ececec;
  --cc-clean-nav-muted: #b4b4b4;
  --cc-clean-nav-highlight: #2f2f2f;
  --cc-clean-nav-focus: #676767;
}

html[data-style="clean"][data-theme] body,
html[data-style="clean"][data-theme] body * {
  font-family: "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html[data-style="clean"] body {
  font-optical-sizing: auto;
  font-weight: 400;
}

html[data-style="clean"] :is(h1, h2, h3, h4, strong, button, .nav-label, .eyebrow) {
  letter-spacing: -.012em;
}

html[data-style="clean"] body,
html[data-style="clean"] :is(.sales-app, .legal-app, .hr-app, .it-app, .app-shell) {
  --bg: var(--cc-clean-bg);
  --page: var(--cc-clean-bg);
  --app-bg: var(--cc-clean-bg);
  --surface: var(--cc-clean-panel);
  --surface-1: var(--cc-clean-panel);
  --surface-2: var(--cc-clean-panel-2);
  --surface-3: var(--cc-clean-panel-3);
  --panel: var(--cc-clean-panel);
  --panel-2: var(--cc-clean-panel-2);
  --panel-3: var(--cc-clean-panel-3);
  --bg-soft: var(--cc-clean-panel-2);
  --panel-soft: var(--cc-clean-panel-2);
  --panel-strong: var(--cc-clean-panel);
  --ink: var(--cc-clean-text);
  --text: var(--cc-clean-text);
  --muted: var(--cc-clean-muted);
  --muted-2: var(--cc-clean-muted);
  --line: var(--cc-clean-line);
  --border: var(--cc-clean-line);
  --border-strong: var(--cc-clean-line-strong);
  --line-strong: var(--cc-clean-line-strong);
  --primary: var(--cc-clean-accent);
  --primary-2: var(--cc-clean-accent-text);
  --primary-soft: var(--cc-clean-accent-soft);
  --accent: var(--cc-clean-accent);
  --accent-action: var(--cc-clean-accent-strong);
  --violet: var(--cc-clean-accent);
  --violet-2: var(--cc-clean-accent-text);
  --violet-strong: var(--cc-clean-accent-strong);
  --violet-soft: #c4a7ff;
  --pink: var(--cc-clean-accent);
  --pink-2: var(--cc-clean-accent-text);
  --pink-soft: var(--cc-clean-accent-soft);
  --purple: var(--cc-clean-accent);
  --purple-2: var(--cc-clean-accent-text);
  --purple-3: #c4a7ff;
  --purple-soft: var(--cc-clean-accent-soft);
  --shadow: var(--cc-clean-shadow);
  --shadow-soft: var(--cc-clean-shadow);
  color: var(--cc-clean-text);
  background: var(--cc-clean-bg);
  background-image: none;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) {
  color: var(--cc-clean-text) !important;
  background: var(--cc-clean-sidebar) !important;
  background-image: none !important;
  border-color: var(--cc-clean-line) !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is(.topbar, .app-topbar, .portal-topbar) {
  color: var(--cc-clean-text) !important;
  background: color-mix(in srgb, var(--cc-clean-panel) 94%, transparent) !important;
  background-image: none !important;
  border-color: var(--cc-clean-line) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}

html[data-style="clean"] :is(.card, .panel, .metric-card, .kpi-card, .priority-card, .hero-panel, .overview-card, .rail-card, .right-card, .table-card, .content-card, .quick-card, .modal, .drawer, .assistant-panel, .assistant-drawer, .ai-panel) {
  border-color: var(--cc-clean-line) !important;
  background-color: var(--cc-clean-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is(.nav-item, .sidebar button, .portal-sidebar button) {
  box-shadow: none !important;
}

html[data-style="clean"] :is(.nav-item, .sidebar .nav-item, .portal-sidebar .nav-item) {
  min-height: 46px;
  color: var(--cc-clean-nav-text) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2;
  letter-spacing: -.012em !important;
}

/* CFO renders the visible label inside <strong>; override the Signature rule
   on the element that actually paints the text so it matches CEO Clean. */
html[data-style="clean"] .sidebar .nav-item .nav-item-copy,
html[data-style="clean"] .sidebar .nav-item .nav-item-copy strong {
  color: inherit !important;
  font-family: "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  letter-spacing: -.012em !important;
}

html[data-style="clean"] :is(.nav-label, .sidebar-section-label, .sidebar-group-title, .nav-section-title) {
  color: var(--cc-clean-muted) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: .075em !important;
  text-transform: none !important;
}

/* Feedback and support belongs to the navigation family in Clean mode. */
html[data-style="clean"] .sidebar .cc-feedback-nav {
  min-height: 46px !important;
  padding: 10px 12px !important;
  color: var(--cc-clean-nav-text) !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  letter-spacing: -.012em !important;
}

html[data-style="clean"] .sidebar .cc-feedback-nav span {
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
}

html[data-style="clean"] .sidebar .cc-feedback-nav svg {
  color: inherit !important;
  stroke: currentColor !important;
}

html[data-style="clean"] .sidebar .cc-feedback-nav:hover {
  color: var(--cc-clean-nav-text) !important;
  background: var(--cc-clean-nav-highlight) !important;
}

html[data-style="clean"] .sidebar .cc-feedback-nav:hover svg {
  color: inherit !important;
}

/* Signature deliberately inverts finance cards on hover. Clean keeps the
   current theme surface and foreground so neither theme loses contrast. */
html[data-style="clean"] :is(.kpi-card, .recommendation, .formula-card, .admin-correction-card, .alert-row):is(:hover, :focus-visible) {
  color: var(--cc-clean-text) !important;
  background: var(--cc-clean-panel-2) !important;
  background-color: var(--cc-clean-panel-2) !important;
  border-color: color-mix(in srgb, var(--cc-clean-accent) 42%, var(--cc-clean-line)) !important;
}

html[data-style="clean"] :is(.kpi-card, .recommendation, .formula-card, .admin-correction-card, .alert-row):is(:hover, :focus-visible)
  :is(h1, h2, h3, h4, strong, .kpi-value, .recommendation-title) {
  color: var(--cc-clean-text) !important;
}

html[data-style="clean"] :is(.kpi-card, .recommendation, .formula-card, .admin-correction-card, .alert-row):is(:hover, :focus-visible)
  :is(p, small, .kpi-label, .kpi-meta, .recommendation small, .formula-card span, .alert-row p) {
  color: var(--cc-clean-muted) !important;
}

html[data-style="clean"] :is(.topbar h1, .app-topbar h1, .portal-topbar h1, .shell-greeting h1) {
  font-size: 21px !important;
  font-weight: 650 !important;
  line-height: 1.2;
}

html[data-style="clean"] :is(.topbar p, .app-topbar p, .portal-topbar p, .shell-greeting p) {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4;
}

html[data-style="clean"] :is(.profile strong, .user-mini strong, .user-profile strong, .profile-button strong) {
  font-size: 13px !important;
  font-weight: 650 !important;
}

html[data-style="clean"] :is(.profile small, .user-mini small, .user-profile small, .profile-button small) {
  font-size: 11px !important;
  font-weight: 400 !important;
}

html[data-style="clean"] :is(.nav-item.active, .sidebar button.active, .portal-sidebar button.active) {
  color: var(--cc-clean-nav-text) !important;
  border-color: transparent !important;
  background: var(--cc-clean-nav-highlight) !important;
  background-image: none !important;
}

html[data-style="clean"] :is(.button:not(.secondary):not(.success):not(.danger), .primary-button, button.primary, .btn-primary, [data-variant="primary"]) {
  color: #ffffff !important;
  border-color: var(--cc-clean-accent-strong) !important;
  background: var(--cc-clean-accent) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is(.button.secondary, .secondary-button, button.secondary, .btn-secondary) {
  color: var(--cc-clean-text) !important;
  border-color: var(--cc-clean-line) !important;
  background: var(--cc-clean-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is(input, textarea, select) {
  color: var(--cc-clean-text);
  border-color: var(--cc-clean-line);
  background: var(--cc-clean-panel-2);
}

.brand-logo-clean { display: none; }

html[data-style="clean"][data-theme="light"] .brand-logo-signature { display: none !important; }

html[data-style="clean"][data-theme="light"] .brand-logo-clean {
  display: block !important;
  width: 154px;
  height: 52px;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-style="clean"][data-theme="light"] .cc-sidebar-logo {
  content: url("/cfo/_shared/assets/cybercompany-navigation-purple.svg?v=2") !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-style="clean"] :is(.cc-sidebar-brand, .cc-sidebar-brand:hover, .cc-sidebar-brand:focus-visible) {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-style="clean"][data-theme="dark"] .brand-logo-signature {
  display: block !important;
  filter: none !important;
}

html[data-style="clean"] .ccuc-menu,
html[data-style="clean"] .ccuc-overlay {
  --ccuc-accent: var(--cc-clean-accent);
  --ccuc-icon-accent: #c4a7ff;
  --ccuc-icon-soft: rgba(124, 58, 237, .15);
  font-family: "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html[data-style="clean"] :is(.user-settings-nav button > span, .settings-card-title > span, .profile-menu-icon) {
  color: var(--cc-clean-accent) !important;
  background: var(--cc-clean-accent-soft) !important;
}

html[data-style="clean"] .profile-menu-icon {
  background: rgba(124, 58, 237, .15) !important;
}

html[data-style="clean"] .profile-menu {
  color: #202333 !important;
  border-color: #e1e5ed !important;
  background: #ffffff !important;
  box-shadow: 0 24px 70px rgba(16, 24, 40, .24) !important;
}

html[data-style="clean"][data-theme="dark"] .profile-menu {
  color: #f3f5f8 !important;
  border-color: #373b49 !important;
  background: #1d1f2a !important;
  box-shadow: 0 26px 80px rgba(0, 0, 0, .5) !important;
}

html[data-style="clean"] .profile-menu-head {
  color: #202333 !important;
  border-color: #e1e5ed !important;
}

html[data-style="clean"][data-theme="dark"] .profile-menu-head {
  color: #f3f5f8 !important;
  border-color: #373b49 !important;
}

html[data-style="clean"] .profile-menu-head img {
  border-color: color-mix(in srgb, var(--cc-clean-accent) 68%, white) !important;
}

html[data-style="clean"] .profile-menu-head small {
  color: #6f7688 !important;
}

html[data-style="clean"][data-theme="dark"] .profile-menu-head small {
  color: #a4abba !important;
}

html[data-style="clean"] .profile-menu :is(button, a) {
  color: #202333 !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}

html[data-style="clean"][data-theme="dark"] .profile-menu :is(button, a) {
  color: #f3f5f8 !important;
}

html[data-style="clean"] .profile-menu :is(button, a):hover {
  color: #202333 !important;
  background: #f7f8fb !important;
}

html[data-style="clean"][data-theme="dark"] .profile-menu :is(button, a):hover {
  color: #f3f5f8 !important;
  background: #252835 !important;
}

html[data-style="clean"] .profile-menu-separator {
  background: #e1e5ed !important;
}

html[data-style="clean"][data-theme="dark"] .profile-menu-separator {
  background: #373b49 !important;
}

html[data-style="clean"][data-theme="dark"] .profile-menu-icon {
  color: #c4a7ff !important;
  background: rgba(124, 58, 237, .15) !important;
}

html[data-style="clean"] .profile-menu .danger {
  color: #fb7185 !important;
}

html[data-style="clean"] .settings-section-heading span {
  color: var(--cc-clean-accent-strong) !important;
}

html[data-style="clean"] .user-settings-modal .settings-segmented button.active {
  color: #ffffff !important;
  border-color: var(--cc-clean-accent-strong) !important;
  background: var(--cc-clean-accent) !important;
  box-shadow: none !important;
}

html[data-style="clean"] .user-settings-panel {
  scrollbar-color: var(--cc-clean-accent) var(--cc-clean-panel-3) !important;
}

html[data-style="clean"] .user-settings-panel::-webkit-scrollbar-thumb {
  background: var(--cc-clean-accent) !important;
}

/* Shared Clean feedback and support surface. */
html[data-style="clean"] .cc-feedback-dialog {
  --cc-fg: var(--cc-clean-text);
  --cc-bg: var(--cc-clean-panel);
  --cc-field: var(--cc-clean-panel-2);
  --cc-line: var(--cc-clean-line);
  --cc-muted: var(--cc-clean-muted);
  color: var(--cc-clean-text) !important;
  border-color: var(--cc-clean-line) !important;
  background: var(--cc-clean-panel) !important;
  box-shadow: var(--cc-clean-shadow) !important;
  font-family: "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html[data-style="clean"] .cc-feedback-dialog *,
html[data-style="clean"] .cc-feedback-dialog :is(input, textarea, button) {
  font-family: "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html[data-style="clean"] .cc-feedback-shell > header {
  color: var(--cc-clean-text) !important;
  border-color: var(--cc-clean-line) !important;
  background: var(--cc-clean-panel-2) !important;
}

html[data-style="clean"] .cc-feedback-shell > header small {
  color: var(--cc-clean-accent-text) !important;
}

html[data-style="clean"] .cc-feedback-shell > header p,
html[data-style="clean"] .cc-feedback-upload small {
  color: var(--cc-clean-muted) !important;
}

html[data-style="clean"] :is(.cc-feedback-form input, .cc-feedback-form textarea, .cc-feedback-category-toggle, .cc-feedback-attach, .cc-feedback-identity) {
  color: var(--cc-clean-text) !important;
  border-color: var(--cc-clean-line) !important;
  background: var(--cc-clean-panel-2) !important;
}

html[data-style="clean"] .cc-feedback-options {
  border-color: var(--cc-clean-line) !important;
  background: var(--cc-clean-panel) !important;
  box-shadow: var(--cc-clean-shadow) !important;
}

html[data-style="clean"] .cc-feedback-options button {
  color: var(--cc-clean-text) !important;
}

html[data-style="clean"] .cc-feedback-options :is(button:hover, [aria-selected="true"]) {
  color: var(--cc-clean-accent-text) !important;
  background: var(--cc-clean-accent-soft) !important;
}

html[data-style="clean"] .cc-feedback-files > div {
  border-color: var(--cc-clean-line) !important;
}

html[data-style="clean"] .cc-feedback-files img {
  background: var(--cc-clean-panel-2) !important;
}

html[data-style="clean"] .cc-feedback-form footer button {
  color: var(--cc-clean-text) !important;
  border-color: var(--cc-clean-line) !important;
  background: var(--cc-clean-panel-2) !important;
}

html[data-style="clean"] .cc-feedback-form footer .cc-feedback-save {
  color: #ffffff !important;
  border-color: var(--cc-clean-accent-strong) !important;
  background: var(--cc-clean-accent) !important;
}

html[data-style="clean"] .cc-feedback-form footer .cc-feedback-contact {
  color: var(--cc-clean-text) !important;
  border-color: var(--cc-clean-line) !important;
}

html[data-style="clean"] .cc-feedback-dialog :is(input, textarea, button):focus-visible {
  outline-color: var(--cc-clean-accent-text) !important;
}

@media (max-width: 900px) {
  html[data-style="clean"] .cc-mobile-bottom-nav {
    border-color: color-mix(in srgb, var(--cc-clean-line) 80%, transparent) !important;
    background: color-mix(in srgb, var(--cc-clean-panel) 76%, transparent) !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .16) !important;
    backdrop-filter: blur(28px) saturate(175%);
    -webkit-backdrop-filter: blur(28px) saturate(175%);
  }
}

/* The small high-priority label must remain readable on pale red surfaces. */
html[data-style="clean"][data-theme="light"] .priority-level[style*="var(--red)"] {
  color: #a51f3a !important;
}

/* The CFO mobile shell follows the approved CEO Clean glass geometry. */
@media (max-width: 1000px) {
  html[data-style="clean"] .mobile-bottom-nav {
    left: 10px !important;
    right: 10px !important;
    bottom: calc(9px + env(safe-area-inset-bottom)) !important;
    border-color: color-mix(in srgb, var(--cc-clean-line) 68%, white 20%) !important;
    border-radius: 24px !important;
    background: color-mix(in srgb, var(--cc-clean-panel) 70%, transparent) !important;
    box-shadow: 0 18px 48px rgba(5, 5, 12, .18), inset 0 1px rgba(255, 255, 255, .26) !important;
    backdrop-filter: blur(28px) saturate(175%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(175%) !important;
  }

  html[data-style="clean"][data-theme="dark"] .mobile-bottom-nav {
    border-color: rgba(255, 255, 255, .12) !important;
    background: rgba(32, 33, 39, .70) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .42), inset 0 1px rgba(255, 255, 255, .10) !important;
  }

  html[data-style="clean"] .mobile-nav-item {
    color: var(--cc-clean-muted) !important;
    border-radius: 17px !important;
    touch-action: manipulation;
    pointer-events: auto;
  }

  html[data-style="clean"] .mobile-nav-item > * {
    pointer-events: none;
  }

  html[data-style="clean"] .mobile-nav-item.active {
    color: var(--cc-clean-accent-text) !important;
    background: var(--cc-clean-accent-soft) !important;
  }
}

/* CFO contrast pass — semantic colours remain meaningful, but every label and
   action meets the Clean Light/Dark reading standard. */
html[data-style="clean"][data-theme="light"] body {
  --green: #087653;
  --orange: #984800;
  --red: #c52f4b;
  --blue: #2450b8;
}

html[data-style="clean"][data-theme="dark"] body {
  --green: #68deb0;
  --orange: #ffc078;
  --red: #ff98aa;
  --blue: #9bb6ff;
}

html[data-style="clean"] .control-card {
  color: var(--cc-clean-text) !important;
  border-color: var(--cc-clean-line) !important;
  background: var(--cc-clean-panel) !important;
  background-image: none !important;
}

html[data-style="clean"] :is(.control-title, .control-title strong) {
  color: var(--cc-clean-text) !important;
}

html[data-style="clean"] .control-card p {
  color: var(--cc-clean-muted) !important;
}

html[data-style="clean"][data-theme="light"] :is(.status-good, .status-live) { color: #075f43 !important; }
html[data-style="clean"][data-theme="light"] .status-warn { color: #884000 !important; }
html[data-style="clean"][data-theme="light"] .status-risk { color: #a51f3a !important; }
html[data-style="clean"][data-theme="light"] .status-info { color: #244aa5 !important; }

html[data-style="clean"][data-theme="dark"] :is(.status-good, .status-live) { color: #68deb0 !important; }
html[data-style="clean"][data-theme="dark"] .status-warn { color: #ffc078 !important; }
html[data-style="clean"][data-theme="dark"] .status-risk { color: #ff98aa !important; }
html[data-style="clean"][data-theme="dark"] .status-info { color: #9bb6ff !important; }

html[data-style="clean"][data-theme="dark"] :is(
  .eyebrow,
  .rail-link,
  .table-action,
  .alert-action,
  .cc-editor-launch-label,
  .count-badge,
  .workbench-kicker,
  .status-purple,
  .range-value,
  .recommendation-number,
  .anomaly-queue-title > span,
  .segmented button.active
) {
  color: var(--cc-clean-accent-text) !important;
}

html[data-style="clean"][data-theme="dark"] .recommendation small[style*="var(--purple)"] {
  color: var(--cc-clean-accent-text) !important;
}

html[data-style="clean"][data-theme="dark"] .confidence-badge {
  color: #9bb6ff !important;
}

html[data-style="clean"] .anomaly-panel-title > div > span {
  color: #ffffff !important;
}

html[data-style="clean"] .anomaly-decision-copy > span {
  color: #ffffff !important;
  background: #087653 !important;
}

html[data-style="clean"][data-theme="dark"] .kpi-trend[style*="var(--purple)"],
html[data-style="clean"][data-theme="dark"] .priority-level[style*="var(--purple)"] {
  color: var(--cc-clean-accent-text) !important;
}

html[data-style="clean"][data-theme="dark"] .kpi-trend[style*="var(--green)"],
html[data-style="clean"][data-theme="dark"] .priority-level[style*="var(--green)"] {
  color: #68deb0 !important;
}

html[data-style="clean"][data-theme="dark"] .kpi-trend[style*="var(--orange)"],
html[data-style="clean"][data-theme="dark"] .priority-level[style*="var(--orange)"] {
  color: #ffc078 !important;
}

html[data-style="clean"][data-theme="dark"] .kpi-trend[style*="var(--red)"],
html[data-style="clean"][data-theme="dark"] .priority-level[style*="var(--red)"] {
  color: #ff98aa !important;
}

html[data-style="clean"][data-theme="dark"] .kpi-trend[style*="var(--blue)"],
html[data-style="clean"][data-theme="dark"] .priority-level[style*="var(--blue)"] {
  color: #9bb6ff !important;
}

html[data-style="clean"] .notification-count {
  color: #ffffff !important;
  background: #b91c1c !important;
}

html[data-style="clean"] .cc-editor-launch-label {
  color: #ffffff !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html[data-style="clean"] :is(.topbar, .app-topbar, .portal-topbar, .cc-mobile-bottom-nav, .mobile-bottom-nav) {
    background: var(--cc-clean-panel) !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-style="clean"] :is(.topbar, .app-topbar, .portal-topbar, .cc-mobile-bottom-nav, .mobile-bottom-nav) {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: var(--cc-clean-panel) !important;
  }
}

/* CFO Clean parity ---------------------------------------------------------
   The CFO Signature skin intentionally uses gold and navy. In Clean mode the
   shell, actions and decorative accents follow the same neutral + CC violet
   system as the approved CEO module. Financial status colours stay semantic. */

html[data-style="clean"] #cc-editor-launch,
html[data-style="clean"] :is(.icon-button, .language-toggle) {
  color: var(--cc-clean-text) !important;
  border-color: var(--cc-clean-line) !important;
  background: var(--cc-clean-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] #cc-editor-launch {
  color: var(--cc-clean-accent) !important;
}

html[data-style="clean"] .language-toggle strong,
html[data-style="clean"] .language-menu button strong {
  color: var(--cc-clean-text) !important;
}

html[data-style="clean"] .language-toggle[aria-expanded="true"] {
  border-color: var(--cc-clean-accent) !important;
  box-shadow: 0 0 0 3px var(--cc-clean-accent-soft) !important;
}

html[data-style="clean"] .language-menu button:hover,
html[data-style="clean"] .language-menu button[aria-current="true"] {
  color: var(--cc-clean-text) !important;
  background: var(--cc-clean-accent-soft) !important;
}

html[data-style="clean"] .cc-assistant-selector {
  min-height: 48px !important;
  height: auto !important;
  grid-template-columns: 34px minmax(0, 1fr) 16px !important;
  gap: 8px !important;
  padding: 6px 8px !important;
  color: var(--cc-clean-text) !important;
  border-color: var(--cc-clean-line) !important;
  background: var(--cc-clean-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] .cc-assistant-selector:hover,
html[data-style="clean"] .cc-assistant-selector[aria-expanded="true"] {
  border-color: color-mix(in srgb, var(--cc-clean-accent) 48%, var(--cc-clean-line)) !important;
  background: var(--cc-clean-panel-2) !important;
}

html[data-style="clean"] .cc-selector-mark {
  border-color: color-mix(in srgb, var(--cc-clean-accent) 34%, var(--cc-clean-line)) !important;
  background: var(--cc-clean-accent-soft) !important;
  box-shadow: none !important;
}

html[data-style="clean"] .cc-selector-chevron {
  color: var(--cc-clean-muted) !important;
}

html[data-style="clean"] .cc-sidebar-return-label strong {
  color: var(--cc-clean-text) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

html[data-style="clean"] .cc-sidebar-return-label small {
  color: var(--cc-clean-muted) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: .035em !important;
}

html[data-style="clean"] .cc-assistants-menu {
  width: 292px !important;
  max-width: calc(100vw - 36px) !important;
  max-height: min(60vh, 540px) !important;
  padding: 7px !important;
  color: var(--cc-clean-text) !important;
  border-color: var(--cc-clean-line) !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--cc-clean-panel) 97%, transparent) !important;
  box-shadow: 0 16px 42px rgba(15, 15, 25, .14) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  scrollbar-color: var(--cc-clean-accent) transparent !important;
}

html[data-style="clean"] .cc-assistants-heading {
  padding: 7px 8px 9px !important;
  color: var(--cc-clean-muted) !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
}

html[data-style="clean"] .cc-assistant-option {
  min-height: 52px !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  gap: 9px !important;
  padding: 6px 7px !important;
  color: var(--cc-clean-text) !important;
  border-radius: 10px !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] .cc-assistant-option:hover,
html[data-style="clean"] .cc-assistant-option.active {
  color: var(--cc-clean-text) !important;
  background: var(--cc-clean-accent-soft) !important;
  background-image: none !important;
}

html[data-style="clean"] .cc-assistant-option.active {
  box-shadow: inset 2px 0 0 var(--cc-clean-accent) !important;
}

html[data-style="clean"] .cc-assistant-avatar {
  width: 44px !important;
  height: 40px !important;
  color: var(--cc-clean-accent-text) !important;
  border-color: var(--cc-clean-line) !important;
  border-radius: 10px !important;
  background: var(--cc-clean-accent-soft) !important;
  box-shadow: none !important;
}

html[data-style="clean"] .cc-assistant-avatar img {
  width: 50px !important;
  height: 40px !important;
  filter: none !important;
}

html[data-style="clean"] .cc-assistant-copy strong {
  color: var(--cc-clean-text) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}

html[data-style="clean"] .cc-assistant-copy small {
  color: var(--cc-clean-muted) !important;
  font-size: 8px !important;
  font-weight: 400 !important;
}

html[data-style="clean"] :is(.sidebar-action, .full-button, .scenario-button.active, .settings-primary) {
  color: #ffffff !important;
  border-color: var(--cc-clean-accent-strong) !important;
  background: var(--cc-clean-accent) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is(.sidebar-action, .full-button, .scenario-button.active, .settings-primary):hover {
  color: #ffffff !important;
  background: var(--cc-clean-accent-strong) !important;
}

html[data-style="clean"] .full-button.secondary-action {
  color: var(--cc-clean-text) !important;
  border: 1px solid var(--cc-clean-line) !important;
  background: var(--cc-clean-panel-2) !important;
}

html[data-style="clean"] .hero-brief {
  color: var(--cc-clean-text) !important;
  border: 1px solid var(--cc-clean-line) !important;
  background: var(--cc-clean-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] .hero-brief::after {
  background: radial-gradient(circle, var(--cc-clean-accent-soft), transparent 68%) !important;
  opacity: .85;
}

html[data-style="clean"] .hero-brief-label {
  color: var(--cc-clean-muted) !important;
}

html[data-style="clean"] .hero-brief-label span {
  color: var(--cc-clean-accent) !important;
  border: 1px solid color-mix(in srgb, var(--cc-clean-accent) 28%, var(--cc-clean-line)) !important;
  background: var(--cc-clean-accent-soft) !important;
}

html[data-style="clean"] .hero-brief p {
  color: var(--cc-clean-muted) !important;
}

html[data-style="clean"] .hero-primary {
  color: #ffffff !important;
  border: 1px solid var(--cc-clean-accent-strong) !important;
  background: var(--cc-clean-accent) !important;
  box-shadow: none !important;
}

html[data-style="clean"] .hero-secondary {
  color: var(--cc-clean-text) !important;
  border-color: var(--cc-clean-line) !important;
  background: var(--cc-clean-panel-2) !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is(.right-rail .rail-icon, .workbench-kicker) {
  color: var(--cc-clean-accent) !important;
}

html[data-style="clean"] .right-rail .rail-icon {
  border: 1px solid color-mix(in srgb, var(--cc-clean-accent) 28%, var(--cc-clean-line)) !important;
  background: var(--cc-clean-accent-soft) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] .source-icon {
  color: var(--cc-clean-accent) !important;
  border-color: color-mix(in srgb, var(--cc-clean-accent) 28%, var(--cc-clean-line)) !important;
  background: var(--cc-clean-accent-soft) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is([stroke="#eab308"], [stroke="#fde047"]) {
  stroke: var(--cc-clean-accent) !important;
}

html[data-style="clean"] :is([fill="#eab308"], [fill="#fde047"]) {
  fill: var(--cc-clean-accent) !important;
}

html[data-style="clean"] .legend-dot[style*="#eab308"] {
  background: var(--cc-clean-accent) !important;
}

html[data-style="clean"] .nav-badge,
html[data-style="clean"] .anomaly-queue-title > span {
  color: var(--cc-clean-accent) !important;
  background: var(--cc-clean-accent-soft) !important;
}

html[data-style="clean"] .brief-paper::before {
  background: var(--cc-clean-accent) !important;
}

html[data-style="clean"] .anomaly-step.is-current > span {
  color: #ffffff !important;
  border-color: var(--cc-clean-accent) !important;
  background: var(--cc-clean-accent) !important;
  box-shadow: 0 0 0 5px var(--cc-clean-accent-soft) !important;
}

html[data-style="clean"] .assistant-launch {
  border-color: color-mix(in srgb, var(--cc-clean-accent) 46%, var(--cc-clean-line)) !important;
  background: var(--cc-clean-accent-soft) !important;
  background-image: none !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .24) !important;
}

html[data-style="clean"] .assistant-launch:hover,
html[data-style="clean"] .assistant-launch:focus-visible {
  border-color: var(--cc-clean-accent) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .28) !important;
}

html[data-style="clean"] .assistant-launch > span {
  border-color: var(--cc-clean-panel) !important;
}

html[data-style="clean"] .assistant-dock {
  color: var(--cc-clean-text) !important;
  border-color: var(--cc-clean-line) !important;
  background: var(--cc-clean-panel) !important;
  box-shadow: var(--cc-clean-shadow) !important;
}

html[data-style="clean"] .assistant-head {
  color: var(--cc-clean-text) !important;
  border-color: var(--cc-clean-line) !important;
  background: var(--cc-clean-panel-2) !important;
}

html[data-style="clean"] .assistant-orb {
  border-color: color-mix(in srgb, var(--cc-clean-accent) 34%, var(--cc-clean-line)) !important;
  background: var(--cc-clean-accent-soft) !important;
}

html[data-style="clean"] .assistant-identity strong,
html[data-style="clean"] .assistant-close {
  color: var(--cc-clean-text) !important;
}

html[data-style="clean"] .assistant-identity small {
  color: var(--cc-clean-muted) !important;
}

html[data-style="clean"] .assistant-close {
  border-color: var(--cc-clean-line) !important;
  background: var(--cc-clean-panel) !important;
}

html[data-style="clean"] .assistant-messages {
  color: var(--cc-clean-text) !important;
  border-color: var(--cc-clean-line) !important;
  border-left-color: var(--cc-clean-accent) !important;
  background: var(--cc-clean-panel-2) !important;
}

html[data-style="clean"] .assistant-support {
  color: var(--cc-clean-accent) !important;
  border-color: color-mix(in srgb, var(--cc-clean-accent) 38%, var(--cc-clean-line)) !important;
}

html[data-style="clean"] :is(.settings-toggle-row input:checked + i, .profile-photo-preview) {
  border-color: var(--cc-clean-accent) !important;
}

html[data-style="clean"] .settings-toggle-row input:checked + i {
  background: var(--cc-clean-accent) !important;
}

html[data-style="clean"] :is(.mobile-nav-item.active, .cc-mobile-bottom-nav button.active) {
  color: var(--cc-clean-accent-text) !important;
  background: var(--cc-clean-accent-soft) !important;
}

/* CFO components use the same CEO Clean colour language in every view. */
html[data-style="clean"] :is(.nav-item:hover) {
  color: var(--cc-clean-text) !important;
  background: var(--cc-clean-panel-2) !important;
  background-image: none !important;
}

html[data-style="clean"] :is(.brand-button, .brand-button:hover, .brand-button:focus-visible) {
  color: var(--cc-clean-text) !important;
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] .nav-item.active,
html[data-style="clean"] .nav-item.active :is(strong, small, .nav-item-icon),
html[data-style="clean"] .sidebar .nav-item.active > .nav-item-icon,
html[data-style="clean"] .sidebar .nav-item:hover > .nav-item-icon {
  color: var(--cc-clean-accent-text) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is(.workbench-kicker, .settings-section-heading span, .settings-card-title > span, .user-settings-tabs-edge) {
  color: var(--cc-clean-accent-text) !important;
}

html[data-style="clean"] :is(.anomaly-hypothesis, .brief-summary) {
  color: var(--cc-clean-text) !important;
  border-color: var(--cc-clean-line) !important;
  background: var(--cc-clean-panel-2) !important;
  background-image: none !important;
}

html[data-style="clean"] .profile-photo-preview {
  border: 2px solid var(--cc-clean-accent) !important;
  background: var(--cc-clean-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] .settings-toggle-row input:checked + i::after {
  background: #ffffff !important;
}

html[data-style="clean"] .user-settings-nav button.active {
  color: var(--cc-clean-accent-text) !important;
  border-color: color-mix(in srgb, var(--cc-clean-accent) 42%, var(--cc-clean-line)) !important;
  background: var(--cc-clean-accent-soft) !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is(.assistant-close:hover, .assistant-support) {
  color: var(--cc-clean-text) !important;
  border-color: var(--cc-clean-line) !important;
  background: var(--cc-clean-panel-2) !important;
}

html[data-style="clean"] .assistant-support:hover {
  color: #ffffff !important;
  border-color: var(--cc-clean-accent-strong) !important;
  background: var(--cc-clean-accent) !important;
}

html[data-style="clean"] :is(
  [stroke="#eab308"], [stroke="#EAB308"], [stroke="#fde047"], [stroke="#FDE047"],
  [stroke="#facc15"], [stroke="#FACC15"], [stroke="#ca8a04"], [stroke="#CA8A04"]
) {
  stroke: var(--cc-clean-accent) !important;
}

html[data-style="clean"] :is(
  [fill="#eab308"], [fill="#EAB308"], [fill="#fde047"], [fill="#FDE047"],
  [fill="#facc15"], [fill="#FACC15"], [fill="#ca8a04"], [fill="#CA8A04"]
) {
  fill: var(--cc-clean-accent) !important;
}

html[data-style="clean"] :is(.legend-dot[style*="#eab308"], .legend-dot[style*="#EAB308"], .legend-dot[style*="#facc15"], .legend-dot[style*="#FACC15"]) {
  background: var(--cc-clean-accent) !important;
}

html[data-style="clean"] .cc-assistant-check {
  color: var(--cc-clean-accent-text) !important;
  border-color: var(--cc-clean-accent-text) !important;
}

html[data-style="clean"] .send-button,
html[data-style="clean"] .send-button svg,
html[data-style="clean"] .send-button svg * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* CEO Clean navigation standard: ChatGPT-like neutral states for CFO. */
html[data-style="clean"] :is(.sidebar, .portal-sidebar) {
  --text: var(--cc-clean-nav-text);
  --muted: var(--cc-clean-nav-muted);
  --panel: var(--cc-clean-sidebar);
  --panel-2: var(--cc-clean-nav-highlight);
  color: var(--cc-clean-nav-text) !important;
  background: var(--cc-clean-sidebar) !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .nav-item {
  min-height: 46px !important;
  color: var(--cc-clean-nav-text) !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  font-family: "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  letter-spacing: -.012em !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .nav-item :is(.nav-item-copy, .nav-item-copy strong) {
  color: inherit !important;
  font-family: "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  letter-spacing: -.012em !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .nav-item .nav-item-copy small {
  color: var(--cc-clean-nav-muted) !important;
  font-family: "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .nav-item:is(:hover, :focus-visible, .active, [aria-current="page"]) {
  color: var(--cc-clean-nav-text) !important;
  border-color: transparent !important;
  background: var(--cc-clean-nav-highlight) !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .nav-item:focus-visible {
  outline: 2px solid var(--cc-clean-nav-focus) !important;
  outline-offset: 1px !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .nav-item > .nav-item-icon,
html[data-style="clean"] :is(.sidebar, .portal-sidebar) .nav-item:is(:hover, :focus-visible, .active, [aria-current="page"]) > .nav-item-icon {
  color: inherit !important;
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .nav-item > .nav-item-icon :is(svg, path, circle, rect, line, polyline) {
  color: inherit !important;
  stroke: currentColor !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) :is(.nav-label, .sidebar-section-label, .sidebar-group-title, .nav-section-title) {
  color: var(--cc-clean-nav-muted) !important;
  font-family: "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .075em !important;
  text-transform: none !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-feedback-nav {
  color: var(--cc-clean-nav-text) !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: -.012em !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-feedback-nav:is(:hover, :focus-visible) {
  color: var(--cc-clean-nav-text) !important;
  border-color: transparent !important;
  background: var(--cc-clean-nav-highlight) !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-feedback-nav :is(span, svg),
html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-feedback-nav:is(:hover, :focus-visible) :is(span, svg) {
  color: inherit !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  stroke: currentColor !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-assistant-selector {
  color: var(--cc-clean-nav-text) !important;
  border-color: var(--cc-clean-line) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-assistant-selector:is(:hover, :focus-visible, [aria-expanded="true"]) {
  color: var(--cc-clean-nav-text) !important;
  border-color: transparent !important;
  background: var(--cc-clean-nav-highlight) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-assistant-selector:focus-visible {
  outline: 2px solid var(--cc-clean-nav-focus) !important;
  outline-offset: 1px !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-selector-mark {
  color: var(--cc-clean-nav-text) !important;
  border-color: var(--cc-clean-line) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-selector-mark img {
  filter: none !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-sidebar-return-label strong {
  color: var(--cc-clean-nav-text) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: -.012em !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-sidebar-return-label small {
  color: var(--cc-clean-nav-muted) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: .035em !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-selector-chevron {
  color: var(--cc-clean-nav-muted) !important;
  stroke: currentColor !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-assistants-menu {
  color: var(--cc-clean-nav-text) !important;
  border-color: var(--cc-clean-line) !important;
  background: var(--cc-clean-sidebar) !important;
  background-image: none !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .16) !important;
  scrollbar-color: var(--cc-clean-nav-muted) transparent !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-assistants-heading {
  color: var(--cc-clean-nav-muted) !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-assistant-option {
  color: var(--cc-clean-nav-text) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-assistant-option:is(:hover, :focus-visible, .active) {
  color: var(--cc-clean-nav-text) !important;
  background: var(--cc-clean-nav-highlight) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-assistant-avatar {
  color: var(--cc-clean-nav-text) !important;
  border-color: var(--cc-clean-line) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-assistant-copy strong {
  color: var(--cc-clean-nav-text) !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-assistant-copy small,
html[data-style="clean"] :is(.sidebar, .portal-sidebar) .cc-assistant-check {
  color: var(--cc-clean-nav-muted) !important;
  border-color: var(--cc-clean-nav-muted) !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) :is(.nav-badge, .badge) {
  color: var(--cc-clean-nav-text) !important;
  border: 1px solid var(--cc-clean-line) !important;
  background: var(--cc-clean-nav-highlight) !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) :is(.sidebar-action, .sidebar-help) {
  min-height: 46px !important;
  color: var(--cc-clean-nav-text) !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  font-family: "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) :is(.sidebar-action, .sidebar-help):is(:hover, :focus-visible) {
  color: var(--cc-clean-nav-text) !important;
  border-color: transparent !important;
  background: var(--cc-clean-nav-highlight) !important;
  box-shadow: none !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) :is(.sidebar-action, .sidebar-help) strong {
  color: var(--cc-clean-nav-text) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: -.012em !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) :is(.sidebar-action, .sidebar-help) small {
  color: var(--cc-clean-nav-muted) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

html[data-style="clean"] :is(.sidebar, .portal-sidebar) :is(.sidebar-action, .sidebar-help) :is(svg, span) {
  color: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  stroke: currentColor !important;
}

@media (max-width: 1000px) {
  html[data-style="clean"] .mobile-nav-item {
    color: var(--cc-clean-nav-muted) !important;
    background: transparent !important;
    background-image: none !important;
  }

  html[data-style="clean"] .mobile-nav-item:is(:hover, :focus-visible, .active) {
    color: var(--cc-clean-nav-text) !important;
    background: var(--cc-clean-nav-highlight) !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html[data-style="clean"] .mobile-nav-item :is(span, svg, small) {
    color: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
  }
}