#tender-readiness-panel[hidden] {
  display: none !important;
}

.tender-ops-strip {
  margin-top: 12px;
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(20, 184, 166, .28);
  border-radius: 18px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(8, 47, 73, .42), rgba(15, 23, 42, .8)),
    rgba(2, 6, 23, .58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 14px 40px rgba(14, 165, 233, .08);
}

.tender-ops-strip--journey {
  grid-template-columns: minmax(220px, .54fr) minmax(420px, 1.46fr) auto;
}

.tender-ops-copy {
  min-width: 0;
}

.tender-ops-kicker,
.tender-context-kicker {
  color: #f59e0b;
  font-weight: 900;
  font-size: 11px;
  letter-spacing: .28em;
  text-transform: uppercase;
}

.tender-ops-title {
  margin-top: 4px;
  color: #dbeafe;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.tender-ops-progress {
  margin-top: 7px;
  color: #9fb0c8;
  font-size: 13px;
  font-weight: 800;
}

.tender-ops-journey,
.tender-sequence-board {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.tender-ops-journey {
  grid-template-columns: repeat(4, minmax(150px, 1fr));
}

.tender-sequence-board {
  grid-template-columns: repeat(4, minmax(190px, 1fr));
}

.tender-overview-card {
  border: 1px solid rgba(20, 184, 166, .28);
  border-radius: 20px;
  padding: 16px;
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, .12), transparent 38%),
    linear-gradient(180deg, rgba(15, 23, 42, .9), rgba(8, 19, 33, .86));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.tender-step-card {
  min-width: 0;
  display: grid;
  gap: 8px;
  align-content: start;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 16px;
  padding: 12px;
  background: rgba(15, 23, 42, .68);
  color: #eaf2ff;
}

.tender-step-card.green {
  border-color: rgba(34, 197, 94, .5);
  background: linear-gradient(180deg, rgba(20, 83, 45, .24), rgba(15, 23, 42, .68));
}

.tender-step-card.amber {
  border-color: rgba(245, 158, 11, .48);
  background: linear-gradient(180deg, rgba(120, 53, 15, .28), rgba(15, 23, 42, .68));
}

.tender-step-card.red {
  border-color: rgba(248, 113, 113, .45);
  background: linear-gradient(180deg, rgba(127, 29, 29, .24), rgba(15, 23, 42, .68));
}

.tender-step-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.tender-step-order {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: rgba(2, 6, 23, .72);
  color: #fbbf24;
  font-weight: 950;
}

.tender-step-card h4 {
  margin: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.15;
}

.tender-step-card p {
  margin: 0;
  color: #b8c7db;
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.tender-step-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.tender-step-metrics span {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 10px;
  padding: 7px;
  color: #9fb0c8;
  font-size: 11px;
  font-weight: 850;
  text-transform: capitalize;
  background: rgba(2, 6, 23, .32);
}

.tender-step-metrics strong {
  display: block;
  color: #f8fbff;
  font-size: 15px;
}

.tender-step-next {
  margin: 0;
  padding-left: 16px;
  color: #cbd5e1;
  font-size: 13px;
  line-height: 1.35;
}

.tender-step-skeleton {
  grid-column: 1 / -1;
  border: 1px dashed rgba(148, 163, 184, .24);
  border-radius: 14px;
  padding: 18px;
  color: #aebcd2;
  background: rgba(15, 23, 42, .45);
}

.tender-ops-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(120px, 1fr));
  gap: 8px;
}

.tender-ops-metric {
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 14px;
  padding: 9px 11px;
  background: rgba(15, 23, 42, .72);
  min-width: 0;
}

.tender-ops-metric span {
  display: block;
  color: #9fb0c8;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.tender-ops-metric strong {
  display: block;
  margin-top: 3px;
  color: #f8fbff;
  font-size: 14px;
  overflow-wrap: anywhere;
}

.tender-context-grid {
  display: grid;
  gap: 14px;
  align-items: start;
}

