/* Build 639 staging-only focused workflow follow-up.
   Keeps the selected Competition / Selection task in focus without changing
   eligibility, selection, publication, persistence or competition rules. */

.workflow-guidance .workflow-guide-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}
.workflow-guidance .workflow-planning-toggle {
  min-height:42px;
  padding:.6rem .78rem;
  border:1px solid var(--bh-polish-line);
  border-radius:10px;
  background:#fff;
  color:var(--bh-polish-navy);
  font-weight:800;
  white-space:nowrap;
}
.workflow-guidance li.complete {
  border-color:#c9dfd8;
  background:#f4faf8;
  color:#35695f;
}
.workflow-guidance li.complete::before {
  background:#dbece7;
  color:#174f45;
}

/* Competition creation starts with the handful of decisions every competition
   needs. Existing defaults remain submitted; less-common playing rules are still
   available deliberately through More settings. */
#competition-create-form[data-bh-create-guided="true"] .competition-create-guided-controls {
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:.1rem 0 .35rem;
  padding:12px 13px;
  border:1px solid color-mix(in srgb,var(--bh-polish-line) 78%,var(--bh-polish-teal) 22%);
  border-radius:12px;
  background:#f5f9f8;
}
#competition-create-form .competition-create-guided-controls > div {
  display:grid;
  gap:2px;
}
#competition-create-form .competition-create-guided-controls span {
  color:#35695f;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
}
#competition-create-form .competition-create-guided-controls b {
  color:var(--bh-polish-navy);
}
#competition-create-form .competition-create-guided-controls small {
  max-width:62ch;
  color:#587066;
  line-height:1.35;
}
#competition-create-form .competition-create-advanced-toggle {
  flex:0 0 auto;
  min-height:42px;
  padding:.6rem .8rem;
  border:1px solid var(--bh-polish-line);
  border-radius:10px;
  background:#fff;
  color:var(--bh-polish-navy);
  font-weight:850;
}
#competition-create-form[data-bh-create-guided="true"][data-bh-create-advanced-visible="false"] [data-bh-create-advanced="true"] {
  display:none !important;
}

/* Once a selection is open, the selected match is the primary task. Season-wide
   planning, diagnostics and advisory dashboards remain available through the
   native Planning control instead of sitting between the selector and the five
   Match / Team / Responses / Reserves / Match day workspaces. */
.selection-centre[data-bh-selection-focus="detail"]:not(.selection-planning-open) :is(
  .selection-summary,
  .selection-season-overview,
  .selection-season-readiness-helper,
  .selection-season-operations-helper,
  .selection-team-assist-helper,
  .selection-change-desk-helper,
  .selection-publish-assurance-helper,
  .selector-work-queue-summary,
  .selection-fixture-queue,
  .availability-periods,
  .selection-fairness
) {
  display:none !important;
}
.selection-centre[data-bh-selection-focus="detail"]:not(.selection-planning-open) .selection-switcher-filters {
  display:none !important;
}
.selection-centre[data-bh-selection-focus="detail"]:not(.selection-planning-open) .selection-switcher.card {
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:end;
}
.selection-centre[data-bh-selection-focus="detail"] .selection-workflow-guidance {
  margin-top:-2px;
}
.selection-centre[data-bh-selection-focus="detail"] .selection-detail {
  margin-top:0 !important;
}

/* Lifecycle remains visible because Publish / Reopen / Withdraw are genuine
   selector actions, but it should read as one compact status bar rather than a
   second dashboard before the workspace tabs. Keep touch targets generous. */
.selection-centre[data-bh-selection-focus="detail"]:not(.selection-planning-open) .selection-lifecycle.card {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:8px 14px !important;
  margin:8px 12px !important;
  padding:10px 12px !important;
  border-radius:12px !important;
  box-shadow:none !important;
}
.selection-centre[data-bh-selection-focus="detail"]:not(.selection-planning-open) .selection-lifecycle.card > div:first-child {
  display:grid;
  gap:2px;
  min-width:0;
}
.selection-centre[data-bh-selection-focus="detail"]:not(.selection-planning-open) .selection-lifecycle.card > div:first-child > span {
  font-size:.72rem !important;
  letter-spacing:.06em;
}
.selection-centre[data-bh-selection-focus="detail"]:not(.selection-planning-open) .selection-lifecycle.card > div:first-child > h3 {
  margin:0 !important;
  font-size:1rem !important;
  line-height:1.25;
}
.selection-centre[data-bh-selection-focus="detail"]:not(.selection-planning-open) .selection-lifecycle.card > div:first-child > p {
  display:none !important;
}
.selection-centre[data-bh-selection-focus="detail"]:not(.selection-planning-open) .selection-lifecycle-actions {
  display:flex !important;
  align-items:center;
  justify-content:flex-end;
  gap:6px !important;
  flex-wrap:wrap;
}
.selection-centre[data-bh-selection-focus="detail"]:not(.selection-planning-open) .selection-lifecycle-actions button {
  min-height:44px !important;
  padding:.58rem .72rem !important;
  border-radius:9px !important;
}

/* The native mobile stage chooser is the single Competition navigation on phones. */
@media (max-width:760px) {
  .competitions-page:not(.journey-overview) .competition-progress-summary,
  .activity-competition .competition-journey > nav {
    display:none !important;
  }
  /* The Current competition selector inside the workspace replaces the large
     command carousel on phones. This removes a duplicated decision point and gets
     administrators straight into the lifecycle they are managing. */
  .activity-competition .competition-command-dashboard {
    display:none !important;
  }
  .activity-competition .competition-journey .competition-create-link {
    width:100% !important;
    min-height:48px !important;
    margin:.45rem 0 0 !important;
  }
  #competition-create-form[data-bh-create-guided="true"] .competition-create-guided-controls {
    display:grid;
    grid-template-columns:minmax(0,1fr);
  }
  #competition-create-form .competition-create-advanced-toggle {
    width:100%;
  }
  .workflow-guidance .workflow-guide-actions {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    width:100%;
  }
  .workflow-guidance .workflow-planning-toggle {
    display:none !important;
  }
  /* Mobile already has one compact Filter selections disclosure; do not repeat
     the full desktop status/activity pill banks beside it. */
  .selection-centre .selection-switcher-filters {
    display:none !important;
  }
  .selection-centre[data-bh-selection-focus="detail"]:not(.selection-planning-open) .selection-switcher.card {
    grid-template-columns:minmax(0,1fr) !important;
  }
  .selection-centre[data-bh-selection-focus="detail"]:not(.selection-planning-open) .selection-lifecycle.card {
    grid-template-columns:minmax(0,1fr) !important;
    margin:7px 8px !important;
    padding:10px !important;
  }
  .selection-centre[data-bh-selection-focus="detail"]:not(.selection-planning-open) .selection-lifecycle-actions {
    justify-content:flex-start;
  }
}

@media (forced-colors:active) {
  .workflow-guidance .workflow-planning-toggle:focus-visible,
  #competition-create-form .competition-create-advanced-toggle:focus-visible {
    outline:2px solid Highlight;
    outline-offset:2px;
  }
}