/* ========================================
   Outreach Operations — Admin Workspace
   Clean product foundation
======================================== */

:root {
  --oo-admin-canvas: #101c2c;
  --oo-admin-surface: #17263a;
  --oo-admin-surface-soft: #1b2b40;
  --oo-admin-surface-hover: #20334b;
  --oo-admin-border: rgba(154, 171, 192, 0.18);
  --oo-admin-border-strong: rgba(96, 165, 250, 0.38);
  --oo-admin-text: #eef4fb;
  --oo-admin-muted: #9aabc0;
  --oo-admin-blue: #60a5fa;
  --oo-admin-success: #34d399;
  --oo-admin-warning: #fbbf24;
  --oo-admin-danger: #fb7185;
  --oo-admin-radius: 14px;
}

.admin-command-center {
  width: min(100%, 1440px);
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  gap: 20px;
  color: var(--oo-admin-text);
  background: transparent;
}

.admin-workspace-page {
  width: 100%;
  max-width: none;
  gap: 20px;
  color: var(--oo-admin-text);
  background: transparent;
}

.admin-command-center .workspace-card::before,
.admin-command-center .workspace-card::after,
.admin-workspace-page .workspace-card::before,
.admin-workspace-page .workspace-card::after {
  display: none;
  content: none;
}

/* Compact page headers */

.admin-command-center .admin-command-hero,
.admin-workspace-page .admin-workspace-header {
  min-height: 0;
  padding: 22px 24px;
  background: var(--oo-admin-surface);
  border: 1px solid var(--oo-admin-border);
  border-radius: var(--oo-admin-radius);
  box-shadow: none;
  backdrop-filter: none;
}

.admin-command-center .admin-command-hero {
  align-items: center;
}

.admin-command-center .admin-command-hero h2,
.admin-workspace-page .admin-workspace-header h1 {
  margin: 4px 0 0;
  color: var(--oo-admin-text);
  font-size: clamp(1.65rem, 2vw, 2rem);
  font-weight: 750;
  letter-spacing: -0.035em;
  line-height: 1.15;
}

.admin-command-center .admin-command-hero p,
.admin-workspace-page .admin-workspace-header .lead-page-copy {
  max-width: 760px;
  margin: 7px 0 0;
  color: var(--oo-admin-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.admin-command-eyebrow,
.admin-command-card-label,
.admin-workspace-page .sales-dashboard-eyebrow {
  color: #8fc2ff;
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-command-mode,
.admin-workspace-page
  .admin-workspace-header
  .sales-details-status {
  min-height: 30px;
  padding: 5px 11px;
  background: rgba(52, 211, 153, 0.09);
  border: 1px solid rgba(52, 211, 153, 0.28);
  border-radius: 999px;
  box-shadow: none;
  color: #9ce8c8;
  font-size: 0.72rem;
  font-weight: 700;
}

.admin-command-hero > .admin-command-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(132px, 1fr));
  gap: 8px;
  max-width: none;
}

.admin-command-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px 10px;
  min-width: 0;
  padding: 8px 10px;
  background: var(--oo-card, var(--oo-admin-surface));
  border: 1px solid var(--oo-border, var(--oo-admin-border));
  border-radius: 10px;
}

.admin-command-control-label {
  color: var(--oo-text, var(--oo-admin-text));
  font-size: 0.76rem;
  font-weight: 700;
}

.admin-command-control small {
  grid-column: 1 / -1;
  color: var(--oo-text-secondary, var(--oo-admin-muted));
  font-size: 0.68rem;
  line-height: 1.3;
}

.admin-command-control-state {
  min-width: 42px;
  padding: 3px 8px;
  background: var(--oo-surface, var(--oo-admin-surface-soft));
  border: 1px solid var(--oo-border, var(--oo-admin-border));
  border-radius: 999px;
  color: var(--oo-text-secondary, var(--oo-admin-muted));
  font: inherit;
  font-size: 0.68rem;
  font-weight: 700;
  opacity: 1;
  cursor: not-allowed;
}

.admin-command-control-state:not(:disabled) {
  cursor: pointer;
}

.admin-command-control-error {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--oo-admin-danger);
  font-size: 0.72rem;
  line-height: 1.4;
}

/* Internal Admin navigation */

.admin-workspace-page .admin-workspace-tabs {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 46px;
  padding: 5px;
  overflow-x: auto;
  background: #0b1828;
  border: 1px solid var(--oo-admin-border);
  border-radius: 12px;
  box-shadow: none;
}

.admin-workspace-page
  .admin-workspace-tabs
  .sales-dashboard-tab {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: none;
  color: var(--oo-admin-muted);
  font-size: 0.76rem;
  font-weight: 650;
  transform: none;
}