.tender-context-grid--reports {
  grid-template-columns: minmax(320px, .9fr) minmax(360px, 1.1fr);
  margin: 0 0 14px;
}

.tender-context-grid--alerts {
  grid-template-columns: minmax(300px, .85fr) minmax(320px, 1.15fr);
}

.tender-context-grid--admin {
  grid-template-columns: repeat(2, minmax(320px, 1fr));
}

.tender-context-card {
  min-width: 0;
  border: 1px solid rgba(59, 130, 246, .24);
  border-radius: 18px;
  padding: 16px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .88), rgba(8, 19, 33, .84));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.tender-context-card--alerts {
  margin-top: 14px;
}

.tender-context-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}

.tender-context-head h3 {
  margin: 4px 0 0;
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
}

.tender-context-form {
  display: grid;
  gap: 9px;
}

.tender-context-form--archive {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tender-context-form .input,
.tender-context-form input,
.tender-context-form select,
.tender-context-form textarea {
  width: 100%;
  min-width: 0;
}

.tender-context-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.tender-inline-check {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  color: #cbd5e1;
  font-weight: 800;
}

.tender-inline-check input {
  width: auto;
}

.tender-context-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  max-height: 360px;
  overflow: auto;
  padding-right: 2px;
}

.tender-context-list--evidence {
  max-height: 440px;
}

.tender-context-status--ok {
  color: #bbf7d0;
}

.tender-context-status--error {
  color: #fecaca;
}

.tender-readiness-shell {
  display: grid;
  gap: 16px;
}

.tender-readiness-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.tender-readiness-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tender-tab {
  border: 1px solid rgba(148, 163, 184, .22);
  background: rgba(15, 23, 42, .74);
  color: #d7e2f3;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 800;
  cursor: pointer;
}

.tender-tab.active {
  background: linear-gradient(135deg, rgba(22, 163, 74, .22), rgba(14, 165, 233, .18));
  border-color: rgba(34, 197, 94, .55);
  color: #ffffff;
  box-shadow: 0 0 0 1px rgba(34, 197, 94, .16), 0 12px 40px rgba(8, 145, 178, .14);
}

.tender-panes {
  min-width: 0;
}

.tender-pane {
  display: none;
}

.tender-pane.active {
  display: block;
}

.tender-grid,
.tender-grid-3,
.tender-grid-4 {
  display: grid;
  gap: 14px;
  align-items: start;
}

.tender-grid {
  grid-template-columns: minmax(300px, .72fr) minmax(360px, 1.28fr);
}

.tender-grid-3 {
  grid-template-columns: repeat(3, minmax(220px, 1fr));
}

.tender-grid-4 {
  grid-template-columns: repeat(4, minmax(190px, 1fr));
}

.tender-card,
.tender-mini-card {
  background: linear-gradient(180deg, rgba(15, 23, 42, .93), rgba(12, 22, 36, .92));
  border: 1px solid rgba(59, 130, 246, .22);
  border-radius: 16px;
  padding: 16px;
  color: #ecf4ff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  min-width: 0;
}

.tender-card.warning {
  border-color: rgba(249, 115, 22, .45);
}

.tender-card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.tender-card-title h3 {
  margin: 0;
  color: #fff;
  font-size: 18px;
}

.tender-card-title small,
.tender-muted,
.tender-mini-card small {
  color: #9fb0c8;
}

.tender-form {
  display: grid;
  gap: 10px;
}

