/* Light-mode readable text and surfaces.
   Loaded last. Scoped to operator light + workspace.
   Dark islands keep their own colors. */

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.dashboard-header,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.workspace-card,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.stats-grid > .workspace-card,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.stats-grid > .stats-card,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-header,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-table,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.hunter-workspace-header,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.hunter-panel,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-command-header,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-command-action-card,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-command-summary-card,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-workspace-header {
  color: var(--oo-text);
  background: var(--oo-card);
  background-image: none;
  border-color: var(--oo-border);
  box-shadow: var(--oo-shadow);
  backdrop-filter: none;
  filter: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.workspace-card::before,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.workspace-card::after,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.stats-grid > .workspace-card::after,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.stats-grid > .stats-card::after,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-command-action-card::after,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.hunter-workspace-header::after {
  display: none;
  content: none;
  background: none;
  filter: none;
  opacity: 0;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
h1,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
h2,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
h3,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
h4,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
p,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
label,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
legend,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
th,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
td,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
dt,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
dd,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
li,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
strong,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.user-kpi-label,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.user-kpi-value,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-command-card-label,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.hunter-workspace-title,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.hunter-panel-title {
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
small,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.lead-page-copy,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-dashboard-eyebrow,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.hunter-workspace-eyebrow,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.hunter-workspace-subtitle,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-command-label,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-integration-copy,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-header p,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-title p {
  color: var(--oo-text-secondary);
  opacity: 1;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
input:not([type="checkbox"]):not([type="radio"]),
html.oo-operator-workspace.oo-theme-light
#workspaceMain
select,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
textarea {
  color: var(--oo-text);
  background: var(--oo-input);
  border-color: var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
input::placeholder,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
textarea::placeholder {
  color: var(--oo-placeholder);
  opacity: 1;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.btn-secondary,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.btn-ghost,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.secondary-button,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
button:disabled {
  color: var(--oo-text);
  opacity: 1;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.btn-primary,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.primary-button,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.hunter-btn-primary {
  color: #ffffff;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-control-locked
strong,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-runtime-status-pill.is-locked
strong {
  color: #b91c1c;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-control-safe
strong,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-runtime-status-pill.is-safe
strong {
  color: #047857;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.ai-settings-modal,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
#aiSettingsCard,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.ai-settings-modal
h1,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.ai-settings-modal
h2,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.ai-settings-modal
h3,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.ai-settings-modal
p,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.ai-settings-modal
label,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.ai-settings-modal
strong,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.ai-settings-modal
span,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.ai-settings-modal
small,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.ai-settings-modal
input,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.ai-settings-modal
select {
  color: #e8eef6;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.ai-settings-modal
input,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.ai-settings-modal
select,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.ai-settings-field
input,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.ai-settings-field
select {
  background: rgba(8, 18, 32, 0.78);
  border-color: rgba(196, 212, 230, 0.34);
  color: #f8fafc;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-league-celebration
h2,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-league-celebration
p,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-league-celebration
strong {
  color: #fef9c3;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-table
th,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-table
td,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.user-actions
button {
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.user-status-active {
  color: #047857;
  background: #ecfdf5;
  border-color: #059669;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-table
input,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-toolbar
input,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-toolbar
select {
  color: var(--oo-text);
  background: var(--oo-input);
  border: 1px solid var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-lead-row-field,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-lead-row-field strong,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-lead-card p,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-lead-card strong,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.ai-lead-contact-item span,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-form-field label,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-leaderboard-score-grid span,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-hunting-job-meta,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-hunting-keywords,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-hunting-report-label,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.calculator-field label,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.registry-row,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-details-status-item p,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-activity-card p,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-column,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesSmartImportTextarea::placeholder,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
input::placeholder,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
textarea::placeholder {
  color: var(--oo-text-secondary, #24384f);
  opacity: 1;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.user-status,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-table
.status {
  color: #047857;
  background: #d1fae5;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-command-card small,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-command-card-label,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-handoff-stat-label {
  color: var(--oo-text-secondary, #24384f);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-page
.user-actions-menu-list {
  background: var(--oo-card);
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.calculator-result-card small,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.calculator-vat-note,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.calculator-total small {
  color: var(--oo-text-secondary, #24384f);
  opacity: 1;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.secondary-button,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
[data-sales-hunting-save-draft] {
  color: var(--oo-text);
  border-color: var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-hunting-job-meta span,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-hunting-report-item,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-hunting-keywords {
  background: #f4f7fb;
  border-color: var(--oo-border, #c5d3e3);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-hunting-report-value {
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-hunting-status.is-completed {
  background: #d1fae5;
  color: #047857;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator {
  color: var(--oo-text);
  background: transparent;
  background-image: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 8px 4px 28px;
  gap: 18px;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.calculator-header {
  align-items: center;
  gap: 12px;
  padding: 0;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.calculator-eyebrow {
  display: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator h2 {
  margin: 0;
  font-size: 22px;
  letter-spacing: -0.03em;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator h2::before {
  height: 22px;
  width: 4px;
  box-shadow: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.calculator-header-status {
  min-height: 32px;
  padding: 6px 12px;
  color: #047857;
  background: #ecfdf5;
  border-color: #a7f3d0;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.calculator-panel {
  gap: 16px;
  padding: 18px 20px;
  border: 1px solid var(--oo-border);
  border-radius: 14px;
  background: var(--oo-card);
  background-image: none;
  box-shadow: var(--oo-shadow);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.calculator-panel-header {
  align-items: center;
  gap: 10px;
  padding-bottom: 12px;
  border-bottom-color: var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.calculator-panel-header h3 {
  color: var(--oo-text);
  font-size: 16px;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.calculator-panel-header p,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.calculator-panel-kicker {
  display: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.calculator-inputs {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px 16px;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.form-group {
  grid-column: auto !important;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.form-group,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.form-group:hover,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.form-group:has(#scenarioPreset),
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.form-group:has(#companyName),
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.form-group:has(#salaryBasisType:not(:disabled)),
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.form-group:has(#recruitmentHourlyRate:not(:disabled)),
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.form-group:has(#annualSalary:not(:disabled)),
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.form-group:has(#employmentPercentage:not(:disabled)),
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.form-group:has(#feePercentage:not(:disabled)) {
  min-height: 0;
  margin: 0;
  padding: 0;
  gap: 6px;
  border: 0;
  border-radius: 0;
  background: none;
  background-image: none;
  box-shadow: none;
  transform: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.form-group label {
  color: var(--oo-text);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator input,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator select {
  min-height: 40px;
  height: 40px;
  padding: 0 12px;
  color: var(--oo-text);
  background: #ffffff;
  border: 1px solid var(--oo-border);
  border-radius: 8px;
  box-shadow: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator input:hover,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator select:hover {
  border-color: #5b7c99;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator input:focus,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator select:focus {
  background: #ffffff;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator input:disabled,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator select:disabled,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.form-group:has(input:disabled),
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.form-group:has(select:disabled) {
  color: var(--oo-text-secondary);
  background: #f4f7fb;
  border-color: var(--oo-border);
  opacity: 0.55;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
#calculatorResults {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
#calculatorResults
.factor-result,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator:not(:has(#salaryBasisType:not(:disabled)))
#calculatorResults
.factor-result {
  flex: none;
  min-width: 0;
  min-height: 0;
  padding: 16px;
  color: var(--oo-text);
  background: #ffffff;
  background-image: none;
  border: 1px solid var(--oo-border);
  border-radius: 12px;
  box-shadow: none;
  transform: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
#calculatorResults
.factor-result::after {
  display: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
#calculatorResults
.factor-result:hover {
  transform: none;
  border-color: #5b7c99;
  box-shadow: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
#calculatorResults
.factor-result h3 {
  margin: 0 0 12px;
  color: var(--oo-text);
  font-size: 15px;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
#calculatorResults
.factor-result p {
  margin: 6px 0;
  padding-bottom: 6px;
  color: var(--oo-text-secondary);
  border-bottom-color: var(--oo-border);
  font-size: 13px;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.calculator-total {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid var(--oo-border);
  border-radius: 10px;
  background: #f4f7fb;
  color: var(--oo-text-secondary);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.calculator-total strong {
  color: var(--oo-text);
  font-size: 28px;
  letter-spacing: -0.04em;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.calculator-savings {
  margin-top: 10px;
  padding: 10px 12px;
  color: #047857;
  background: #ecfdf5;
  border-color: #a7f3d0;
  border-radius: 10px;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.calculator-savings strong {
  color: #047857;
  font-size: 18px;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.comparison-result.calculator-actions {
  grid-column: 1 / -1;
  justify-content: flex-start !important;
  min-height: 0;
  margin-top: 4px;
  padding: 4px 0 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator
.calculator-actions
button {
  min-width: 0;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 8px;
}

@media (max-width: 1100px) {
  html.oo-operator-workspace.oo-theme-light
  #workspaceMain
  .staffing-calculator
  .calculator-inputs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html.oo-operator-workspace.oo-theme-light
  #workspaceMain
  .staffing-calculator
  .calculator-inputs,
  html.oo-operator-workspace.oo-theme-light
  #workspaceMain
  .staffing-calculator
  #calculatorResults {
    grid-template-columns: 1fr !important;
  }
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-upcoming-page
.dashboard-header {
  color: var(--oo-text);
  background: transparent;
  background-image: none;
  border: 0;
  box-shadow: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-upcoming-status-overdue {
  color: #9f1239;
  background: #ffe4e6;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-upcoming-status-today {
  color: #854d0e;
  background: #fef3c7;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-upcoming-status-future {
  color: #1e3a8a;
  background: #dbeafe;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-upcoming-table-wrap {
  background: #ffffff;
  border-color: var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-upcoming-table thead th {
  color: var(--oo-text);
  background: #f4f7fb;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-upcoming-table tbody td {
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-upcoming-table tbody tr:hover td {
  background: #f4f7fb;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-upcoming-table
.sales-upcoming-activity-row {
  background: transparent;
  border-top: none;
  border-right: none;
  border-bottom: none;
  box-shadow: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-header,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-guide-card,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-input-card {
  background: #ffffff;
  background-image: none;
  border: 1px solid var(--oo-border);
  box-shadow: var(--oo-shadow);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-header h1,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-section-header h2,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-action-bar strong {
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-page >
.sales-smart-import-guide-card:first-of-type
.sales-smart-import-actions {
  background: transparent;
  border: 0;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-action-bar {
  background: #f4f7fb;
  background-image: none;
  border-color: var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesSmartImportColumns
.sales-smart-import-column {
  background: #f4f7fb;
  color: var(--oo-text);
  border-color: var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-section-icon {
  color: #1e3a8a;
  background: #dbeafe;
  border-color: #93c5fd;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-page.is-advert
#salesSmartImportTextarea {
  font-family: inherit;
  background: #ffffff;
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-edit-card,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-finished-card,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-result >
.workspace-card {
  color: var(--oo-text);
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid var(--oo-border) !important;
  box-shadow: var(--oo-shadow);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-edit-card::after,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-guide-card::after,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-input-card::after {
  display: none;
  content: none;
  background: none !important;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-preview-header h3,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-finished-card h3,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-edit-field span {
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-edit-field input,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-edit-field textarea {
  color: var(--oo-text);
  background: #ffffff;
  border: 1px solid var(--oo-border);
  box-shadow: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-edit-field input:focus,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-edit-field textarea:focus {
  background: #ffffff;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-table-wrap {
  background: #ffffff;
  border-color: var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-table,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-table th,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-table td {
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-table th {
  background: #f4f7fb;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.sales-smart-import-warning {
  color: #854d0e;
  background: #fef3c7;
  border-color: #fcd34d;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesDashboardPanelLeague
.sales-leaderboard-card,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesDashboardPanelLeague
.sales-league-history,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesDashboardPanelLeague
.sales-snake-preview {
  color: var(--oo-text);
  background: #ffffff;
  background-image: none;
  border: 1px solid var(--oo-border);
  box-shadow: var(--oo-shadow);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesDashboardPanelLeague
.sales-leaderboard-header h2,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesDashboardPanelLeague
.sales-snake-preview-copy h2,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesDashboardPanelLeague
.sales-leaderboard-user strong,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesDashboardPanelLeague
.sales-leaderboard-pill strong {
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesDashboardPanelLeague
.sales-leaderboard-row {
  background: #f4f7fb;
  border: 1px solid var(--oo-border);
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesDashboardPanelLeague
.sales-leaderboard-rank {
  background: #dbeafe;
  border-color: #93c5fd;
  color: #1e3a8a;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesDashboardPanelLeague
.sales-leaderboard-user span,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesDashboardPanelLeague
.sales-leaderboard-pill {
  color: var(--oo-text-secondary);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesDashboardPanelLeague
.sales-leaderboard-pill {
  background: #ffffff;
  border: 1px solid var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesDashboardPanelLeague
.sales-leaderboard-actions strong,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesDashboardPanelLeague
.sales-leaderboard-header > strong {
  color: var(--oo-text);
  background: #f4f7fb;
  border: 1px solid var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesDashboardPanelLeague
.sales-leaderboard-actions .btn-secondary,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
#salesDashboardPanelLeague
.sales-snake-preview-actions .btn-secondary {
  color: var(--oo-text);
  background: #ffffff;
  border: 1px solid var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-widget-panel {
  background: var(--oo-card);
  background-image: none;
  color: var(--oo-text);
  border: 1px solid var(--oo-border);
  border-left: 1px solid var(--oo-border);
  box-shadow: 12px 0 24px rgba(18, 32, 51, 0.12);
  backdrop-filter: none;
}

html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-widget-header,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-chat-title,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-widget-body,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-chat-main,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-users-list,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-chat-form {
  background: var(--oo-card);
  background-image: none;
  color: var(--oo-text);
  border-color: var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-chat-main {
  background: var(--oo-surface);
}

html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-widget-header strong,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-chat-title strong,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-chat-empty-large strong,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-user-item,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-user-item strong,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-chat-message p,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-chat-form input {
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-widget-header span,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-chat-title small,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-chat-empty-large span,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-chat-empty,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-users-empty,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-user-item small {
  color: var(--oo-muted, var(--oo-text-secondary));
}

html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-user-item {
  background: #ffffff;
  border: 1px solid var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-user-item:hover,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-user-item.is-active {
  background: #eef4fb;
  border-color: #93c5fd;
}

html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
#team-widget-refresh,
html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
#team-widget-close {
  background: #ffffff;
  border: 1px solid var(--oo-border);
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-chat-form input {
  background: var(--oo-input, #ffffff);
  border: 1px solid var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-chat-form input::placeholder {
  color: var(--oo-placeholder, var(--oo-muted));
}

html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-chat-message {
  background: #ffffff;
  border: 1px solid var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#team-workflow-panel-root
.team-chat-message.is-mine {
  background: #e8f0fb;
  border-color: #c5d6ea;
}