html.portal-authenticated.portal-theme-ready[data-portal-theme="light"] {
  --portal-canvas: #f4f7f5;
  --portal-surface: #ffffff;
  --portal-surface-raised: #f8fbf9;
  --portal-surface-disabled: #e8eeea;
  --portal-text: #24312a;
  --portal-text-strong: #173b22;
  --portal-text-inverse: #ffffff;
  --portal-muted: #52645a;
  --portal-border: #d2ded5;
  --portal-field-border: #82958a;
  --portal-action: #1f7427;
  --portal-action-hover: #185d20;
  --portal-action-text: #ffffff;
  --portal-focus: #276fce;
  --portal-success: #1f7427;
  --portal-success-surface: #eef7ef;
  --portal-success-border: #a9cdb0;
  --portal-warning: #765600;
  --portal-warning-surface: #fff7d6;
  --portal-warning-border: #d7bd5c;
  --portal-danger: #8d211d;
  --portal-danger-surface: #fff1f0;
  --portal-danger-border: #c7635e;
  --portal-overlay: rgb(16 22 18 / 58%);
  --portal-row-hover: #eaf3ec;
  --portal-row-selected: #dceee0;
  --portal-chart-grid: #b8c7bd;
  --portal-report-chart-grid: #82958a;
  --portal-shadow: 0 2px 8px rgb(21 62 35 / 8%);
}

html.portal-authenticated.portal-theme-ready[data-portal-theme="dark"] {
  --portal-canvas: #101612;
  --portal-surface: #18211b;
  --portal-surface-raised: #202c24;
  --portal-surface-disabled: #2a352e;
  --portal-text: #edf5ef;
  --portal-text-strong: #ffffff;
  --portal-text-inverse: #102114;
  --portal-muted: #b8c9bd;
  --portal-border: #52675a;
  --portal-field-border: #789082;
  --portal-action: #72c36a;
  --portal-action-hover: #8bd083;
  --portal-action-text: #102114;
  --portal-focus: #8ab8ff;
  --portal-success: #72c36a;
  --portal-success-surface: #16281a;
  --portal-success-border: #4a7b50;
  --portal-warning: #e8c76b;
  --portal-warning-surface: #302a18;
  --portal-warning-border: #806d35;
  --portal-danger: #ffaaa5;
  --portal-danger-surface: #321b1b;
  --portal-danger-border: #9e5550;
  --portal-overlay: rgb(0 0 0 / 72%);
  --portal-row-hover: #26362b;
  --portal-row-selected: #304b36;
  --portal-chart-grid: #65796c;
  --portal-report-chart-grid: #65796c;
  --portal-shadow: 0 4px 14px rgb(0 0 0 / 32%);
}

html.portal-authenticated.portal-theme-ready body {
  color: var(--portal-text);
  background: var(--portal-canvas);
}

html.portal-authenticated.portal-theme-ready a:not(.btn) {
  color: var(--portal-action);
}

html.portal-authenticated.portal-theme-ready a:not(.btn):hover,
html.portal-authenticated.portal-theme-ready a:not(.btn):focus {
  color: var(--portal-action-hover);
}

html.portal-authenticated.portal-theme-ready label {
  color: var(--portal-text-strong);
}

