/**
 * END-UX-001 Phase B — Commercial workflow hierarchy
 * Contract Loading · Commercial Record (embedded) · Review & Publish
 */

/* ─── Contract loading phases ─── */
.cl-workflow-exit {
  margin-bottom: var(--ed-space-2);
}

.cl-workflow-exit,
.cl-workflow .gate-banner.info[role="status"]:not(.error):not(.warn) {
  /* save-notice banners — T3 reference */
}

.cl-phase-body {
  margin-top: var(--ed-space-3);
}

.cl-panel--setup .cl-form-grid,
.cl-panel--setup .cl-setup-room {
  /* T1 build zone — form is focal */
}

.cl-field--locked {
  /* T2 — supporting context */
  opacity: 0.95;
}

.cl-field--locked .cl-hint {
  font-size: var(--ed-text-sm);
  color: var(--ed-text-muted);
}

.cl-doc-list {
  margin-top: var(--ed-space-3);
}

/* Documents: dropzone T1, list T2 */
.cl-panel--documents .cl-dropzone {
  margin-top: 0;
}

.cl-panel--documents .ed-tier-t2 {
  margin-top: var(--ed-space-3);
}

/* Commercial embed — outer loading chrome minimal */
.cl-panel--flush {
  padding: 0;
  border: none;
  background: transparent;
}

.cl-panel--commercial .cl-review-return-banner {
  margin-bottom: var(--ed-space-3);
}

/* Review phase inside loading */
.cl-panel--review {
  padding-top: 0;
}

.cl-panel--review .cl-review-meta {
  margin-bottom: var(--ed-space-2);
}

.review-page.review-command-centre {
  margin-top: 0;
}

/* ─── Commercial Record embedded ─── */
.cw-record-shell--embedded .cw-record-head {
  padding: 0 0 8px;
}

.cw-record-shell--embedded .cw-record-title {
  display: none;
}

.cw-workflow-guide--embedded {
  max-width: none;
  width: 100%;
  padding: 8px 12px;
  margin-bottom: 8px;
  background: var(--ed-ivory-deep);
  border-radius: var(--ed-radius-sm);
  border: 1px solid var(--ed-border-light);
}

.cw-workflow-guide--embedded .cw-workflow-guide-nowline,
.cw-workflow-guide--embedded .cw-workflow-guide-nextline {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: var(--ed-text-sm);
}

.cw-workflow-guide--embedded .cw-workflow-guide-label {
  font-size: var(--ed-text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ed-text-muted);
  min-width: 2.5rem;
}

.cw-record-sections--embedded {
  max-width: none;
  width: 100%;
  margin-bottom: var(--ed-space-3);
}

.cw-record-sections--embedded .cw-record-sections-eyebrow {
  display: none;
}

.cw-section-task {
  min-width: 0;
}

/* Standalone commercial workspace */
.cw-workspace:not(.cw-workspace--embedded) .cw-section-task {
  margin-top: var(--ed-space-2);
}

/* ─── Review & Publish ─── */
.review-command-centre[data-ed-mode="review"] .review-command-side {
  align-self: start;
}

.review-zone--rates.ed-tier-t1 .review-zone-title {
  font-size: var(--ed-tier-t1-size);
  font-weight: var(--ed-tier-t1-weight);
}

.review-zone--publishing.ed-tier-t1 .review-pub-checklist {
  border-color: var(--ed-border);
}

.review-summary-details {
  border: none;
  margin: 0;
}

.review-summary-details summary {
  cursor: pointer;
  font-weight: 600;
  font-size: var(--ed-text-base);
  color: var(--ed-navy);
  padding: 0 0 10px;
  list-style: none;
}

.review-summary-details summary::-webkit-details-marker {
  display: none;
}

.review-summary-details summary::before {
  content: "▸ ";
  color: var(--ed-text-muted);
  font-size: 12px;
}

.review-summary-details[open] summary::before {
  content: "▾ ";
}

.review-zone--summary.ed-tier-t2 {
  margin-bottom: var(--ed-space-3);
}

.review-alerts-compact {
  margin-top: var(--ed-space-3);
}

.review-alerts-compact .review-warn-block,
.review-alerts-compact .gate-banner {
  font-size: var(--ed-text-sm);
}

/* Progress spine — T2 navigation, not competing with task */
.cl-progress {
  margin-bottom: var(--ed-space-3);
}

body.ed-mode-build.ed-contract-loading-view .cl-progress .cl-progress-step.is-active {
  font-weight: 600;
}

body.ed-mode-review.ed-contract-loading-view .cl-progress .cl-progress-step.is-active {
  font-weight: 600;
}
