/* Production pilots P1–P5 — approved Shift Command content surfaces. */
.bms-pilot {
  padding: 18px;
  border-color: var(--bms-border);
  border-radius: var(--bms-radius-2);
  background: var(--bms-surface);
  box-shadow: var(--bms-shadow-1);
}

.bms-pilot .workflow-page-title,
.bms-pilot .section-title { min-height: 46px; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--bms-border); }
.bms-pilot .workflow-page-title h2,
.bms-pilot .section-title h2 { color: var(--bms-text); font-size: 20px; font-weight: 720; }
.bms-pilot .eyebrow { color: var(--bms-text-muted); font-size: 10px; letter-spacing: .1em; }
.bms-pilot .btn { min-height: var(--bms-control-standard); border-radius: var(--bms-radius-2); box-shadow: none; }
.bms-pilot .btn:hover { transform: none; box-shadow: var(--bms-shadow-1); }
.bms-pilot .btn.primary { background: var(--bms-primary); }
.bms-pilot .btn.primary:hover { background: var(--bms-primary-hover); }
.bms-pilot .btn.secondary { border-color: var(--bms-border); color: var(--bms-text); background: var(--bms-surface); }
.bms-pilot .btn.success { background: var(--bms-success); }
.bms-pilot :is(input, select, textarea) { border-radius: var(--bms-radius-2); border-color: var(--bms-border); }
.bms-pilot .table-wrap { border: 1px solid var(--bms-border); border-radius: var(--bms-radius-2); box-shadow: none; }
.bms-pilot table { border-collapse: collapse; background: var(--bms-surface); }
.bms-pilot th { color: var(--bms-text-muted); background: var(--bms-surface-subtle); font-size: 11px; letter-spacing: .025em; text-transform: uppercase; }
.bms-pilot th,
.bms-pilot td { border-bottom-color: var(--bms-border); }
.bms-pilot tbody tr:hover { background: var(--bms-surface-selected); }

