/* Staging: clarify the three independent payment-setting workflows. */
.admin .orders-admin-layout.payment-only {
  max-width: 1180px;
}

.admin .payment-settings-admin {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 18px;
  min-width: 0;
}

.admin .payment-settings-admin > * { order: 5; }
.admin .payment-settings-admin > small,
.admin .payment-settings-admin > h2,
.admin .payment-settings-admin > p { order: 0; }
.admin .payment-settings-admin > .payment-activation { order: 1; }
.admin .payment-settings-admin > .payment-config-list { order: 2; }
.admin .payment-settings-admin > .payment-save { order: 8; }
.admin .payment-settings-admin > .qa-payments-unified-status { order: 9; }
.admin .payment-settings-admin > .qa-commerce-benefits-global { order: 3; }
.admin .payment-settings-admin > .qa-payment-visuals { order: 6; }

.admin .payment-settings-admin > h2 { margin: -12px 0 0; }
.admin .payment-settings-admin > p {
  max-width: 72ch;
  margin: -12px 0 4px;
}

.admin .payment-settings-admin > .payment-activation,
.admin .payment-settings-admin > .payment-config-list,
.admin .payment-settings-admin > .qa-commerce-benefits-global,
.admin .payment-settings-admin > .qa-payment-visuals {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 22px;
  border: 1px solid #d8e6ef;
  border-radius: 15px;
  box-shadow: none;
}

.admin .payment-settings-admin > .payment-activation,
.admin .payment-settings-admin > .payment-config-list {
  background: #f7fbfe;
}

.admin .payment-settings-admin > .qa-commerce-benefits-global,
.admin .payment-settings-admin > .qa-payment-visuals {
  background: #f7fbfe;
}

.admin .payment-settings-admin > .payment-activation > div:first-child small,
.admin .payment-settings-admin > .qa-commerce-benefits-global .qa-benefits-head small,
.admin .payment-settings-admin > .qa-payment-visuals > small {
  display: block;
  color: #3378a7;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  line-height: 1.4;
  text-transform: uppercase;
}

.admin .payment-settings-admin > .payment-activation h3,
.admin .payment-settings-admin > .qa-commerce-benefits-global .qa-benefits-head h3,
.admin .payment-settings-admin > .qa-payment-visuals h3,
.admin .payment-settings-admin > .payment-config-list::before {
  color: #152d45;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.35;
}

.admin .payment-settings-admin > .qa-payment-visuals > p,
.admin .payment-settings-admin > .qa-commerce-benefits-global .qa-benefits-note {
  color: #60768a;
  font-size: 13px;
  line-height: 1.5;
}

.admin .payment-settings-admin > .payment-activation h3,
.admin .payment-settings-admin > .qa-commerce-benefits-global .qa-benefits-head h3,
.admin .payment-settings-admin > .qa-payment-visuals h3 {
  margin: 5px 0 0;
}

.admin .payment-settings-admin > .qa-payment-visuals > p {
  margin: 12px 0 16px;
}

.admin .payment-settings-admin .payment-config-head > span > small {
  color: #60768a;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4;
}

.admin .payment-settings-admin .payment-config-head > span > b,
.admin .payment-settings-admin .qa-payment-group h4,
.admin .payment-settings-admin .qa-benefits-grid legend {
  color: #17334b;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.4;
}

.admin .payment-settings-admin .qa-payment-option > span:last-child,
.admin .payment-settings-admin .qa-benefits-grid label {
  color: #304b61;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
}

.admin .payment-settings-admin > .payment-config-list {
  gap: 10px;
}

.admin .payment-settings-admin > .payment-config-list::before {
  content: "Configuración de cada medio";
  display: block;
  margin-bottom: 6px;
  color: #152d45;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.35;
}

.admin .payment-settings-admin > .payment-save {
  align-self: flex-end;
  width: min(100%, 300px);
  min-height: 44px;
  margin: 0 !important;
}

.admin .payment-settings-admin.qa-unified-save-ready .qa-benefits-save {
  display: none !important;
}

.admin .payment-settings-admin.qa-unified-save-ready .qa-payment-status,
.admin .payment-settings-admin.qa-unified-save-ready .qa-benefits-status {
  display: none !important;
}

.admin .payment-settings-admin > .qa-payment-visuals {
  margin-top: 2px !important;
}

.admin .payment-settings-admin > .qa-payments-unified-status {
  min-height: 20px;
  margin: -12px 0 0;
  color: #16835f;
  font-size: 13px;
  line-height: 1.4;
  text-align: right;
}

.admin .payment-settings-admin > .qa-payments-unified-status.error {
  color: #b42318;
}

.admin .workspace:has(.payment-settings-admin.qa-unified-save-ready) > .message {
  display: none;
}

.admin .payment-settings-admin .qa-payment-status:empty,
.admin .payment-settings-admin.qa-unified-save-ready .qa-benefits-status:empty {
  display: none;
}

.admin .payment-settings-admin .qa-payment-group {
  padding-top: 16px;
  border-top: 1px solid #e7eef3;
}

@media (max-width: 700px) {
  .admin .payment-settings-admin { gap: 14px; }
  .admin .payment-settings-admin > .payment-activation,
  .admin .payment-settings-admin > .payment-config-list,
  .admin .payment-settings-admin > .qa-commerce-benefits-global,
  .admin .payment-settings-admin > .qa-payment-visuals { padding: 16px; }
  .admin .payment-settings-admin > .payment-save { width: 100%; }
  .admin .payment-settings-admin > .qa-payments-unified-status { text-align: left; }
}