.admin-workspace-page
  .admin-workspace-tabs
  .sales-dashboard-tab:hover {
  background: rgba(255, 255, 255, 0.04);
  color: var(--oo-admin-text);
}

.admin-workspace-page
  .admin-workspace-tabs
  .sales-dashboard-tab.is-active {
  background: rgba(96, 165, 250, 0.12);
  border-color: var(--oo-admin-border-strong);
  color: #ffffff;
}

.admin-workspace-page
  .admin-workspace-tabs
  .sales-dashboard-tab:focus-visible {
  outline: 2px solid var(--oo-admin-blue);
  outline-offset: 2px;
}

/* KPI summary */

.admin-command-center .admin-command-summary-grid,
.admin-workspace-page .admin-command-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.admin-command-center .admin-command-summary-card,
.admin-workspace-page .admin-command-summary-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-height: 88px;
  padding: 13px 16px;
  box-sizing: border-box;
  background: var(--oo-admin-surface-soft);
  border: 1px solid var(--oo-admin-border);
  border-radius: var(--oo-admin-radius);
  box-shadow: none;
  backdrop-filter: none;
}

.admin-command-center .admin-command-summary-card h3,
.admin-workspace-page .admin-command-summary-card h3 {
  margin: 10px 0 0;
  color: var(--oo-admin-muted);
  font-size: 0.78rem;
  font-weight: 650;
}

.admin-command-center .admin-command-summary-card p,
.admin-workspace-page .admin-command-summary-card p {
  margin: auto 0 0;
  color: var(--oo-admin-text);
  font-size: 1.75rem;
  font-weight: 760;
  letter-spacing: -0.04em;
  line-height: 1;
}

/* Dashboard sections */

.admin-command-center .admin-command-section,
.admin-workspace-page .admin-command-section {
  display: grid;
  gap: 12px;
}

.admin-command-center .admin-command-section-header,
.admin-workspace-page .admin-command-section-header {
  align-items: flex-end;
  min-height: 0;
  padding: 0 2px;
}

.admin-command-center .admin-command-section-header h2,
.admin-workspace-page .admin-command-section-header h2 {
  margin: 0;
  color: var(--oo-admin-text);
  font-size: 1.08rem;
  font-weight: 720;
  letter-spacing: -0.02em;
}

.admin-command-center .admin-command-section-header p,
.admin-workspace-page .admin-command-section-header p {
  margin: 4px 0 0;
  color: var(--oo-admin-muted);
  font-size: 0.78rem;
  line-height: 1.4;
}

/* Workspace actions */

.admin-command-center .admin-command-action-grid,
.admin-workspace-page .admin-command-action-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.admin-command-center .admin-command-action-card,
.admin-workspace-page .admin-command-action-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-height: 108px;
  padding: 14px 16px;
  box-sizing: border-box;
  background: var(--oo-admin-surface-soft);
  border: 1px solid var(--oo-admin-border);
  border-radius: var(--oo-admin-radius);
  box-shadow: none;
  color: var(--oo-admin-text);
  text-align: left;
  transform: none;
  backdrop-filter: none;
}

.admin-command-center .admin-command-action-card:hover,
.admin-workspace-page .admin-command-action-card:hover {
  background: var(--oo-admin-surface-hover);
  border-color: var(--oo-admin-border-strong);
  box-shadow: none;
  transform: none;
}

.admin-command-center .admin-command-action-card:focus-visible,
.admin-workspace-page .admin-command-action-card:focus-visible {
  outline: 2px solid var(--oo-admin-blue);
  outline-offset: 2px;
}

.admin-command-center .admin-command-action-card strong,
.admin-workspace-page .admin-command-action-card strong {
  margin: 12px 0 0;
  color: var(--oo-admin-text);
  font-size: 1.02rem;
  font-weight: 720;
  letter-spacing: -0.015em;
}

.admin-command-center .admin-command-action-card p,
.admin-workspace-page .admin-command-action-card p {
  margin: 7px 0 0;
  color: var(--oo-admin-muted);
  font-size: 0.78rem;
  line-height: 1.4;
}

.admin-command-center .admin-command-action-card small,
.admin-workspace-page .admin-command-action-card small {
  margin-top: auto;
  padding-top: 14px;
  color: #8fc2ff;
  font-size: 0.74rem;
  font-weight: 700;
}

.admin-command-center .admin-command-primary,
.admin-command-center .admin-command-success,
.admin-command-center .admin-command-warning,
.admin-command-center .admin-command-neutral,
.admin-workspace-page .admin-command-primary,
.admin-workspace-page .admin-command-success,
.admin-workspace-page .admin-command-warning,
.admin-workspace-page .admin-command-neutral {
  background: var(--oo-admin-surface-soft);
}

