/* BRL_SUBSCRIPTION_MICRO_SURGERY_V1 */

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

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

body #brlSubscriptionWorkbench .brl-sub-kpi{
  min-height: 82px !important;
  padding: 16px 16px 14px !important;
}

body #brlSubscriptionWorkbench #brlSubPlanGrid{
  gap: 18px !important;
  margin: 10px 0 18px !important;
  align-items: stretch !important;
}

body #brlSubscriptionWorkbench .pricing-card{
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  padding: 22px 22px 20px !important;
}

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

body #brlSubscriptionWorkbench .pricing-card .text-center.mb-6:first-of-type p{
  min-height: 42px !important;
  margin-bottom: 0 !important;
}

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

body #brlSubscriptionWorkbench .pricing-card .space-y-3.mb-6{
  display: grid !important;
  gap: 11px !important;
  margin-bottom: 14px !important;
  flex: 1 1 auto !important;
}

body #brlSubscriptionWorkbench .pricing-card .feature-item{
  gap: 9px !important;
}

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

body #brlSubscriptionWorkbench .pricing-card .btn{
  margin-top: auto !important;
  min-height: 50px !important;
}

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

body #brlSubscriptionWorkbench .plan-badge{
  top: -10px !important;
  right: 18px !important;
  padding: 7px 14px !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
}

body #brlSubscriptionWorkbench .brl-sub-panel{
  padding: 20px 18px 18px !important;
  margin-top: 14px !important;
}

body #brlSubscriptionWorkbench .brl-sub-panel + .brl-sub-panel{
  margin-top: 16px !important;
}

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

body #brlSubscriptionWorkbench .brl-sub-cycle .btn{
  min-width: 112px !important;
  min-height: 48px !important;
}

body #brlSubscriptionWorkbench #brlSubNotes{
  min-height: 104px !important;
}

body #brlSubscriptionWorkbench .brl-sub-actions{
  gap: 12px !important;
  margin-top: 14px !important;
}

body #brlSubscriptionWorkbench .brl-sub-actions .btn{
  min-height: 50px !important;
  padding-inline: 26px !important;
}

body #brlSubscriptionWorkbench .brl-sub-note{
  margin-top: 14px !important;
}

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

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

body #brlCommercialActivationWorkbench .brl-ca-kpi{
  min-height: 78px !important;
  padding: 15px 16px !important;
}

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

body #brlCommercialActivationWorkbench .brl-ca-panel{
  padding: 18px 18px 16px !important;
}

body #brlCommercialActivationWorkbench textarea{
  min-height: 108px !important;
}

body #brlSubscriptionWorkbench .brl-sub-badge,
body #brlCommercialActivationWorkbench .brl-ca-badge,
body #brlSubscriptionWorkbench .plan-badge{
  font-weight: 700 !important;
}

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

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

@media (max-width: 768px){
  body #brlSubscriptionWorkbench .brl-sub-actions .btn,
  body #brlCommercialActivationWorkbench .btn{
    width: 100% !important;
  }
}