/* Superadmin 0.20.3: guias dinamicas unificadas em uma faixa horizontal. */
#super .super-tabs {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: 100%;
  max-width: 100%;
  margin: 5px 0 17px !important;
  padding: 7px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #9ec9bb transparent;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #d9e8e3;
  border-radius: 14px;
  background: #f7fbfa;
}

#super .super-tabs::-webkit-scrollbar {
  height: 7px;
}

#super .super-tabs::-webkit-scrollbar-thumb {
  background: #9ec9bb;
  border-radius: 999px;
}

#super .super-tabs > button {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 9px 13px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #5f736c !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  line-height: 1.2;
}

#super .super-tabs > button:hover {
  color: #0d6a50 !important;
  background: #eaf5f1 !important;
  transform: none !important;
}

#super .super-tabs > button.active {
  color: #fff !important;
  background: #0d6a50 !important;
  box-shadow: 0 6px 16px rgba(13, 106, 80, .2) !important;
}

#super .super-tabs > .super-tab[data-super-tab="overview"] { order: 10; }
#super .super-tabs > .super-tab[data-super-tab="clients"] { order: 20; }
#super .super-tabs > .phase0-super-tab[data-phase0-tab="results"] { order: 30; }
#super .super-tabs > .cost-super-tab { order: 40; }
#super .super-tabs > .super-tab[data-super-tab="plans"] { order: 50; }
#super .super-tabs > .super-tab[data-super-tab="readiness"] { order: 55; }
#super .super-tabs > .plan-governance-super-tab { order: 60; }
#super .super-tabs > .message-super-tab { order: 70; }
#super .super-tabs > .router-super-tab { order: 75; }
#super .super-tabs > .autonomy-super-tab { order: 80; }
#super .super-tabs > .phase0-super-tab[data-phase0-tab="infra"] { order: 90; }
#super .super-tabs > .super-tab[data-super-tab="audit"] { order: 100; }

.commercial-readiness-hero { display:flex;align-items:center;justify-content:space-between;gap:22px }
.commercial-readiness-hero h2 { margin:4px 0 8px }
.commercial-track-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:15px }
.commercial-track { display:grid;grid-template-columns:1fr auto;gap:12px;overflow:hidden;border-top:4px solid #c3d4ce }
.commercial-track.ok { border-top-color:#15966f }.commercial-track.warn { border-top-color:#d39b20 }.commercial-track.bad { border-top-color:#c34b4b }
.commercial-track>div:first-child { display:grid;gap:5px }.commercial-track>div>span { color:#647970;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em }
.commercial-track>div>b { font-size:19px }.commercial-track>div>small { color:#667a72;line-height:1.45 }.commercial-track>strong { font-size:32px }
.commercial-track>p { grid-column:1/-1;margin:0;color:#6a7d76;font-size:12px }.commercial-score { grid-column:1/-1;height:8px;overflow:hidden;border-radius:999px;background:#edf3f0 }
.commercial-score i { display:block;height:100%;border-radius:inherit;background:#15966f }.commercial-track.warn .commercial-score i { background:#d39b20 }.commercial-track.bad .commercial-score i { background:#c34b4b }
.commercial-check-list { display:grid;gap:10px }.commercial-check { display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px 22px;padding:18px;border:1px solid #dde8e4;border-radius:14px;background:#fbfdfc }
.commercial-check-title>span { color:#0e7357;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em }.commercial-check-title h3 { margin:4px 0 6px;font-size:16px }.commercial-check-title p,.commercial-check-action { margin:0;color:#657970;font-size:12px;line-height:1.5 }
.commercial-check-tracks { display:grid;grid-template-columns:repeat(2,minmax(96px,1fr));gap:8px;align-self:start }.commercial-check-tracks>span { display:grid;gap:3px;padding:9px 11px;border-radius:10px;background:#eef3f1 }
.commercial-check-tracks small { color:#687c74;font-size:9px;text-transform:uppercase }.commercial-check-tracks b { font-size:12px }.commercial-check-tracks .ok { background:#e4f6ed;color:#0b7354 }.commercial-check-tracks .warn { background:#fff2cf;color:#79580c }.commercial-check-tracks .bad { background:#fde8e8;color:#9b3131 }
.commercial-check-action { grid-column:1/-1;padding-top:11px;border-top:1px solid #e4ece8 }.commercial-actions { display:grid;gap:9px }.commercial-actions article { display:flex;align-items:flex-start;gap:12px;padding:13px;border-radius:12px;background:#f3f8f6 }
.commercial-actions article>i { display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:50%;background:#0d6a50;color:#fff;font-style:normal;font-size:12px;font-weight:850 }.commercial-actions article>div { display:grid;gap:3px }.commercial-actions span { color:#647970;font-size:12px;line-height:1.45 }

@media (max-width: 760px) {
  .commercial-readiness-hero { align-items:flex-start;flex-direction:column }.commercial-track-grid { grid-template-columns:1fr }.commercial-check { grid-template-columns:1fr }.commercial-check-tracks { width:100% }
  #super .super-tabs > button {
    min-height: 38px !important;
    padding: 8px 11px !important;
    font-size: 12px;
  }
}