/* ==================================================
   PRODUCTION WORKSPACE
   FILE: /clients/css/workspaces/production.css

   PURPOSE:
   Production workspace-specific styling.

   OWNS:
   - production metric density
   - production chart sizing
   - production visual tuning
   - production modal sizing
   - production operational layouts

   DOES NOT OWN:
   - platform shell
   - sidebar layout
   - workspace mounting
   - global responsive behavior
   - shared card framework
================================================== */


/* ==================================================
   TEMP STATUS CLEANUP
================================================== */

.status-pill {
  display: none !important;
}

.health-status {
  display: none !important;
}


/* ==================================================
   STATUS GROUPING
================================================== */

.status-section-row td {
  padding: 0 !important;

  border-bottom: none !important;

  background: #f8fafc !important;
}

.status-section-header {
  padding: 8px 12px;

  background: #e2e8f0;

  color: #0f172a;

  font-size: 12px;
  font-weight: 800;

  letter-spacing: 0.4px;

  border-top: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
}

.status-section-count {
  color: #475569;

  font-weight: 700;
}


/* ==================================================
   SUPPORTING METRICS LAYOUT
================================================== */

.supporting-metrics {
  gap: 10px;
}

.supporting-item {
  position: relative;

  padding: 10px 8px 8px;

  min-height: 140px;
}


/* ==================================================
   INGREDIENT STATS (shared inline stat block)
================================================== */

.ingredient-stats {
  height: 100%;

  display: flex;
  flex-direction: column;

  align-items: center;
  justify-content: center;

  gap: 3px;

  font-size: 12px;
  font-weight: 700;

  line-height: 1.2;

  text-align: center;
}


/* ==================================================
   SOURCE BADGES
================================================== */

.exception-tile {
  position: relative;
}

.metric-title-row {
  display: flex;

  align-items: center;
  justify-content: center;

  gap: 4px;
}

.metric-source-badge {
  position: absolute;

  top: 6px;
  left: 6px;

  width: 12px;
  height: 12px;

  border-radius: 50%;

  background: rgba(34, 197, 94, 0.18);
  color: #15803d;

  border: 1px solid rgba(34, 197, 94, 0.22);

  font-size: 7px;
  font-weight: 700;

  display: none;

  align-items: center;
  justify-content: center;

  line-height: 1;

  z-index: 2;
}


/* ==================================================
   PAST-DUE TASK HIGHLIGHT
================================================== */

.past-due-days {
  color: #dc2626;

  font-weight: 700;
}


/* ==================================================
   MODAL TABLE WIDTH
================================================== */

.metric-modal-content {
  width: 98vw;
  max-width: 98vw;
}

.metric-modal-body {
  overflow-x: auto;
}

.metric-table {
  min-width: 1800px;
}