/* ========================================
   Shared product theme for ADM + remaining
   surfaces. Loaded after hunter product CSS.
   Tokens come from operatorWorkspaceTheme.css
   and adminWorkspaceProduct.css.
======================================== */

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.empty-state,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.empty-leads,
html.oo-operator-workspace.oo-theme-dark
#workspaceMain
.empty-state,
html.oo-operator-workspace.oo-theme-dark
#workspaceMain
.empty-leads {
  background: var(--oo-card);
  border: 1px solid var(--oo-border);
  color: var(--oo-text);
  backdrop-filter: none;
}

html.oo-operator-workspace
#workspaceMain
.empty-state strong,
html.oo-operator-workspace
#workspaceMain
.empty-leads strong {
  color: var(--oo-text);
}

html.oo-operator-workspace
#workspaceMain
.empty-state p,
html.oo-operator-workspace
#workspaceMain
.empty-leads p {
  color: var(--oo-muted);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-page,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-page
.user-kpi-card,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-page
.users-create-card,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-page
.users-table,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-page
.users-table thead th,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-page
.users-table tbody td {
  color: var(--oo-text);
  background: var(--oo-card);
  border-color: var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-page
.user-kpi-label,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-page
.users-header p,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-page
label {
  color: var(--oo-muted);
  opacity: 1;
}

html.oo-operator-workspace.oo-theme-dark
#workspaceMain
.users-page {
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-view,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-command-center,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-command-header,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-command-grid > *,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-integration-card {
  color: var(--oo-text);
  background: var(--oo-card);
  background-image: none;
  border: 1px solid var(--oo-border);
  box-shadow: var(--oo-shadow);
  backdrop-filter: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-command-header::before {
  display: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-command-label,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-command-card-label,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-integration-label,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-integration-copy {
  color: var(--oo-muted);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-command-header h1 {
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-command-header p:not(.settings-command-label) {
  color: var(--oo-text-secondary);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-command-mode {
  color: #1d4ed8;
  background: #e2edff;
  border-color: #a9c8f3;
}

html.oo-operator-workspace
#workspaceMain
.unknown-queue-view,
html.oo-operator-workspace
#workspaceMain
.contact-registry-view {
  color: var(--oo-text);
}

html.oo-operator-workspace
#workspaceMain
.unknown-lead-card,
html.oo-operator-workspace
#workspaceMain
.registry-card {
  background: var(--oo-card);
  border: 1px solid var(--oo-border);
  color: var(--oo-text);
  backdrop-filter: none;
}

html.oo-operator-workspace
#workspaceMain
.unknown-lead-card strong,
html.oo-operator-workspace
#workspaceMain
.registry-card strong {
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.staffing-calculator,
html.oo-operator-workspace.oo-theme-dark
#workspaceMain
.staffing-calculator {
  --calculator-surface: var(--oo-card);
  --calculator-surface-strong: var(--oo-header);
  --calculator-surface-soft: var(--oo-header);
  --calculator-border: var(--oo-border);
  color: var(--oo-text);
  background: var(--oo-card);
  background-image: none;
}

html.oo-operator-workspace
#workspaceMain
.staffing-calculator::before,
html.oo-operator-workspace
#workspaceMain
.staffing-calculator::after {
  display: none;
  content: none;
}

html.oo-operator-workspace
#workspaceMain
.staffing-calculator h2,
html.oo-operator-workspace
#workspaceMain
.staffing-calculator label {
  color: var(--oo-text);
}

html.oo-operator-workspace
#workspaceMain
.staffing-calculator input,
html.oo-operator-workspace
#workspaceMain
.staffing-calculator select,
html.oo-operator-workspace
#workspaceMain
.staffing-calculator textarea {
  color: var(--oo-text);
  background: var(--oo-input);
  border: 1px solid var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-runtime-section,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-detail-panel,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-control-editor,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-table {
  color: var(--oo-text);
  background: var(--oo-card);
  background-image: none;
  border-color: var(--oo-border);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-runtime-section-summary,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-control-summary,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-table-head,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-filter-row {
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.dashboard-page
input,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.dashboard-page
select,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.dashboard-page
textarea,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-view
.settings-integration-card
input,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-view
.settings-integration-card
select,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.settings-view
.settings-integration-card
textarea,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-page
input,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-page
select,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.users-page
textarea,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.unknown-queue-view
input,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.unknown-queue-view
select,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.contact-registry-view
input,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.contact-registry-view
select {
  color: var(--oo-text);
  background: var(--oo-input);
  border: 1px solid var(--oo-border);
}

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

html.oo-operator-workspace.oo-theme-light
.workspace-details
.lead-detail-card,
html.oo-operator-workspace.oo-theme-light
.workspace-details
.lead-details,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.lead-conversation-panel,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.lead-activity-panel,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.lead-ai-workspace,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.lead-context-panel {
  color: var(--oo-text);
  background: var(--oo-card);
  border: 1px solid var(--oo-border);
  backdrop-filter: none;
  box-shadow: var(--oo-shadow);
}

html.oo-operator-workspace.oo-theme-dark
.workspace-details
.lead-detail-card,
html.oo-operator-workspace.oo-theme-dark
.workspace-details
.lead-details,
html.oo-operator-workspace.oo-theme-dark
#workspaceMain
.lead-conversation-panel,
html.oo-operator-workspace.oo-theme-dark
#workspaceMain
.lead-activity-panel,
html.oo-operator-workspace.oo-theme-dark
#workspaceMain
.lead-ai-workspace,
html.oo-operator-workspace.oo-theme-dark
#workspaceMain
.lead-context-panel {
  color: var(--oo-text);
  background: var(--oo-card);
  border: 1px solid var(--oo-border);
  backdrop-filter: none;
}

html.oo-operator-workspace
#workspaceMain
.admin-new-lead-page,
html.oo-operator-workspace
#workspaceMain
.admin-contact-requests-page {
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-new-lead-page
.workspace-card,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-contact-requests-page
.workspace-card,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-contact-requests-page
.admin-contact-request-card {
  color: var(--oo-text);
  background: var(--oo-card);
  border: 1px solid var(--oo-border);
  backdrop-filter: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-stats-grid
> .workspace-card,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
#adminAuditStats
.workspace-card,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-control-surface,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-control-item {
  color: var(--oo-text);
  background: var(--oo-card);
  background-image: none;
  border: 1px solid var(--oo-border);
  box-shadow: var(--oo-shadow);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-stats-grid
> .workspace-card::after,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
#adminAuditStats
.workspace-card::after,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-control-item::after {
  display: none;
  content: none;
  background: none;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-stats-grid
> .workspace-card
h3,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
#adminAuditStats
.workspace-card
h3,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-control-summary
h3,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-control-item
span {
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-stats-grid
> .workspace-card
p,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
#adminAuditStats
.workspace-card
p,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-control-item
strong,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-control-toggle-row
strong {
  color: var(--oo-text);
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-stats-grid
> .workspace-card
small,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
#adminAuditStats
.workspace-card
small,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-control-summary
small,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-control-item
small,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-control-toggle-row
small,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-control-toggle-row
span {
  color: var(--oo-text-secondary);
  opacity: 1;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-control-locked {
  background: #fef2f2;
  border-color: #dc2626;
}

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

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.audit-control-safe {
  background: #ecfdf5;
  border-color: #059669;
}

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