/* BRL_SUBSCRIPTION_POLISH_V1 */

body #brlSubscriptionWorkbench,
body #brlCommercialActivationWorkbench{
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  border: 1px solid rgba(99,102,241,.16);
  box-shadow:
    0 18px 48px rgba(2,6,23,.28),
    inset 0 1px 0 rgba(255,255,255,.02);
}

body #brlSubscriptionWorkbench::before,
body #brlCommercialActivationWorkbench::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 14%, rgba(99,102,241,.08), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(236,72,153,.07), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.01), rgba(255,255,255,0));
}

body #brlSubscriptionWorkbench > *,
body #brlCommercialActivationWorkbench > *{
  position: relative;
  z-index: 1;
}

body #brlSubscriptionWorkbench{
  padding: 26px 26px 28px !important;
}

body #brlSubscriptionWorkbench .brl-sub-kpis{
  gap: 14px !important;
  margin-bottom: 22px !important;
}

body #brlSubscriptionWorkbench .brl-sub-kpi,
body #brlSubscriptionWorkbench .brl-sub-panel,
body #brlCommercialActivationWorkbench .brl-ca-kpi,
body #brlCommercialActivationWorkbench .brl-ca-panel{
  border-radius: 22px;
  border: 1px solid rgba(148,163,184,.14);
  background: linear-gradient(180deg, rgba(15,23,42,.68), rgba(2,6,23,.78));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}

body #brlSubscriptionWorkbench .brl-sub-kpi{
  padding: 18px 18px 16px;
  min-height: 88px;
}

body #brlSubscriptionWorkbench #brlSubPlanGrid{
  gap: 20px !important;
  margin: 8px 0 22px !important;
}

body #brlSubscriptionWorkbench .pricing-card{
  min-height: 0 !important;
  height: 100%;
  border-radius: 28px;
  padding: 26px 26px 24px !important;
  background:
    linear-gradient(180deg, rgba(8,15,32,.92), rgba(4,10,22,.96)),
    radial-gradient(circle at top, rgba(99,102,241,.08), transparent 38%);
  border: 1px solid rgba(148,163,184,.16);
  box-shadow:
    0 14px 34px rgba(2,6,23,.22),
    inset 0 1px 0 rgba(255,255,255,.02);
}

body #brlSubscriptionWorkbench .pricing-card.featured{
  box-shadow:
    0 20px 45px rgba(79,70,229,.14),
    0 0 0 1px rgba(129,140,248,.18) inset;
}

body #brlSubscriptionWorkbench .pricing-card .w-14.h-14{
  width: 60px !important;
  height: 60px !important;
  margin-bottom: 18px !important;
}

body #brlSubscriptionWorkbench .pricing-card h3{
  font-size: 1.05rem;
  line-height: 1.2;
  margin-bottom: 10px !important;
}

body #brlSubscriptionWorkbench .pricing-card .text-center.mb-6:first-of-type p{
  min-height: 48px;
}

body #brlSubscriptionWorkbench .pricing-card .text-center.mb-6:last-of-type{
  margin-bottom: 18px !important;
}

body #brlSubscriptionWorkbench .pricing-card .space-y-3.mb-6{
  margin-bottom: 18px !important;
}

body #brlSubscriptionWorkbench .pricing-card .feature-item{
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

body #brlSubscriptionWorkbench .pricing-card .feature-item span{
  line-height: 1.45;
}

body #brlSubscriptionWorkbench .pricing-card .btn{
  min-height: 52px;
  border-radius: 16px;
  font-weight: 600;
}

body #brlSubscriptionWorkbench .plan-badge{
  top: -12px !important;
  right: 18px !important;
  border-radius: 999px;
  padding: 8px 16px !important;
  font-size: 11px !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body #brlSubscriptionWorkbench .brl-sub-panel{
  padding: 22px 18px 20px;
}

body #brlSubscriptionWorkbench .brl-sub-panel .font-semibold.text-lg,
body #brlCommercialActivationWorkbench .font-semibold.text-lg{
  margin-bottom: 14px !important;
}

body #brlSubscriptionWorkbench .brl-sub-cycle{
  display: flex;
  gap: 12px;
  margin-bottom: 18px;
}

body #brlSubscriptionWorkbench .brl-sub-cycle .btn{
  min-width: 118px;
  border-radius: 16px;
}

body #brlSubscriptionWorkbench #brlSubNotes,
body #brlCommercialActivationWorkbench textarea{
  min-height: 116px;
  border-radius: 18px;
  background: rgba(2,6,23,.52);
}

body #brlSubscriptionWorkbench .brl-sub-actions{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 18px;
}

body #brlSubscriptionWorkbench .brl-sub-actions .btn,
body #brlCommercialActivationWorkbench .btn{
  min-height: 52px;
  border-radius: 16px;
}

body #brlSubscriptionWorkbench .brl-sub-note,
body #brlCommercialActivationWorkbench .brl-ca-note{
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.12);
  background: rgba(30,41,59,.42);
  padding: 14px 16px;
}

body #brlSubscriptionWorkbench .brl-sub-meta,
body #brlCommercialActivationWorkbench .brl-ca-meta{
  line-height: 1.6;
}

body #brlCommercialActivationWorkbench{
  margin-top: 18px !important;
  padding: 24px 24px 24px !important;
}

body #brlCommercialActivationWorkbench .brl-ca-kpis{
  gap: 14px !important;
  margin-bottom: 18px !important;
}

body #brlCommercialActivationWorkbench .brl-ca-kpi{
  padding: 16px 18px;
  min-height: 82px;
}

body #brlCommercialActivationWorkbench .brl-ca-grid{
  gap: 18px !important;
}

@media (max-width: 1280px){
  body #brlSubscriptionWorkbench{
    padding: 22px 20px 24px !important;
  }

  body #brlSubscriptionWorkbench .pricing-card{
    padding: 22px 20px 20px !important;
  }
}

@media (max-width: 768px){
  body #brlSubscriptionWorkbench .brl-sub-actions{
    flex-direction: column;
  }

  body #brlSubscriptionWorkbench .brl-sub-actions .btn,
  body #brlCommercialActivationWorkbench .btn{
    width: 100%;
  }
}