/* Final shared polish for production-only section navigation and summaries. */
.autopilot-section-tabs {
  position: sticky;
  z-index: 12;
  top: 88px;
  display: flex;
  width: fit-content;
  max-width: 100%;
  margin: 18px 0 4px;
  padding: 4px;
  overflow-x: auto;
  border: 1px solid var(--line, #e5e7eb);
  border-radius: 14px;
  background: color-mix(in srgb, var(--surface, #fff) 94%, transparent);
  box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
  backdrop-filter: blur(18px);
  scrollbar-width: none;
}
.autopilot-section-tabs::-webkit-scrollbar { display: none; }
.autopilot-section-tabs button {
  min-height: 40px;
  padding: 8px 14px;
  flex: 0 0 auto;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--text-muted, #64748b);
  font: 650 13px/18px Onest, sans-serif;
  white-space: nowrap;
}
.autopilot-section-tabs button:hover { color: var(--brand, #6d4df0); background: #f7f4ff; }
.autopilot-section-tabs button.active,
.autopilot-section-tabs button[aria-current="page"] {
  color: #fff;
  background: linear-gradient(135deg, #7c5cfa, #6d4df0);
  box-shadow: 0 6px 16px rgba(109, 77, 240, .22);
}
.autopilot-section-tabs button:focus-visible {
  outline: 3px solid rgba(124, 92, 250, .25);
  outline-offset: 2px;
}

.data-readiness-strip,
.rules-summary-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 16px 0;
  overflow: hidden;
  border: 1px solid var(--line, #e5e7eb);
  border-radius: 18px;
  background: var(--line, #e5e7eb);
  box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
}
.data-readiness-strip article,
.rules-summary-strip article {
  display: grid;
  min-height: 112px;
  align-content: center;
  gap: 5px;
  padding: 18px 20px;
  background: var(--surface, #fff);
}
.data-readiness-strip span,
.rules-summary-strip span {
  color: var(--text-muted, #64748b);
  font: 550 12px/16px Onest, sans-serif;
}
.data-readiness-strip strong,
.rules-summary-strip strong {
  color: var(--text, #111827);
  font: 750 18px/24px Onest, sans-serif;
}
.data-readiness-strip small,
.rules-summary-strip small {
  color: var(--text-muted, #64748b);
  font: 450 12px/17px Onest, sans-serif;
}

@media (max-width: 1023px) {
  .data-readiness-strip,
  .rules-summary-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .autopilot-section-tabs {
    position: relative;
    top: auto;
    width: 100%;
    margin-top: 14px;
    border-radius: 13px;
  }
  .autopilot-section-tabs button { min-height: 44px; padding-inline: 13px; }
  .data-readiness-strip,
  .rules-summary-strip { grid-template-columns: 1fr; border-radius: 16px; }
  .data-readiness-strip article,
  .rules-summary-strip article { min-height: 92px; padding: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .autopilot-section-tabs { scroll-behavior: auto; }
}

/* Canonical production composition. */
#market .market-board-v4{display:none!important}
#market.market-reference-ready>.market-reference-board,
#market .market-reference-board{display:none!important}
#market.market-reference-ready>:not(.market-reference-board):not(.market-board-v4){display:block!important}
#market.market-reference-ready>.market-fact-grid,
#market.market-reference-ready>.market-reference-overview,
#market.market-reference-ready>.market-position-panel,
#market.market-reference-ready>.market-sizing-results,
#market.market-reference-ready>.market-action-strip{display:grid!important}
#market .market-reference-board,
#market .market-reference-board>*{max-width:100%!important;min-width:0!important}
#market .reference-position-grid svg+div{white-space:normal!important;word-spacing:3px!important}
#market .market-position-grid{width:100%!important;max-width:none!important;text-align:left!important}
#market .market-fact-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
#market .market-fact-grid>article,
#operations .metric-card,
#autopilot .autopilot-command-grid>article{border:1px solid #e5e8f0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}
#autopilot .autopilot-command-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
#autopilot .autopilot-command-grid>article{min-height:116px!important;padding:16px!important}
#rules .business-profile-card,
#rules .rules-control-board{border:1px solid #e5e8f0!important;background:#fff!important;color:#151a27!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}
#rules .business-profile-card :where(h3,strong),
#rules .rules-control-board :where(h3,strong){color:#151a27!important}
#rules .business-profile-card :where(p,small),
#rules .rules-control-board :where(p,small,dt){color:#667085!important}
#rules .rule-audit-link{min-height:40px!important;align-items:center!important}
#imports .data-imports-panel{border:1px solid #e5e8f0!important;border-radius:16px!important;background:#fff!important}
#imports .upload-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:16px!important}
#imports .upload-card{min-height:116px!important;border:1px solid #e5e8f0!important;background:#fafbfd!important}

/* Guide: one route, no repeated scenario catalogue. */
#guide .guide-library{display:flex!important;flex-direction:column!important;gap:16px!important}
#guide .guide-context-card{order:0}
#guide .guide-command-deck{order:1}
#guide .guide-course{order:2}
#guide .guide-library-centers{order:3}
#guide .knowledge-hub{order:4}
#guide .guide-plain-metrics{order:5}
#guide .guide-safety-card{order:6}
#guide .guide-course,
#guide .guide-library-centers,
#guide .guide-plain-metrics{display:block!important}
#guide .guide-safety-card{display:grid!important}
#guide .guide-scenarios,
#guide .guide-start-card,
#guide .guide-legacy{display:none!important}
#guide :where(.guide-context-card,.guide-command-deck,.guide-course,.guide-library-centers,.knowledge-hub,.guide-plain-metrics,.guide-safety-card){border:1px solid #e5e8f0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}
#guide .guide-command-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
#guide .guide-command-grid>button{min-height:124px!important;border-color:#e5e8f0!important;background:#fafbfd!important;box-shadow:none!important}
#guide .guide-command-grid>button:hover{border-color:#d8d0ff!important;background:#f8f6ff!important;transform:translateY(-1px)!important}
#guide #knowledgeSearchClear{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}

/* Operations keeps complete evidence without turning the route into an endless sheet. */
#operations .table-panel .table-wrap{max-height:520px!important;overflow:auto!important;overscroll-behavior:contain}
#operations .table-panel thead{position:sticky;z-index:2;top:0;background:#fff}

@media(max-width:1023px){
  #market .market-fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #imports .upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  #market .market-fact-grid,
  #autopilot .autopilot-command-grid,
  #imports .upload-grid,
  #guide .guide-command-grid{grid-template-columns:1fr!important}
  #guide .guide-command-grid>button{min-height:104px!important}
  #market .market-reference-controls button{min-height:44px!important;line-height:42px!important}
  #rules .rule-audit-link{min-height:44px!important}
  #guide #knowledgeSearchClear{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
  #operations .table-panel .table-wrap{max-height:440px!important}
  #actions .action-plan-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #actions .action-plan-summary>*{min-height:112px!important;padding:14px!important}
  #actions .action-plan-summary span,#actions .action-plan-summary small{font-size:11px!important;line-height:16px!important}
  #actions .action-plan-summary strong{margin:5px 0!important;font-size:21px!important;line-height:26px!important}
}
