/* Baakee / Rufiyaa Update 2 Round 3 — approved DARK card collection, QA only.
   Appearance-only; no financial data changes, no iPad layout changes.
   Legacy light colors remain supported for existing saved cards. */
.u2-real-card.u2-real-graphite{--u2-card-base:#333B3E;--u2-card-ink:#F7F0D8;--u2-card-edge:#526065}
.u2-real-card.u2-real-midnight{--u2-card-base:#172B46;--u2-card-ink:#F7F0D8;--u2-card-edge:#405574}
.u2-real-card.u2-real-emerald{--u2-card-base:#123D34;--u2-card-ink:#F7F0D8;--u2-card-edge:#406B60}
.u2-real-card.u2-real-espresso{--u2-card-base:#3F302C;--u2-card-ink:#F7F0D8;--u2-card-edge:#67524C}
.u2-real-card.u2-real-deep-taupe{--u2-card-base:#514941;--u2-card-ink:#F7F0D8;--u2-card-edge:#74675D}
.u2-real-card.u2-real-steel-blue{--u2-card-base:#314B60;--u2-card-ink:#F7F0D8;--u2-card-edge:#597188}
.u2-real-card.u2-real-forest-slate{--u2-card-base:#354A43;--u2-card-ink:#F7F0D8;--u2-card-edge:#60766C}
.u2-real-card.u2-real-burgundy-noir{--u2-card-base:#4B2935;--u2-card-ink:#F7F0D8;--u2-card-edge:#76505D}
.u2-real-card.u2-real-charcoal-teal{--u2-card-base:#24464B;--u2-card-ink:#F7F0D8;--u2-card-edge:#557279}
.u2-real-card.u2-real-plum-black{--u2-card-base:#342C39;--u2-card-ink:#F7F0D8;--u2-card-edge:#57495D}
.u2-real-card.u2-real-champagne-black{--u2-card-base:#302C29;--u2-card-ink:#F7F0D8;--u2-card-edge:#62554A}
/* Matte is flat by definition. Soft Abstract is still subtle, and network motifs live under labels. */
.u2-real-card.u2-bg-matte .u2-card-bg{background:none}
.u2-real-card.u2-bg-abstract .u2-bg-flow{border-color:#ffffff1c;background:linear-gradient(110deg,#ffffff24,#ffffff06 58%,transparent)}
.u2-real-card.u2-bg-abstract .u2-bg-flow-two{background:#00000009;border-color:#ffffff13}
/* VISA: a single oversized frosted V cut off at right, not a neon outline. */
.u2-real-card.u2-bg-network.u2-network-visa .u2-glass-v{
  right:13%;top:-10%;font-size:clamp(245px,40vw,325px);font-weight:500;line-height:1.25;
  color:#ffffff12;-webkit-text-stroke:1px #ffffff4a;text-shadow:2px 3px 5px #ffffff09,-2px -1px 4px #00000011;
  transform:skewX(-5deg);filter:drop-shadow(-4px 1px 8px #ffffff0c)
}
/* Mastercard: exactly two quiet glass circles on the far right, clear of top-left card product. */
.u2-real-card.u2-bg-network.u2-network-mastercard .u2-glass-ring{
  width:43%;top:22%;border:1px solid #ffffff48;background:linear-gradient(132deg,#ffffff26,#ffffff0a 75%);
  box-shadow:inset 2px 2px 5px #ffffff0c,0 5px 10px #00000012;
}
.u2-real-card.u2-bg-network.u2-network-mastercard .u2-glass-ring-one{right:10%}
.u2-real-card.u2-bg-network.u2-network-mastercard .u2-glass-ring-two{right:-14%}
/* Amex: two broad, diffused bands instead of multiple sharp streaks. */
.u2-real-card.u2-bg-network.u2-network-amex .u2-glass-band{
  height:170%;width:24%;top:-30%;transform:rotate(17deg);
  border-left:1px solid #ffffff29;border-right:1px solid #ffffff11;
  background:linear-gradient(90deg,#ffffff06,#ffffff23 48%,#ffffff05);
  box-shadow:3px 3px 12px #0000000d;
}
.u2-real-card.u2-bg-network.u2-network-amex .u2-glass-band-one{right:7%}
.u2-real-card.u2-bg-network.u2-network-amex .u2-glass-band-two{right:34%;opacity:.72}
.u2-real-card.u2-bg-network.u2-network-amex .u2-glass-band-three{display:none}
/* Keep long labels legible above the background and keep card proportions on phones. */
.u2-real-card>.u2-real-top,.u2-real-card>.u2-real-bottom,.u2-real-card>.u2-card-chip{z-index:2}
.u2-real-card .u2-real-top span{max-width:76%;line-height:1.28;overflow-wrap:normal;word-break:normal}
@media(max-width:520px){
  .u2-real-card.u2-bg-network.u2-network-visa .u2-glass-v{font-size:285px;top:-11%;right:13%}
  .u2-real-card.u2-bg-network.u2-network-mastercard .u2-glass-ring{width:41%;top:25%}
}