.tender-form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.tender-form-row.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tender-form label {
  display: grid;
  gap: 6px;
  color: #aebcd2;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tender-form input,
.tender-form select,
.tender-form textarea,
.tender-filter-row input,
.tender-filter-row select {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 12px;
  background: rgba(15, 23, 42, .9);
  color: #f8fbff;
  padding: 11px 12px;
  font: inherit;
}

.tender-form textarea {
  min-height: 82px;
  resize: vertical;
}

.tender-form input[type="checkbox"] {
  width: auto;
}

.tender-filter-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.tender-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.tender-status {
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 800;
  border: 1px solid rgba(148, 163, 184, .22);
  background: rgba(15, 23, 42, .82);
}

.tender-status-ok {
  border-color: rgba(34, 197, 94, .4);
  background: rgba(22, 101, 52, .18);
  color: #bbf7d0;
}

.tender-status-warn {
  border-color: rgba(245, 158, 11, .48);
  background: rgba(120, 53, 15, .22);
  color: #fde68a;
}

.tender-status-error {
  border-color: rgba(248, 113, 113, .5);
  background: rgba(127, 29, 29, .28);
  color: #fecaca;
}

.tender-source-row,
.tender-list-row,
.tender-compliance-row,
.tender-evidence-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 14px;
  background: rgba(15, 23, 42, .62);
  margin-bottom: 8px;
  min-width: 0;
}

.tender-source-row > div,
.tender-list-row > div,
.tender-compliance-row > div,
.tender-evidence-row {
  min-width: 0;
}

.tender-source-row strong,
.tender-list-row strong,
.tender-compliance-row strong,
.tender-evidence-row strong {
  display: block;
  color: #f8fbff;
  overflow-wrap: anywhere;
}

.tender-source-row small,
.tender-list-row small,
.tender-compliance-row small,
.tender-evidence-row small,
.tender-evidence-row p {
  display: block;
  color: #aec0d7;
  overflow-wrap: anywhere;
}

.tender-row-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.tender-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 900;
  text-transform: capitalize;
  border: 1px solid rgba(148, 163, 184, .25);
}

.tender-badge.green {
  background: rgba(22, 163, 74, .18);
  border-color: rgba(34, 197, 94, .42);
  color: #bbf7d0;
}

.tender-badge.amber {
  background: rgba(146, 64, 14, .25);
  border-color: rgba(251, 146, 60, .42);
  color: #fed7aa;
}

.tender-badge.red {
  background: rgba(127, 29, 29, .28);
  border-color: rgba(248, 113, 113, .45);
  color: #fecaca;
}

.tender-connector-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
}

.tender-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.tender-mini-card p {
  color: #b8c7db;
  min-height: 50px;
}

.tender-health-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.tender-health {
  border-radius: 16px;
  padding: 18px;
  background: rgba(15, 23, 42, .76);
  border: 1px solid rgba(148, 163, 184, .2);
}

.tender-health strong {
  display: block;
  font-size: 36px;
  color: #fff;
}

.tender-health.green { border-color: rgba(34, 197, 94, .4); }
.tender-health.amber { border-color: rgba(245, 158, 11, .45); }
.tender-health.red { border-color: rgba(248, 113, 113, .45); }

.tender-benchmark {
  display: grid;
  gap: 8px;
  border-radius: 16px;
  padding: 16px;
  border: 1px solid rgba(245, 158, 11, .42);
  background: rgba(120, 53, 15, .2);
}

.tender-benchmark.pass {
  border-color: rgba(34, 197, 94, .45);
  background: rgba(22, 101, 52, .18);
}

.tender-empty {
  border: 1px dashed rgba(148, 163, 184, .25);
  border-radius: 14px;
  padding: 18px;
  color: #aebcd2;
  background: rgba(15, 23, 42, .45);
}

@media (max-width: 1100px) {
  .tender-ops-strip,
  .tender-context-grid--reports,
  .tender-context-grid--alerts,
  .tender-context-grid--admin {
    grid-template-columns: 1fr;
  }

  .tender-ops-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tender-ops-journey,
  .tender-sequence-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tender-grid,
  .tender-grid-3,
  .tender-grid-4 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .tender-readiness-header,
  .tender-source-row,
  .tender-list-row,
  .tender-compliance-row {
    flex-direction: column;
  }
  .tender-filter-row,
  .tender-form-row,
  .tender-form-row.three,
  .tender-health-grid,
  .tender-context-form--archive,
  .tender-ops-metrics {
    grid-template-columns: 1fr;
  }

  .tender-context-head {
    flex-direction: column;
  }

  .tender-ops-journey,
  .tender-sequence-board {
    grid-template-columns: 1fr;
  }

  .tender-step-card {
    padding: 11px;
  }
}