/* P1 — cost build / dense operational calculation. */
.bms-pilot-p1 .solution-area,
.bms-pilot-p1 .costing-layout { gap: 12px; }
.bms-pilot-p1 .solution-card,
.bms-pilot-p1 .summary-box,
.bms-pilot-p1 .cost-reference-panel { border-color: var(--bms-border); border-radius: var(--bms-radius-2); box-shadow: none; }
.bms-pilot-p1 .solution-area-title { color: var(--bms-text-muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.bms-pilot-p1 .btgv-section-divider { border-color: var(--bms-border); }
.bms-pilot-p1 .product-overview { margin-bottom: 12px; }
.bms-pilot-p1 .summary-box { border-top: 3px solid var(--bms-primary); background: var(--bms-surface-subtle); }
.bms-pilot-p1 .summary-total { color: var(--bms-text); }

/* P2 — approval workspace; decisions stay visually dominant. */
.bms-pilot-p2 .quotation-roadmap-card,
.bms-pilot-p2 .approval-sheet { border-color: var(--bms-border); border-radius: var(--bms-radius-2); box-shadow: none; }
.bms-pilot-p2 .approval-sheet { border-top: 3px solid var(--bms-primary); }
.bms-pilot-p2 .approval-sheet-body { gap: 0; }
.bms-pilot-p2 .approval-section { border-color: var(--bms-border); border-radius: 0; }
.bms-pilot-p2 .approval-section h3 { color: var(--bms-text); font-size: 12px; letter-spacing: .055em; text-transform: uppercase; }
.bms-pilot-p2 .approval-actions .approve { background: var(--bms-success); }
.bms-pilot-p2 .approval-actions .revise { color: var(--bms-warning); background: var(--bms-warning-soft); }
.bms-pilot-p2 .approval-actions .reject { color: var(--bms-danger); background: var(--bms-danger-soft); }
#approvalStatus { padding: 5px 9px; border: 1px solid color-mix(in srgb, var(--bms-warning) 35%, var(--bms-border)); border-radius: var(--bms-radius-2); color: var(--bms-warning); background: var(--bms-warning-soft); font-size: 11px; }

/* P3 — production plan. */
.bms-pilot-p3 .production-project-facts { border-color: var(--bms-border); border-radius: var(--bms-radius-2); box-shadow: inset 0 3px 0 var(--bms-primary); }
.bms-pilot-p3 .production-project-facts > div { border-color: var(--bms-border); }
.bms-pilot-p3 .production-metrics { gap: 0; border: 1px solid var(--bms-border); }
.bms-pilot-p3 .production-metric { border: 0; border-right: 1px solid var(--bms-border); border-radius: 0; background: var(--bms-surface); }
.bms-pilot-p3 .production-metric:last-child { border-right: 0; }
.bms-pilot-p3 .production-main-card,
.bms-pilot-p3 .production-side-card { border-color: var(--bms-border); border-radius: var(--bms-radius-2); }
.bms-pilot-p3 .production-side-card { border-top: 3px solid var(--bms-primary); }
.bms-pilot-p3 .production-status { border-radius: var(--bms-radius-2); }

/* P4 — inventory control. */
.bms-pilot-p4 .warehouse-title { border-color: var(--bms-border); }
.bms-pilot-p4 .warehouse-section-tabs button { border-radius: 0; }
.bms-pilot-p4 .warehouse-section-tabs button.active { color: var(--bms-primary); border-color: var(--bms-primary); }
.bms-pilot-p4 .warehouse-metrics { gap: 0; border: 1px solid var(--bms-border); }
.bms-pilot-p4 .warehouse-metrics > * { border: 0; border-right: 1px solid var(--bms-border); border-radius: 0; box-shadow: none; }
.bms-pilot-p4 .warehouse-metrics > *:last-child { border-right: 0; }
.bms-pilot-p4 .warehouse-card,
.bms-pilot-p4 .warehouse-toolbar { border-color: var(--bms-border); border-radius: var(--bms-radius-2); }
.bms-pilot-p4 .warehouse-card { border-top: 3px solid var(--bms-primary); }

/* P5 — CRM command dashboard. */
.panel.bms-pilot-p5 { --crm-bg: var(--bms-canvas); --crm-card: var(--bms-surface); --crm-line: var(--bms-border); --crm-text: var(--bms-text); --crm-muted: var(--bms-text-muted); border-radius: var(--bms-radius-2); }
.bms-pilot-p5 .relationship-tabs { border-color: var(--bms-border); border-radius: var(--bms-radius-2); background: var(--bms-surface-subtle); }
.bms-pilot-p5 .relationship-tabs button { border-radius: 0; }
.bms-pilot-p5 .relationship-tabs button.active { color: var(--bms-primary); background: var(--bms-surface); box-shadow: inset 0 -3px 0 var(--bms-primary); }
.bms-pilot-p5 .crm-v2-grid { gap: 12px; }
.bms-pilot-p5 .crm-v2-card,
.bms-pilot-p5 .relationship-metric,
.bms-pilot-p5 .relationship-card { border-color: var(--bms-border); border-radius: var(--bms-radius-2); background: var(--bms-surface); box-shadow: var(--bms-shadow-1); }
.bms-pilot-p5 .crm-v2-kpis { gap: 0; border: 1px solid var(--bms-border); }
.bms-pilot-p5 .crm-v2-kpi { border: 0; border-right: 1px solid var(--bms-border); box-shadow: none; }
.bms-pilot-p5 .crm-v2-table-wrap { border-color: var(--bms-border); border-radius: var(--bms-radius-2); }
.bms-pilot-p5 .crm-status { border-radius: var(--bms-radius-2); }

@media (max-width: 900px) {
  .bms-pilot { padding: 14px; }
  .bms-pilot .workflow-page-title,
  .bms-pilot .section-title { align-items: stretch; flex-direction: column; }
  .bms-pilot .workflow-page-actions,
  .bms-pilot .warehouse-section-actions { width: 100%; }
}

@media (max-width: 700px) {
  .bms-pilot { padding: 10px; border-inline: 0; }
  .bms-pilot.bms-pilot button { min-height: var(--bms-control-touch); }
  .bms-pilot-p3 .production-metrics,
  .bms-pilot-p4 .warehouse-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bms-pilot-p3 .production-metric,
  .bms-pilot-p4 .warehouse-metrics > * { border-right: 1px solid var(--bms-border); border-bottom: 1px solid var(--bms-border); }
}