.admin-command-center .admin-command-primary,
.admin-workspace-page .admin-command-primary {
  border-left: 3px solid var(--oo-admin-blue);
}

.admin-command-center .admin-command-success,
.admin-workspace-page .admin-command-success {
  border-left: 3px solid var(--oo-admin-success);
}

.admin-command-center .admin-command-warning,
.admin-workspace-page .admin-command-warning {
  border-left: 3px solid var(--oo-admin-warning);
}

.admin-command-center .admin-command-neutral,
.admin-workspace-page .admin-command-neutral {
  border-left: 3px solid #64748b;
}

/* Pipeline shortcuts */

.admin-command-center .admin-command-stage-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.admin-command-center .admin-command-stage-card {
  min-height: 84px;
  padding: 12px 14px;
  box-sizing: border-box;
  background: var(--oo-admin-surface-soft);
  border: 1px solid var(--oo-admin-border);
  border-radius: 12px;
  box-shadow: none;
  color: var(--oo-admin-text);
  text-align: left;
  transform: none;
}

.admin-command-center .admin-command-stage-card:hover {
  background: var(--oo-admin-surface-hover);
  border-color: var(--oo-admin-border-strong);
  box-shadow: none;
  transform: none;
}

.admin-command-center .admin-command-stage-card h3,
.admin-command-center .admin-command-stage-card p {
  color: var(--oo-admin-text);
}

.admin-command-center .admin-command-stage-card small {
  color: var(--oo-admin-muted);
}

@media (max-width: 1250px) {
  .admin-command-center .admin-command-action-grid,
  .admin-workspace-page .admin-command-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-command-center .admin-command-stage-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .admin-command-center .admin-command-summary-grid,
  .admin-workspace-page .admin-command-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .admin-command-center .admin-command-hero,
  .admin-workspace-page .admin-workspace-header {
    align-items: flex-start;
    padding: 18px;
  }

  .admin-command-hero > .admin-command-controls {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-command-center .admin-command-summary-grid,
  .admin-workspace-page .admin-command-summary-grid,
  .admin-command-center .admin-command-action-grid,
  .admin-workspace-page .admin-command-action-grid,
  .admin-command-center .admin-command-stage-grid {
    grid-template-columns: 1fr;
  }
}

html.oo-operator-workspace.oo-theme-light {
  --oo-admin-canvas: #cfdce8;
  --oo-admin-surface: #ffffff;
  --oo-admin-surface-soft: #f4f7fb;
  --oo-admin-surface-hover: #e8eef5;
  --oo-admin-border: #8fa3b8;
  --oo-admin-border-strong: #5b8fd9;
  --oo-admin-text: #122033;
  --oo-admin-muted: #35506a;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-command-center
.admin-command-action-card small,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-workspace-page
.admin-command-action-card small {
  color: #1d4ed8;
}

html.oo-operator-workspace.oo-theme-dark {
  --oo-admin-canvas: #101c2c;
  --oo-admin-surface: #17263a;
  --oo-admin-surface-soft: #1b2b40;
  --oo-admin-surface-hover: #20334b;
  --oo-admin-border: rgba(154, 171, 192, 0.18);
  --oo-admin-border-strong: rgba(96, 165, 250, 0.38);
  --oo-admin-text: #eef4fb;
  --oo-admin-muted: #9aabc0;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-workspace-page
.admin-workspace-header {
  color:
    #17263a;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f3f7fb
    );

  border-color:
    #a9bacd;

  box-shadow:
    0 6px 16px
    rgba(
      25,
      48,
      76,
      0.08
    );
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-workspace-page
.admin-workspace-header
.sales-dashboard-eyebrow {
  color:
    #2563a8;

  background:
    #e2edff;

  border:
    1px solid
    #a9c8f3;

  border-radius:
    999px;

  padding:
    6px 11px;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-workspace-page
.admin-workspace-header h1 {
  color:
    #17263a;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-workspace-page
.admin-workspace-header
.lead-page-copy {
  color:
    #40566e;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-workspace-page
.admin-workspace-header
.sales-details-status {
  color:
    #08734e;

  background:
    #e7f8f0;

  border-color:
    #91d8ba;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-command-eyebrow,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-command-card-label,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-workspace-page
.sales-dashboard-eyebrow {
  color: #1d4ed8;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-command-control-error {
  color: #b91c1c;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-command-mode,
html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-workspace-page
.admin-workspace-header
.sales-details-status {
  color: #047857;
  background: #d1fae5;
  border-color: #6ee7b7;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-workspace-page
.admin-workspace-tabs {
  background: #e8eef5;
}

html.oo-operator-workspace.oo-theme-light
#workspaceMain
.admin-workspace-page
.admin-workspace-tabs
.sales-dashboard-tab.is-active {
  color: #122033;
  background: #ffffff;
}