.v-dialog.beup-plan-info .v-overlay__scrim { background:#09181d; opacity:.58; backdrop-filter:blur(3px); }
.v-dialog.beup-plan-info > .v-overlay__content { width:360px !important; max-width:calc(100% - 32px) !important; margin:16px; }
.v-dialog.beup-plan-info .v-card {
  --beup-info-accent:#89d3dc;
  background:#202b31 !important;
  color:#f4f8fa;
  border:1px solid #466069;
  border-top:2px solid var(--beup-info-accent);
  border-radius:8px !important;
  box-shadow:0 24px 72px rgba(5,16,21,.4),inset 0 1px rgba(255,255,255,.04);
  transition:none;
}
.beup-plan-info-heading { display:flex; align-items:center; gap:10px; margin:0; padding:22px 22px 0; font-size:16px; line-height:24px; font-weight:650; letter-spacing:0; }
.beup-plan-info-heading .mdi { color:var(--beup-info-accent); font-size:21px; line-height:24px; }
.v-dialog.beup-plan-info .v-card-text { padding:14px 22px 22px !important; color:#d2dde2; font-size:14px !important; line-height:1.85 !important; letter-spacing:0 !important; overflow-wrap:anywhere; }
.v-dialog.beup-plan-info .v-card-actions { min-height:64px; padding:12px 22px 16px; border-top:1px solid rgba(177,209,220,.14); }
.v-dialog.beup-plan-info .v-card-actions .v-btn { min-width:88px; height:34px; border:1px solid rgba(137,211,220,.28); border-radius:6px; background:rgba(111,203,214,.12); color:#b5edf0 !important; font-size:13px; letter-spacing:0; }
.v-dialog.beup-plan-info .v-btn:focus-visible { outline:2px solid #b5edf0; outline-offset:3px; }
.bpc-card :is(.bpc-expiry,.bpc-reset,.bpc-traffic) > .v-icon:focus-visible { outline:2px solid #89d3dc; outline-offset:3px; border-radius:3px; }
@media(prefers-reduced-motion:reduce) { .v-dialog.beup-plan-info .v-overlay__content { transition:none !important; animation:none !important; } }