html.portal-authenticated.portal-theme-ready footer {
  color: var(--portal-muted);
  background-color: var(--portal-surface);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .breadcrumb {
  color: var(--portal-muted);
  background-color: var(--portal-surface-raised);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .breadcrumb > li,
html.portal-authenticated.portal-theme-ready .breadcrumb > .active {
  color: var(--portal-muted);
}

html.portal-authenticated.portal-theme-ready .panel,
html.portal-authenticated.portal-theme-ready .well,
html.portal-authenticated.portal-theme-ready .card {
  color: var(--portal-text);
  background-color: var(--portal-surface);
  border-color: var(--portal-border);
  box-shadow: var(--portal-shadow);
}

html.portal-authenticated.portal-theme-ready .panel-heading,
html.portal-authenticated.portal-theme-ready .card-header,
html.portal-authenticated.portal-theme-ready .card-footer {
  color: var(--portal-text-strong);
  background-color: var(--portal-surface-raised);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .entitylist,
html.portal-authenticated.portal-theme-ready .view-grid {
  color: var(--portal-text);
  background-color: var(--portal-surface);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready table {
  color: var(--portal-text);
  background-color: var(--portal-surface);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready thead {
  color: var(--portal-text-strong);
  background-color: var(--portal-surface-raised);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready tbody {
  color: var(--portal-text);
  background-color: var(--portal-surface);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready tr {
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready th,
html.portal-authenticated.portal-theme-ready td,
html.portal-authenticated.portal-theme-ready .table > thead > tr > th,
html.portal-authenticated.portal-theme-ready .table > tbody > tr > th,
html.portal-authenticated.portal-theme-ready .table > tbody > tr > td {
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .table-striped > tbody > tr:nth-of-type(odd) > th,
html.portal-authenticated.portal-theme-ready .table-striped > tbody > tr:nth-of-type(odd) > td {
  background-color: var(--portal-surface-raised);
}

html.portal-authenticated.portal-theme-ready tbody > tr:hover > th,
html.portal-authenticated.portal-theme-ready tbody > tr:hover > td {
  background-color: var(--portal-row-hover);
}

html.portal-authenticated.portal-theme-ready tbody > tr[aria-selected="true"] > th,
html.portal-authenticated.portal-theme-ready tbody > tr[aria-selected="true"] > td,
html.portal-authenticated.portal-theme-ready .table > tbody > tr.active > th,
html.portal-authenticated.portal-theme-ready .table > tbody > tr.active > td {
  background-color: var(--portal-row-selected);
}

html.portal-authenticated.portal-theme-ready tbody > tr[aria-selected="true"] > :first-child,
html.portal-authenticated.portal-theme-ready .table > tbody > tr.active > :first-child {
  box-shadow: inset 4px 0 0 var(--portal-action);
}

html.portal-authenticated.portal-theme-ready input:not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]),
html.portal-authenticated.portal-theme-ready select,
html.portal-authenticated.portal-theme-ready textarea {
  color: var(--portal-text);
  background-color: var(--portal-surface-raised);
  border-color: var(--portal-field-border);
}

html.portal-authenticated.portal-theme-ready input::placeholder,
html.portal-authenticated.portal-theme-ready textarea::placeholder {
  color: var(--portal-muted);
  opacity: 1;
}

html.portal-authenticated.portal-theme-ready input[type="checkbox"],
html.portal-authenticated.portal-theme-ready input[type="radio"] {
  accent-color: var(--portal-action);
}

html.portal-authenticated.portal-theme-ready input:disabled,
html.portal-authenticated.portal-theme-ready select:disabled,
html.portal-authenticated.portal-theme-ready textarea:disabled,
html.portal-authenticated.portal-theme-ready .form-control[disabled],
html.portal-authenticated.portal-theme-ready .form-control[readonly],
html.portal-authenticated.portal-theme-ready fieldset[disabled] .form-control {
  color: var(--portal-muted);
  background-color: var(--portal-surface-disabled);
  border-color: var(--portal-field-border);
}

html.portal-authenticated.portal-theme-ready .pagination {
  color: var(--portal-text);
}

html.portal-authenticated.portal-theme-ready .pagination > li > a,
html.portal-authenticated.portal-theme-ready .pagination > li > span {
  color: var(--portal-action);
  background-color: var(--portal-surface);
  border-color: var(--portal-field-border);
}

html.portal-authenticated.portal-theme-ready .pagination > li > a:hover,
html.portal-authenticated.portal-theme-ready .pagination > li > a:focus {
  color: var(--portal-text-strong);
  background-color: var(--portal-row-hover);
  border-color: var(--portal-field-border);
}

html.portal-authenticated.portal-theme-ready .pagination > .active > a,
html.portal-authenticated.portal-theme-ready .pagination > .active > a:hover,
html.portal-authenticated.portal-theme-ready .pagination > .active > a:focus,
html.portal-authenticated.portal-theme-ready .pagination > .active > span {
  color: var(--portal-text-inverse);
  background-color: var(--portal-action);
  border-color: var(--portal-action);
}

html.portal-authenticated.portal-theme-ready .pagination > .disabled > a,
html.portal-authenticated.portal-theme-ready .pagination > .disabled > a:hover,
html.portal-authenticated.portal-theme-ready .pagination > .disabled > a:focus,
html.portal-authenticated.portal-theme-ready .pagination > .disabled > span {
  color: var(--portal-muted);
  background-color: var(--portal-surface-disabled);
  border-color: var(--portal-field-border);
}

html.portal-authenticated.portal-theme-ready .nav-tabs {
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .nav-tabs > li > a {
  color: var(--portal-action);
  background-color: transparent;
  border-color: transparent;
}

html.portal-authenticated.portal-theme-ready .nav-tabs > li > a:hover,
html.portal-authenticated.portal-theme-ready .nav-tabs > li > a:focus {
  color: var(--portal-text-strong);
  background-color: var(--portal-row-hover);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .nav-tabs > li.active > a,
html.portal-authenticated.portal-theme-ready .nav-tabs > li.active > a:hover,
html.portal-authenticated.portal-theme-ready .nav-tabs > li.active > a:focus {
  color: var(--portal-text-strong);
  background-color: var(--portal-surface);
  border-color: var(--portal-border);
  box-shadow: inset 0 -3px 0 var(--portal-action);
}

html.portal-authenticated.portal-theme-ready .alert {
  color: var(--portal-text);
  background-color: var(--portal-surface-raised);
  border-color: var(--portal-field-border);
}

html.portal-authenticated.portal-theme-ready .alert-success {
  color: var(--portal-success);
  background-color: var(--portal-success-surface);
  border-color: var(--portal-success);
}

html.portal-authenticated.portal-theme-ready .alert-warning {
  color: var(--portal-warning);
  background-color: var(--portal-warning-surface);
  border-color: var(--portal-warning);
}

html.portal-authenticated.portal-theme-ready .alert-danger {
  color: var(--portal-danger);
  background-color: var(--portal-danger-surface);
  border-color: var(--portal-danger);
}

html.portal-authenticated.portal-theme-ready .badge {
  color: var(--portal-text-inverse);
  background-color: var(--portal-action);
}

html.portal-authenticated.portal-theme-ready .modal-content,
html.portal-authenticated.portal-theme-ready .modal-body {
  color: var(--portal-text);
  background-color: var(--portal-surface);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .modal-header,
html.portal-authenticated.portal-theme-ready .modal-footer {
  color: var(--portal-text-strong);
  background-color: var(--portal-surface-raised);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .modal-header .close,
html.portal-authenticated.portal-theme-ready .modal-header .close:hover,
html.portal-authenticated.portal-theme-ready .modal-header .close:focus {
  color: var(--portal-text-strong);
  opacity: 1;
}

html.portal-authenticated.portal-theme-ready .modal-backdrop,
html.portal-authenticated.portal-theme-ready .modal-backdrop.in {
  background-color: var(--portal-overlay);
}

html.portal-authenticated.portal-theme-ready .dropdown-menu {
  color: var(--portal-text);
  background-color: var(--portal-surface);
  border-color: var(--portal-border);
  box-shadow: var(--portal-shadow);
}

html.portal-authenticated.portal-theme-ready .dropdown-menu > li > a {
  color: var(--portal-text);
  background-color: transparent;
}

html.portal-authenticated.portal-theme-ready .dropdown-menu > li > a:hover,
html.portal-authenticated.portal-theme-ready .dropdown-menu > li > a:focus {
  color: var(--portal-text-strong);
  background-color: var(--portal-row-hover);
}

html.portal-authenticated.portal-theme-ready .list-group-item {
  color: var(--portal-text);
  background-color: var(--portal-surface);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .list-group-item:hover,
html.portal-authenticated.portal-theme-ready .list-group-item:focus {
  color: var(--portal-text-strong);
  background-color: var(--portal-row-hover);
}

html.portal-authenticated.portal-theme-ready .list-group-item.active,
html.portal-authenticated.portal-theme-ready .list-group-item.active:hover,
html.portal-authenticated.portal-theme-ready .list-group-item.active:focus {
  color: var(--portal-text-inverse);
  background-color: var(--portal-action);
  border-color: var(--portal-action);
}

html.portal-authenticated.portal-theme-ready .list-group-item.disabled,
html.portal-authenticated.portal-theme-ready .list-group-item.disabled:hover,
html.portal-authenticated.portal-theme-ready .list-group-item.disabled:focus {
  color: var(--portal-muted);
  background-color: var(--portal-surface-disabled);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .page-header h2,
html.portal-authenticated.portal-theme-ready .userFullName,
html.portal-authenticated.portal-theme-ready .panel-title,
html.portal-authenticated.portal-theme-ready .profile-page-heading,
html.portal-authenticated.portal-theme-ready #ProfileFormView label {
  color: var(--portal-text-strong);
}

html.portal-authenticated.portal-theme-ready .portal-profile-description,
html.portal-authenticated.portal-theme-ready .userEmail {
  color: var(--portal-muted);
}

html.portal-authenticated.portal-theme-ready .profile-info,
html.portal-authenticated.portal-theme-ready .weblinks-depth-1,
html.portal-authenticated.portal-theme-ready #mainContent > .alert-info,
html.portal-authenticated.portal-theme-ready #mainContent > fieldset,
html.portal-authenticated.portal-theme-ready #ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel,
html.portal-authenticated.portal-theme-ready .panel.nav-profile {
  color: var(--portal-text);
  background: var(--portal-surface);
  border-color: var(--portal-border);
  box-shadow: var(--portal-shadow);
}

html.portal-authenticated.portal-theme-ready .profile-info {
  border-left-color: var(--portal-action);
}

html.portal-authenticated.portal-theme-ready #ProfileFormView tr + tr {
  border-top-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready #ProfileFormView input:not([type="checkbox"]):not([type="button"]),
html.portal-authenticated.portal-theme-ready #ProfileFormView select,
html.portal-authenticated.portal-theme-ready #ProfileFormView textarea {
  color: var(--portal-text);
  background: var(--portal-surface-raised);
  border-color: var(--portal-field-border);
}

html.portal-authenticated.portal-theme-ready #ProfileFormView input::placeholder,
html.portal-authenticated.portal-theme-ready #ProfileFormView textarea::placeholder {
  color: var(--portal-muted);
  opacity: 1;
}

html.portal-authenticated.portal-theme-ready #ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel input[type="checkbox"] {
  accent-color: var(--portal-action);
}

html.portal-authenticated.portal-theme-ready .weblinks-depth-1 .list-group-item,
html.portal-authenticated.portal-theme-ready .panel.nav-profile .list-group-item {
  color: var(--portal-text);
  background: transparent;
}

html.portal-authenticated.portal-theme-ready .weblinks-depth-1 .active,
html.portal-authenticated.portal-theme-ready .weblinks-depth-1 .active a {
  color: var(--portal-action-text);
  background: var(--portal-action);
}

html.portal-authenticated.portal-theme-ready .weblinks-depth-1 a:hover,
html.portal-authenticated.portal-theme-ready .panel.nav-profile a:hover {
  color: var(--portal-text-strong);
  background: var(--portal-row-hover);
}

html.portal-authenticated.portal-theme-ready .navbar,
html.portal-authenticated.portal-theme-ready .navbar-inverse {
  color: var(--portal-text);
  background: var(--portal-surface);
  border-color: var(--portal-border);
  box-shadow: var(--portal-shadow);
}

html.portal-authenticated.portal-theme-ready .navbar a,
html.portal-authenticated.portal-theme-ready .navbar button {
  color: var(--portal-text);
}

html.portal-authenticated.portal-theme-ready .navbar a:hover,
html.portal-authenticated.portal-theme-ready .navbar a:focus,
html.portal-authenticated.portal-theme-ready .navbar button:hover,
html.portal-authenticated.portal-theme-ready .navbar button:focus {
  color: var(--portal-text-strong);
  background: var(--portal-row-hover);
}

html.portal-authenticated.portal-theme-ready .navbar-inverse .navbar-nav > .open > a {
  color: var(--portal-text);
  background: var(--portal-surface);
}

html.portal-authenticated.portal-theme-ready .navbar-inverse .navbar-nav > .active > a {
  color: var(--portal-text-strong);
  background: var(--portal-row-hover);
  box-shadow: inset 0 -3px 0 var(--portal-action);
  font-weight: 700;
}

html.portal-authenticated.portal-theme-ready .navbar-inverse .navbar-nav > .open > a:hover,
html.portal-authenticated.portal-theme-ready .navbar-inverse .navbar-nav > .open > a:focus,
html.portal-authenticated.portal-theme-ready .navbar-inverse .navbar-nav > .active > a:hover,
html.portal-authenticated.portal-theme-ready .navbar-inverse .navbar-nav > .active > a:focus {
  color: var(--portal-text-strong);
  background: var(--portal-row-hover);
}

html.portal-authenticated.portal-theme-ready .navbar-inverse .navbar-nav > li > a[aria-expanded="true"] {
  color: var(--portal-text-strong);
  background: var(--portal-row-hover);
}

html.portal-authenticated.portal-theme-ready .navbar .dropdown-menu {
  color: var(--portal-text);
  background: var(--portal-surface);
  border: 1px solid var(--portal-border);
  box-shadow: var(--portal-shadow);
}

html.portal-authenticated.portal-theme-ready .navbar .dropdown-menu > li > a {
  color: var(--portal-text);
  background: transparent;
}

html.portal-authenticated.portal-theme-ready .navbar .dropdown-menu > li > a:hover,
html.portal-authenticated.portal-theme-ready .navbar .dropdown-menu > li > a:focus {
  color: var(--portal-text-strong);
  background: var(--portal-row-hover);
}

html.portal-authenticated.portal-theme-ready .navbar-toggle {
  min-width: 44px;
  min-height: 44px;
  background: var(--portal-surface);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .navbar-toggle:hover,
html.portal-authenticated.portal-theme-ready .navbar-toggle:focus {
  background: var(--portal-row-hover);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .navbar-toggle .icon-bar {
  background: var(--portal-text);
}

html.portal-authenticated.portal-theme-ready #mainContent > .alert-info {
  color: var(--portal-text);
  background: var(--portal-success-surface);
  border-color: var(--portal-success-border);
}

html.portal-authenticated.portal-theme-ready #mainContent > .alert-info .btn,
html.portal-authenticated.portal-theme-ready .actions input[type="button"],
html.portal-authenticated.portal-theme-ready .actions button {
  color: var(--portal-action-text);
  background: var(--portal-action);
  border-color: var(--portal-action);
}

html.portal-authenticated.portal-theme-ready #mainContent > .alert-info .btn:hover,
html.portal-authenticated.portal-theme-ready #mainContent > .alert-info .btn:focus,
html.portal-authenticated.portal-theme-ready .actions input[type="button"]:hover,
html.portal-authenticated.portal-theme-ready .actions button:hover {
  color: var(--portal-action-text);
  background: var(--portal-action-hover);
  border-color: var(--portal-action-hover);
}

html.portal-authenticated.portal-theme-ready .validation-summary-errors,
html.portal-authenticated.portal-theme-ready .field-validation-error {
  color: var(--portal-danger);
}

html.portal-authenticated.portal-theme-ready .validation-summary-errors {
  background: var(--portal-danger-surface);
  border-color: var(--portal-danger-border);
}

html.portal-authenticated.portal-theme-ready #ProfileFormView [aria-invalid="true"] {
  border-color: var(--portal-danger);
  box-shadow: 0 0 0 2px var(--portal-danger-border);
}

html.portal-authenticated.portal-theme-ready .portal-theme-control {
  position: relative;
}

html.portal-authenticated.portal-theme-ready .portal-theme-button {
  display: inline-grid;
  min-width: 44px;
  min-height: 44px;
  padding: 0 12px;
  place-items: center;
  color: var(--portal-text);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
}

html.portal-authenticated.portal-theme-ready .portal-theme-icon {
  display: inline-grid;
  place-items: center;
}

html.portal-authenticated.portal-theme-ready .portal-theme-icon-dark {
  display: none;
}

html.portal-authenticated.portal-theme-ready .portal-theme-icon[data-portal-resolved-theme="dark"] .portal-theme-icon-light {
  display: none;
}

html.portal-authenticated.portal-theme-ready .portal-theme-icon[data-portal-resolved-theme="dark"] .portal-theme-icon-dark {
  display: inline;
}

html.portal-authenticated.portal-theme-ready .portal-theme-popover {
  position: absolute;
  z-index: 1051;
  right: 0;
  min-width: 180px;
  max-width: calc(100vw - 24px);
  padding: 8px;
  color: var(--portal-text);
  background: var(--portal-surface);
  border: 1px solid var(--portal-border);
  border-radius: 8px;
  box-shadow: var(--portal-shadow);
  box-sizing: border-box;
}

html.portal-authenticated.portal-theme-ready .portal-theme-popover[hidden] {
  display: none;
}

html.portal-authenticated.portal-theme-ready .portal-theme-popover[data-portal-popover-align="end"] {
  right: 0;
  left: auto;
}

html.portal-authenticated.portal-theme-ready .portal-theme-popover[data-portal-popover-align="start"] {
  right: auto;
  left: 0;
}

html.portal-authenticated.portal-theme-ready .portal-theme-popover[data-portal-popover-align="clamped"] {
  position: fixed;
  right: calc(var(--portal-popover-viewport-right, 0px) + 12px);
  left: calc(var(--portal-popover-viewport-left, 0px) + 12px);
  width: auto;
  min-width: 0;
  max-width: calc(100vw - 24px);
  box-sizing: border-box;
}

html.portal-authenticated.portal-theme-ready .portal-theme-popover button {
  width: 100%;
  min-height: 44px;
  padding: 8px 12px;
  color: var(--portal-text);
  background: transparent;
  border: 0;
  border-radius: 6px;
  text-align: left;
}

html.portal-authenticated.portal-theme-ready .portal-theme-popover button:hover {
  color: var(--portal-text-strong);
  background: var(--portal-row-hover);
}

html.portal-authenticated.portal-theme-ready .portal-theme-popover button[aria-pressed="true"] {
  color: var(--portal-action-text);
  background: var(--portal-action);
}

@media (max-width: 767px) {
  html.portal-authenticated.portal-theme-ready .portal-theme-control {
    width: 100%;
  }

  html.portal-authenticated.portal-theme-ready .portal-theme-button {
    width: 100%;
    justify-items: start;
  }
}

html.portal-authenticated.portal-theme-ready a:focus-visible,
html.portal-authenticated.portal-theme-ready button:focus-visible,
html.portal-authenticated.portal-theme-ready input:focus-visible,
html.portal-authenticated.portal-theme-ready select:focus-visible,
html.portal-authenticated.portal-theme-ready textarea:focus-visible {
  outline: 3px solid var(--portal-focus);
  outline-offset: 3px;
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-kpi-card,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-chart-card,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-table-card {
  color: var(--portal-text);
  background-color: var(--portal-surface);
  border-color: var(--portal-border);
  box-shadow: var(--portal-shadow);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-dashboard__header,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-kpis > h2,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-kpi-card h3,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-kpi-card__value,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-chart-section > h2,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-chart-card h3,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-chart-card li span,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-table-section > h2,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-table-card h3,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-first-load h2,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-empty-state h2 {
  color: var(--portal-text-strong);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-kpi-card__period,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-chart-section__basis,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-chart-card__basis,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-first-load p,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-empty-state p,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-data-table td span[title="Unavailable"] {
  color: var(--portal-muted);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-kpi-card__unavailable {
  color: var(--portal-text);
  background-color: var(--portal-surface-raised);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-chart-card__empty {
  color: var(--portal-muted);
  background-color: var(--portal-surface-raised);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-kpi-card__context,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-chart-card li {
  color: var(--portal-muted);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-chart-card .vibe-chart-card__exact-values {
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-table-section {
  color: var(--portal-text);
  background-color: var(--portal-surface-raised);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-data-table {
  color: var(--portal-text);
  background-color: var(--portal-surface);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-data-table th {
  color: var(--portal-text-strong);
  background-color: var(--portal-surface-raised);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-data-table td {
  color: var(--portal-text);
  background-color: var(--portal-surface);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-data-table tbody tr:hover > th,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-data-table tbody tr:hover > td {
  background-color: var(--portal-row-hover);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-data-table__total-row > th,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-data-table__total-row > td {
  color: var(--portal-text-strong);
  background-color: var(--portal-success-surface);
  border-color: var(--portal-success-border);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-location-control select {
  color: var(--portal-text);
  background-color: var(--portal-surface-raised);
  border-color: var(--portal-field-border);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-location-control select:hover:not(:disabled),
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-location-control select:focus {
  color: var(--portal-text-strong);
  background-color: var(--portal-row-hover);
  border-color: var(--portal-action);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-refresh-button,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-alert button,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-empty-state button {
  color: var(--portal-action-text);
  background-color: var(--portal-action);
  border-color: var(--portal-action);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-refresh-button:hover:not(:disabled),
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-alert button:hover:not(:disabled),
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-empty-state button:hover:not(:disabled) {
  color: var(--portal-action-text);
  background-color: var(--portal-action-hover);
  border-color: var(--portal-action-hover);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-view-toggle {
  color: var(--portal-text);
  background-color: var(--portal-surface-raised);
  border-color: var(--portal-field-border);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-view-toggle button {
  color: var(--portal-text);
  background-color: transparent;
  border-color: transparent;
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-view-toggle button:hover:not(:disabled) {
  color: var(--portal-text-strong);
  background-color: var(--portal-row-hover);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-view-toggle button[aria-pressed="true"] {
  color: var(--portal-action-text);
  background-color: var(--portal-action);
  box-shadow: var(--portal-shadow);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-location-control select:disabled,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-refresh-button:disabled,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-view-toggle button:disabled,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-alert button:disabled,
html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-empty-state button:disabled {
  color: var(--portal-muted);
  background-color: var(--portal-surface-disabled);
  border-color: var(--portal-field-border);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-status-dot {
  background-color: var(--portal-success);
  border-color: var(--portal-success-border);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-status-dot.is-stale {
  background-color: var(--portal-warning);
  border-color: var(--portal-warning-border);
  box-shadow: 0 0 0 2px var(--portal-warning-surface);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-alert {
  color: var(--portal-warning);
  background-color: var(--portal-warning-surface);
  border-color: var(--portal-warning-border);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-first-load {
  color: var(--portal-success);
  background-color: var(--portal-success-surface);
  border-color: var(--portal-success-border);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-empty-state {
  color: var(--portal-muted);
  background-color: var(--portal-surface-raised);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-dashboard__status {
  color: var(--portal-muted);
}

html.portal-authenticated.portal-theme-ready .vibe-dashboard .vibe-table-scroll {
  color: var(--portal-text);
  background-color: var(--portal-surface);
  border-color: var(--portal-border);
  scrollbar-color: var(--portal-muted) var(--portal-surface);
}

html.portal-authenticated.portal-theme-ready .sales-performance-report,
html.portal-authenticated.portal-theme-ready .mobile-reports,
html.portal-authenticated.portal-theme-ready .commission-reports {
  color: var(--portal-text);
  background-color: var(--portal-canvas);
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(.sales-report-header, .sales-report-panel, .sales-report-summary, .sales-summary-card),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(.form-container, .mobile-reports__context article, .mobile-reports__detail),
html.portal-authenticated.portal-theme-ready .commission-reports :is(.commission-reports__filters, .commission-reports__kpi, .commission-reports__results, .commission-reports__actions) {
  color: var(--portal-text);
  background-color: var(--portal-surface);
  border-color: var(--portal-border);
  box-shadow: var(--portal-shadow);
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(h1, h2, .sales-report-section-heading, .sales-summary-card strong),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(h1, .form-label, .mobile-reports__context strong),
html.portal-authenticated.portal-theme-ready .commission-reports :is(h1, .filter-label, .commission-reports__kpi strong) {
  color: var(--portal-text-strong);
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(.sales-report-eyebrow, .sales-summary-card span),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(.mobile-reports__eyebrow, .mobile-reports__context span),
html.portal-authenticated.portal-theme-ready .commission-reports :is(.commission-reports__eyebrow, .commission-reports__kpi span) {
  color: var(--portal-action);
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(.sales-report-state, .sales-report-empty, .sales-loading-indicator),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(.mobile-reports__status, .mobile-reports__retry),
html.portal-authenticated.portal-theme-ready .commission-reports :is(.commission-reports__status, .commission-reports__retry) {
  color: var(--portal-muted);
  background-color: var(--portal-surface-raised);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .sales-performance-report .sales-detail-scroller,
html.portal-authenticated.portal-theme-ready .mobile-reports .mobile-reports__detail,
html.portal-authenticated.portal-theme-ready .commission-reports .commission-reports__scroller {
  color: var(--portal-text);
  background-color: var(--portal-surface);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(.btn, button),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(.btn, button),
html.portal-authenticated.portal-theme-ready .commission-reports :is(.btn, button) {
  color: var(--portal-action-text) !important;
  background-color: var(--portal-action) !important;
  border-color: var(--portal-action) !important;
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(.btn, button):hover:not(:disabled),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(.btn, button):hover:not(:disabled),
html.portal-authenticated.portal-theme-ready .commission-reports :is(.btn, button):hover:not(:disabled) {
  color: var(--portal-action-text) !important;
  background-color: var(--portal-action-hover) !important;
  border-color: var(--portal-action-hover) !important;
}

html.portal-authenticated.portal-theme-ready .sales-performance-report #DeleteReportButton,
html.portal-authenticated.portal-theme-ready .sales-performance-report #DeleteReportButton:hover {
  color: var(--portal-danger) !important;
  background-color: var(--portal-danger-surface) !important;
  border-color: var(--portal-danger-border) !important;
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(input, select, textarea),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(input, select, textarea),
html.portal-authenticated.portal-theme-ready .commission-reports :is(input, select, textarea) {
  color: var(--portal-text);
  background-color: var(--portal-surface-raised);
  border-color: var(--portal-field-border);
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(input, select, textarea):disabled,
html.portal-authenticated.portal-theme-ready .mobile-reports :is(input, select, textarea):disabled,
html.portal-authenticated.portal-theme-ready .commission-reports :is(input, select, textarea):disabled,
html.portal-authenticated.portal-theme-ready .commission-reports .commission-reports__actions--disabled {
  color: var(--portal-muted);
  background-color: var(--portal-surface-disabled);
  border-color: var(--portal-field-border);
  opacity: 1;
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(.msg-inline, .validation-summary-errors),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(.field-validation-error, .validation-summary-errors),
html.portal-authenticated.portal-theme-ready .commission-reports :is(.error-text, .field-validation-error, .validation-summary-errors) {
  color: var(--portal-danger);
  background-color: var(--portal-danger-surface);
  border-color: var(--portal-danger-border);
}

html.portal-authenticated.portal-theme-ready .mobile-reports #ErrorMessage {
  color: var(--portal-danger) !important;
  background-color: var(--portal-danger-surface) !important;
  border-color: var(--portal-danger-border) !important;
}

html.portal-authenticated.portal-theme-ready .mobile-reports tr[style*="background-color: #f0f0f0"] {
  color: var(--portal-text-strong) !important;
  background-color: var(--portal-surface-raised) !important;
  border-color: var(--portal-border) !important;
}

html.portal-authenticated.portal-theme-ready .commission-reports :is(#selectedAmount, #CarryoverAmountId, #selectedPayoutsPaymentID, #selectedCarryOverID, #selectedCommissionsEarnedID, #selectedPayoutsID, #selectedBalanceDueID, .custom[style*="color:forestgreen"]) {
  color: var(--portal-success) !important;
}

html.portal-authenticated.portal-theme-ready .commission-reports :is(#WarningMessage, #errorMessagePayout) {
  color: var(--portal-danger) !important;
  background-color: var(--portal-danger-surface) !important;
  border-color: var(--portal-danger-border) !important;
}

html.portal-authenticated.portal-theme-ready .commission-reports td > span[style*="color:red"] {
  color: var(--portal-danger) !important;
}

html.portal-authenticated.portal-theme-ready .commission-reports #ShowCustomDetailsButton {
  color: var(--portal-action-text) !important;
  background-color: var(--portal-action) !important;
  border-color: var(--portal-action) !important;
}

html.portal-authenticated.portal-theme-ready .commission-reports #scrollView {
  color: var(--portal-text) !important;
  background-color: var(--portal-surface-raised) !important;
  border-color: var(--portal-border) !important;
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(.k-grid, .k-grid-content, .k-grid-header, .k-grid-footer, .k-table, .k-input, .k-input-inner, .k-input-button, .k-checkbox, .k-dropdown, .k-dropdownlist, .k-list, .k-list-item, .k-popup, .k-window, .k-dialog, .k-datepicker, .k-calendar, .k-filter-menu, .k-filter-menu-container, .k-menu, .k-menu-item, .k-tooltip, .k-chart),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(.k-grid, .k-grid-content, .k-grid-header, .k-grid-footer, .k-table, .k-input, .k-input-inner, .k-input-button, .k-checkbox, .k-dropdown, .k-dropdownlist, .k-list, .k-list-item, .k-popup, .k-window, .k-dialog, .k-datepicker, .k-calendar, .k-filter-menu, .k-filter-menu-container, .k-menu, .k-menu-item, .k-tooltip, .k-chart),
html.portal-authenticated.portal-theme-ready .commission-reports :is(.k-grid, .k-grid-content, .k-grid-header, .k-grid-footer, .k-table, .k-input, .k-input-inner, .k-input-button, .k-checkbox, .k-dropdown, .k-dropdownlist, .k-list, .k-list-item, .k-popup, .k-window, .k-dialog, .k-datepicker, .k-calendar, .k-filter-menu, .k-filter-menu-container, .k-menu, .k-menu-item, .k-tooltip, .k-chart),
html.portal-authenticated.portal-theme-ready .sales-reports-overlay:is(.k-animation-container, .k-popup, .k-window, .k-dialog, .k-filter-menu, .k-tooltip),
html.portal-authenticated.portal-theme-ready .mobile-reports-overlay:is(.k-animation-container, .k-popup, .k-window, .k-dialog, .k-filter-menu, .k-tooltip),
html.portal-authenticated.portal-theme-ready .commission-reports-overlay:is(.k-animation-container, .k-popup, .k-window, .k-dialog, .k-filter-menu, .k-tooltip),
html.portal-authenticated.portal-theme-ready .sales-reports-overlay :is(.k-list, .k-list-item, .k-popup, .k-window-content, .k-dialog-content, .k-input, .k-input-inner, .k-input-button, .k-checkbox, .k-datepicker, .k-calendar, .k-filter-menu, .k-filter-menu-container, .k-menu, .k-menu-item, .k-tooltip),
html.portal-authenticated.portal-theme-ready .mobile-reports-overlay :is(.k-list, .k-list-item, .k-popup, .k-window-content, .k-dialog-content, .k-input, .k-input-inner, .k-input-button, .k-checkbox, .k-datepicker, .k-calendar, .k-filter-menu, .k-filter-menu-container, .k-menu, .k-menu-item, .k-tooltip),
html.portal-authenticated.portal-theme-ready .commission-reports-overlay :is(.k-list, .k-list-item, .k-popup, .k-window-content, .k-dialog-content, .k-input, .k-input-inner, .k-input-button, .k-checkbox, .k-datepicker, .k-calendar, .k-filter-menu, .k-filter-menu-container, .k-menu, .k-menu-item, .k-tooltip) {
  color: var(--portal-text) !important;
  background-color: var(--portal-surface) !important;
  border-color: var(--portal-border) !important;
}

html.portal-authenticated.portal-theme-ready .sales-performance-report .k-button,
html.portal-authenticated.portal-theme-ready .mobile-reports .k-button,
html.portal-authenticated.portal-theme-ready .commission-reports .k-button,
html.portal-authenticated.portal-theme-ready .sales-reports-overlay .k-button,
html.portal-authenticated.portal-theme-ready .mobile-reports-overlay .k-button,
html.portal-authenticated.portal-theme-ready .commission-reports-overlay .k-button {
  color: var(--portal-action-text) !important;
  background-color: var(--portal-action) !important;
  border-color: var(--portal-action) !important;
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(.k-grid-header, .k-grid-toolbar, .k-grid-footer, .k-window-titlebar, .k-dialog-titlebar),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(.k-grid-header, .k-grid-toolbar, .k-grid-footer, .k-window-titlebar, .k-dialog-titlebar),
html.portal-authenticated.portal-theme-ready .commission-reports :is(.k-grid-header, .k-grid-toolbar, .k-grid-footer, .k-window-titlebar, .k-dialog-titlebar),
html.portal-authenticated.portal-theme-ready .sales-reports-overlay :is(.k-window-titlebar, .k-dialog-titlebar),
html.portal-authenticated.portal-theme-ready .mobile-reports-overlay :is(.k-window-titlebar, .k-dialog-titlebar),
html.portal-authenticated.portal-theme-ready .commission-reports-overlay :is(.k-window-titlebar, .k-dialog-titlebar) {
  color: var(--portal-text-strong) !important;
  background-color: var(--portal-surface-raised) !important;
  border-color: var(--portal-border) !important;
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(.k-table-row, .k-master-row, .k-table-th, .k-table-td),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(.k-table-row, .k-master-row, .k-table-th, .k-table-td),
html.portal-authenticated.portal-theme-ready .commission-reports :is(.k-table-row, .k-master-row, .k-table-th, .k-table-td) {
  color: var(--portal-text);
  background-color: var(--portal-surface);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(.k-hover, .k-table-row:hover, .k-list-item:hover, .k-menu-item:hover, .k-button:hover),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(.k-hover, .k-table-row:hover, .k-list-item:hover, .k-menu-item:hover, .k-button:hover),
html.portal-authenticated.portal-theme-ready .commission-reports :is(.k-hover, .k-table-row:hover, .k-list-item:hover, .k-menu-item:hover, .k-button:hover),
html.portal-authenticated.portal-theme-ready .sales-reports-overlay :is(.k-hover, .k-list-item:hover, .k-menu-item:hover, .k-button:hover),
html.portal-authenticated.portal-theme-ready .mobile-reports-overlay :is(.k-hover, .k-list-item:hover, .k-menu-item:hover, .k-button:hover),
html.portal-authenticated.portal-theme-ready .commission-reports-overlay :is(.k-hover, .k-list-item:hover, .k-menu-item:hover, .k-button:hover) {
  color: var(--portal-text-strong) !important;
  background-color: var(--portal-row-hover) !important;
  border-color: var(--portal-border) !important;
}

html.portal-authenticated.portal-theme-ready .sales-performance-report .k-button:hover:not(.k-disabled),
html.portal-authenticated.portal-theme-ready .mobile-reports .k-button:hover:not(.k-disabled),
html.portal-authenticated.portal-theme-ready .commission-reports .k-button:hover:not(.k-disabled),
html.portal-authenticated.portal-theme-ready .sales-reports-overlay .k-button:hover:not(.k-disabled),
html.portal-authenticated.portal-theme-ready .mobile-reports-overlay .k-button:hover:not(.k-disabled),
html.portal-authenticated.portal-theme-ready .commission-reports-overlay .k-button:hover:not(.k-disabled) {
  color: var(--portal-action-text) !important;
  background-color: var(--portal-action-hover) !important;
  border-color: var(--portal-action-hover) !important;
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(.k-selected, .k-checkbox:checked, .k-table-row[aria-selected="true"], .k-list-item[aria-selected="true"]),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(.k-selected, .k-checkbox:checked, .k-table-row[aria-selected="true"], .k-list-item[aria-selected="true"]),
html.portal-authenticated.portal-theme-ready .commission-reports :is(.k-selected, .k-checkbox:checked, .k-table-row[aria-selected="true"], .k-list-item[aria-selected="true"]),
html.portal-authenticated.portal-theme-ready .sales-reports-overlay :is(.k-selected, [aria-selected="true"]),
html.portal-authenticated.portal-theme-ready .mobile-reports-overlay :is(.k-selected, [aria-selected="true"]),
html.portal-authenticated.portal-theme-ready .commission-reports-overlay :is(.k-selected, [aria-selected="true"]) {
  color: var(--portal-action-text) !important;
  background-color: var(--portal-action) !important;
  border-color: var(--portal-action) !important;
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(.k-expanded, [aria-expanded="true"]),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(.k-expanded, [aria-expanded="true"]),
html.portal-authenticated.portal-theme-ready .commission-reports :is(.k-expanded, [aria-expanded="true"]),
html.portal-authenticated.portal-theme-ready .sales-reports-overlay :is(.k-expanded, [aria-expanded="true"]),
html.portal-authenticated.portal-theme-ready .mobile-reports-overlay :is(.k-expanded, [aria-expanded="true"]),
html.portal-authenticated.portal-theme-ready .commission-reports-overlay :is(.k-expanded, [aria-expanded="true"]) {
  color: var(--portal-text-strong) !important;
  background-color: var(--portal-row-selected) !important;
  border-color: var(--portal-action) !important;
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(.k-input:disabled, .k-disabled, [aria-disabled="true"]),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(.k-input:disabled, .k-disabled, [aria-disabled="true"]),
html.portal-authenticated.portal-theme-ready .commission-reports :is(.k-input:disabled, .k-disabled, [aria-disabled="true"]),
html.portal-authenticated.portal-theme-ready .sales-reports-overlay :is(.k-input:disabled, .k-disabled, [aria-disabled="true"]),
html.portal-authenticated.portal-theme-ready .mobile-reports-overlay :is(.k-input:disabled, .k-disabled, [aria-disabled="true"]),
html.portal-authenticated.portal-theme-ready .commission-reports-overlay :is(.k-input:disabled, .k-disabled, [aria-disabled="true"]) {
  color: var(--portal-muted) !important;
  background-color: var(--portal-surface-disabled) !important;
  border-color: var(--portal-field-border) !important;
  opacity: 1;
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(.k-invalid, .k-form-error, .k-validation-message),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(.k-invalid, .k-form-error, .k-validation-message),
html.portal-authenticated.portal-theme-ready .commission-reports :is(.k-invalid, .k-form-error, .k-validation-message),
html.portal-authenticated.portal-theme-ready .sales-reports-overlay :is(.k-invalid, .k-form-error, .k-validation-message),
html.portal-authenticated.portal-theme-ready .mobile-reports-overlay :is(.k-invalid, .k-form-error, .k-validation-message),
html.portal-authenticated.portal-theme-ready .commission-reports-overlay :is(.k-invalid, .k-form-error, .k-validation-message) {
  color: var(--portal-danger) !important;
  background-color: var(--portal-danger-surface) !important;
  border-color: var(--portal-danger-border) !important;
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(.k-grid-norecords, .k-empty),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(.k-grid-norecords, .k-empty),
html.portal-authenticated.portal-theme-ready .commission-reports :is(.k-grid-norecords, .k-empty) {
  color: var(--portal-muted);
  background-color: var(--portal-surface-raised);
  border-color: var(--portal-border);
}

html.portal-authenticated.portal-theme-ready .sales-performance-report :is(.k-loading-mask, .k-loading-image),
html.portal-authenticated.portal-theme-ready .mobile-reports :is(.k-loading-mask, .k-loading-image),
html.portal-authenticated.portal-theme-ready .commission-reports :is(.k-loading-mask, .k-loading-image),
html.portal-authenticated.portal-theme-ready .sales-reports-overlay :is(.k-loading-mask, .k-loading-image),
html.portal-authenticated.portal-theme-ready .mobile-reports-overlay :is(.k-loading-mask, .k-loading-image),
html.portal-authenticated.portal-theme-ready .commission-reports-overlay :is(.k-loading-mask, .k-loading-image) {
  color: var(--portal-muted) !important;
  background-color: var(--portal-surface-raised) !important;
  border-color: var(--portal-border) !important;
}

html.portal-authenticated.portal-theme-ready .sales-performance-report .k-chart svg text,
html.portal-authenticated.portal-theme-ready .mobile-reports .k-chart svg text,
html.portal-authenticated.portal-theme-ready .commission-reports .k-chart svg text {
  color: var(--portal-text);
  fill: var(--portal-text);
}

@media print {
  html.portal-authenticated.portal-theme-ready[data-portal-theme] {
    --portal-canvas: #ffffff;
    --portal-surface: #ffffff;
    --portal-surface-raised: #ffffff;
    --portal-surface-disabled: #e8eeea;
    --portal-text: #24312a;
    --portal-text-strong: #173b22;
    --portal-text-inverse: #ffffff;
    --portal-muted: #52645a;
    --portal-border: #d2ded5;
    --portal-field-border: #82958a;
    --portal-action: #1f7427;
    --portal-action-hover: #185d20;
    --portal-action-text: #ffffff;
    --portal-focus: #276fce;
    --portal-success: #1f7427;
    --portal-success-surface: #eef7ef;
    --portal-success-border: #a9cdb0;
    --portal-warning: #765600;
    --portal-warning-surface: #fff7d6;
    --portal-warning-border: #d7bd5c;
    --portal-danger: #8d211d;
    --portal-danger-surface: #fff1f0;
    --portal-danger-border: #c7635e;
    --portal-overlay: rgb(16 22 18 / 58%);
    --portal-row-hover: #eaf3ec;
    --portal-row-selected: #dceee0;
    --portal-chart-grid: #b8c7bd;
    --portal-report-chart-grid: #82958a;
    --portal-shadow: none;
  }

  html.portal-authenticated.portal-theme-ready body {
    color: #24312a;
    background: #ffffff;
  }

  html.portal-authenticated.portal-theme-ready .portal-theme-divider,
  html.portal-authenticated.portal-theme-ready .portal-theme-control {
    display: none;
  }
}