.admin-billing-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem 0.9rem;
  padding: 1rem 1.2rem 0;
}

.billing-hero-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
  padding: 0 1rem 1rem;
}

.billing-hero-card {
  border: 1px solid #324a65;
  border-radius: 14px;
  background: linear-gradient(180deg, #1d2f43 0%, #162435 100%);
  padding: 0.95rem;
  display: grid;
  gap: 0.55rem;
}

.billing-hero-card--free {
  border-color: #3d5d79;
}

.billing-hero-card--standar {
  border-color: #2585d8;
}

.billing-hero-card--pro-plus {
  border-color: #27ccb2;
}

.billing-hero-card--current {
  box-shadow: 0 0 0 2px rgba(39, 204, 178, 0.45);
}

.billing-hero-card__desc {
  margin: 0;
  font-size: 0.88rem;
  opacity: 0.9;
  line-height: 1.45;
}

.billing-hero-card__head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 0.5rem;
}

.billing-hero-card__head h3 {
  margin: 0;
  font-size: 1.05rem;
}

.billing-hero-card__price {
  margin: 0.2rem 0 0;
  color: #e8f3ff;
}

.billing-hero-card__price strong {
  font-size: 1.2rem;
}

.billing-hero-card__price span {
  margin-left: 0.25rem;
  font-size: 0.82rem;
  color: #9bb3ca;
}

.billing-hero-card__alt {
  margin: 0;
  font-size: 0.82rem;
  color: #a8bfd5;
}

.billing-hero-card__list {
  margin: 0.25rem 0 0;
  padding-left: 1rem;
  color: #d7e5f4;
  font-size: 0.84rem;
  display: grid;
  gap: 0.32rem;
}

.billing-hero-card__foot {
  border-top: 1px solid rgba(130, 166, 201, 0.24);
  margin-top: 0.15rem;
  padding-top: 0.55rem;
  font-size: 0.8rem;
  color: #9cb4cb;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.billing-hero-card__users {
  font-weight: 600;
  color: #c5d7ea;
}

.billing-hero-card__stripe {
  display: grid;
  gap: 0.25rem;
}

.billing-hero-card__stripe-label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7f97b0;
}

.billing-hero-card__stripe code {
  display: block;
  padding: 0.28rem 0.45rem;
  border-radius: 6px;
  border: 1px solid rgba(130, 166, 201, 0.28);
  background: rgba(8, 14, 24, 0.55);
  color: #fbbf24;
  font-size: 0.68rem;
  line-height: 1.35;
  word-break: break-all;
}

.admin-stripe-prices-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1rem;
}

.admin-stripe-price-form {
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 12px;
  padding: 1rem;
  background: rgba(15, 23, 42, 0.45);
  display: grid;
  gap: 0.75rem;
}

.admin-stripe-price-form__title {
  margin: 0;
  font-size: 1rem;
  color: #f1f5f9;
}

.admin-stripe-price-form__title span {
  font-size: 0.82rem;
  font-weight: 500;
  color: #94a3b8;
}

.admin-stripe-price-form__field {
  display: grid;
  gap: 0.35rem;
  font-size: 0.82rem;
  color: #cbd5e1;
}

.admin-tarifas-plans-grid {
  padding: 0;
}

.admin-card__body--flush {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.billing-hero-card__portal-hint {
  margin: 0.45rem 0 0;
  font-size: 0.72rem;
  line-height: 1.4;
  color: #8fa8c0;
}

.admin-billing-plans {
  display: grid;
  gap: 0.9rem;
  padding: 0 1rem 1rem;
}

.admin-billing-plan {
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.16);
  padding: 0.8rem;
}

.admin-billing-plan__head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 0.6rem;
}

.admin-billing-plan__head h3 {
  margin: 0;
  font-size: 1rem;
}

.admin-billing-plan__head p {
  margin: 0.2rem 0 0;
  color: var(--color-text-muted);
}

.admin-billing-plan__prices {
  margin: 0.5rem 0 0.75rem;
  font-size: 0.88rem;
}

.admin-billing-plan__actions {
  display: flex;
  justify-content: flex-end;
}

.admin-billing-edit .admin-billing-grid {
  padding: 0;
}

@media (max-width: 900px) {
  .admin-billing-grid {
    grid-template-columns: 1fr;
  }

  .billing-hero-grid {
    grid-template-columns: 1fr;
  }
}