/* BSC + Referidos A12-A2 · interfaz pública limpia · lógica server-side intacta */
.ode-payment-methods{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 14px;
}
.ode-payment-method{
  display:flex;
  min-height:54px;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 13px;
  border:1px solid rgba(200,166,99,.24);
  border-radius:12px;
  background:rgba(11,17,28,.72);
  color:#d8d5cc;
  cursor:pointer;
  text-align:left;
}
.ode-payment-method strong,
.ode-payment-method small{display:block}
.ode-payment-method small{
  margin-top:2px;
  color:#959aab;
  font-size:.68rem;
}
.ode-payment-method[aria-selected="true"]{
  border-color:rgba(229,190,105,.72);
  background:linear-gradient(180deg,rgba(99,70,28,.34),rgba(39,29,18,.56));
  color:#fff2cf;
  box-shadow:inset 0 0 0 1px rgba(229,190,105,.13);
}
.ode-bsc-preview-panel[hidden],
.ode-stripe-payment-panel[hidden]{display:none!important}
.ode-bsc-preview-panel{
  display:grid;
  gap:13px;
}
.ode-bsc-preview-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:13px;
  border:1px solid rgba(126,169,230,.22);
  border-radius:12px;
  background:rgba(36,64,104,.13);
}
.ode-bsc-preview-head h3,
.ode-bsc-preview-head p{margin:0}
.ode-bsc-preview-head h3{
  color:#edf4ff;
  font-size:.98rem;
}
.ode-bsc-preview-head p{
  margin-top:4px;
  color:#aebcd0;
  font-size:.7rem;
  line-height:1.45;
}
.ode-bsc-state{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border-radius:999px;
  font-size:.65rem;
  font-weight:850;
  white-space:nowrap;
}
.ode-bsc-state::before{
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
  content:"";
  box-shadow:0 0 10px currentColor;
}
.ode-bsc-state-loading{color:#e1bd73;background:rgba(150,106,36,.16)}
.ode-bsc-state-active{color:#6fd7a2;background:rgba(50,154,104,.15)}
.ode-bsc-state-blocked{color:#ef8e97;background:rgba(143,43,53,.16)}
.ode-bsc-contract-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.ode-bsc-contract-item{
  min-height:62px;
  padding:10px 11px;
  border:1px solid rgba(196,160,91,.17);
  border-radius:10px;
  background:rgba(7,11,18,.52);
}
.ode-bsc-contract-item span,
.ode-bsc-contract-item strong{display:block}
.ode-bsc-contract-item span{
  color:#9096a5;
  font-size:.62rem;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.ode-bsc-contract-item strong{
  margin-top:4px;
  color:#e8e2d4;
  font-size:.76rem;
  overflow-wrap:anywhere;
}
.ode-bsc-package-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.ode-bsc-package-card{
  padding:12px;
  border:1px solid rgba(199,162,91,.2);
  border-radius:11px;
  background:rgba(16,22,34,.72);
}
.ode-bsc-package-card strong,
.ode-bsc-package-card span,
.ode-bsc-package-card small{display:block}
.ode-bsc-package-card strong{color:#f0eadc}
.ode-bsc-package-card span{
  margin-top:4px;
  color:#e2bd72;
  font-size:.79rem;
}
.ode-bsc-package-card small{
  margin-top:5px;
  color:#8e94a2;
  font-size:.63rem;
}
.ode-bsc-warning{
  padding:11px 12px;
  border:1px solid rgba(230,186,98,.26);
  border-radius:10px;
  background:rgba(120,81,25,.12);
  color:#e8d7b3;
  font-size:.69rem;
  line-height:1.48;
}
.ode-bsc-preview-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.ode-bsc-preview-actions .btn[disabled]{
  opacity:.48;
  cursor:not-allowed;
}
.ode-bsc-inline-status{
  color:#d8c597;
  font-size:.68rem;
  font-weight:750;
}
@media(max-width:640px){
  .ode-payment-methods,
  .ode-bsc-contract-grid,
  .ode-bsc-package-grid{grid-template-columns:1fr}
}