/* b125.84: Classic is the light side of the app; WarRoom remains the dark operations view. */
body[data-dashboard-theme="classic"] #tender-readiness-panel :is(
  .tender-ops-strip,
  .tender-overview-card,
  .tender-step-card,
  .tender-step-skeleton,
  .tender-context-card,
  .tender-card,
  .tender-mini-card,
  .tender-status,
  .tender-source-row,
  .tender-list-row,
  .tender-compliance-row,
  .tender-evidence-row,
  .tender-health,
  .tender-empty,
  .tender-benchmark
){
  background:#ffffff;
  border-color:#d8dee8;
  color:#111827;
  box-shadow:0 10px 26px rgba(15,23,42,.06);
}

body[data-dashboard-theme="classic"] #tender-readiness-panel :is(
  .tender-ops-title,
  .tender-step-card h4,
  .tender-step-metrics strong,
  .tender-context-head h3,
  .tender-card-title h3,
  .tender-source-row strong,
  .tender-list-row strong,
  .tender-compliance-row strong,
  .tender-evidence-row strong,
  .tender-health strong
){
  color:#111827;
}

body[data-dashboard-theme="classic"] #tender-readiness-panel :is(
  .tender-ops-metric span,
  .tender-ops-progress,
  .tender-step-card p,
  .tender-step-next,
  .tender-card-title small,
  .tender-muted,
  .tender-mini-card small,
  .tender-form label,
  .tender-inline-check,
  .tender-source-row small,
  .tender-list-row small,
  .tender-compliance-row small,
  .tender-evidence-row small,
  .tender-evidence-row p,
  .tender-mini-card p
){
  color:#475569;
}

body[data-dashboard-theme="classic"] #tender-readiness-panel :is(
  .tender-ops-metric,
  .tender-step-metrics span,
  .tender-tab,
  .tender-form input,
  .tender-form select,
  .tender-form textarea,
  .tender-filter-row input,
  .tender-filter-row select
){
  background:#f8fafc;
  border-color:#d8dee8;
  color:#111827;
}

body[data-dashboard-theme="classic"] #tender-readiness-panel .tender-tab.active{
  background:#dcfce7;
  border-color:#22c55e;
  color:#166534;
  box-shadow:none;
}

body[data-dashboard-theme="classic"] #tender-readiness-panel .tender-status-ok,
body[data-dashboard-theme="classic"] #tender-readiness-panel .tender-badge.green{
  background:#dcfce7;
  border-color:#86efac;
  color:#166534;
}

body[data-dashboard-theme="classic"] #tender-readiness-panel .tender-status-warn,
body[data-dashboard-theme="classic"] #tender-readiness-panel .tender-badge.amber{
  background:#ffedd5;
  border-color:#fdba74;
  color:#9a3412;
}

body[data-dashboard-theme="classic"] #tender-readiness-panel .tender-status-error,
body[data-dashboard-theme="classic"] #tender-readiness-panel .tender-badge.red{
  background:#fee2e2;
  border-color:#fca5a5;
  color:#991b1b;
}

body[data-dashboard-theme="classic"] .tender-ops-strip :is(
  .tender-step-card,
  .tender-step-skeleton,
  .tender-step-metrics span
){
  background:#ffffff;
  border-color:#d8dee8;
  color:#111827;
}

body[data-dashboard-theme="classic"] .tender-ops-strip {
  background:#ffffff;
  border-color:#d8dee8;
  box-shadow:0 10px 26px rgba(15,23,42,.06);
}

body[data-dashboard-theme="classic"] .tender-ops-strip .tender-ops-title {
  color:#111827;
}

body[data-dashboard-theme="classic"] .tender-ops-strip :is(
  .tender-step-card h4,
  .tender-step-metrics strong
){
  color:#111827;
}

body[data-dashboard-theme="classic"] .tender-ops-strip :is(
  .tender-step-card p,
  .tender-step-next,
  .tender-ops-progress
){
  color:#475569;
}