/* QA: premium generic card appearances, no bank photos or remote logos. */
.u2-real-card{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:1.68/1;max-width:410px;width:100%;margin:auto;border-radius:17px;display:flex;flex-flow:column;justify-content:space-between;padding:18px 20px;color:#fafafa;background:linear-gradient(128deg,#1e262b,#080b0e);border:1px solid #fff4;box-shadow:0 15px 30px #112a2020;font:600 12px system-ui,-apple-system,sans-serif}
.u2-real-ivory{background:linear-gradient(122deg,#fdfaf2 2%,#eee4d2 57%,#faf7ed 100%);color:#423c33;border-color:#d6cdb9}
.u2-real-graphite{background:linear-gradient(126deg,#373e45,#0b0d11 70%);color:#fff}
.u2-real-emerald{background:linear-gradient(132deg,#064e3b,#007454 52%,#04382d);color:#fff}
.u2-real-silver{background:linear-gradient(120deg,#e9ecee,#9fa9b2 72%,#d5dce1);color:#1e2935}
.u2-real-midnight{background:linear-gradient(125deg,#182d54,#0a1532 66%,#2b4778);color:#fff}
.u2-real-card:before{content:'';position:absolute;z-index:-1;right:-31%;top:-72%;height:170%;width:110%;transform:rotate(-28deg);border-left:1px solid #ffffff39;background:linear-gradient(150deg,#fff1,transparent 70%);border-radius:45%}
.u2-real-top{display:flex;justify-content:space-between;gap:8px;align-items:start;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.u2-real-top span{max-width:79%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u2-real-top small{font-size:9px;opacity:.76;letter-spacing:.08em}
.u2-card-chip{width:38px;height:28px;border:1px solid #aea79c;border-radius:6px;background:linear-gradient(122deg,#dbd1b7,#aea68f 55%,#f1e4be);position:relative;margin:auto 0 5px}.u2-card-chip:before{content:'';position:absolute;inset:4px 11px;border-left:1px solid #615c56aa;border-right:1px solid #615c56aa}.u2-card-chip:after{content:'';position:absolute;left:0;right:0;top:12px;border-top:1px solid #615c56aa}
.u2-real-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px}.u2-real-digits{letter-spacing:1.8px;font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}.u2-real-network{min-width:50px;display:flex;align-items:center;justify-content:flex-end;font-size:12px;font-weight:750;text-align:right}.u2-real-network img{width:55px;height:25px;object-fit:contain}
.u2-real-official-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1;background:rgba(255,255,255,.96);border-radius:inherit}.u2-official-look .u2-real-top,.u2-official-look .u2-real-bottom,.u2-official-look .u2-card-chip{background:rgba(5,42,34,.85);color:#fff;padding:4px 5px;border-radius:7px;max-width:max-content}.u2-official-look .u2-real-bottom{width:100%;max-width:100%;justify-content:space-between;padding:7px}.u2-official-look .u2-real-digits{font-size:13px}.u2-official-look .u2-card-chip{display:none}
.u2-editor-look{margin:2px 0 20px;max-width:430px}.u2-card-appearance-fields{display:grid;gap:3px;margin:6px 0 14px}.u2-card-appearance-fields .field{margin-bottom:8px}.u2-card-appearance-fields small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.u2-hide-old-colors{display:none!important}.u2-network-locked{opacity:.62}.u2-card-appearance-entry{display:block;width:100%;margin:6px 0 17px;border-radius:12px!important;color:#0b6049!important;font-weight:650}
.u2-card-finance-appearance{min-height:188px;isolation:isolate;overflow:hidden;position:relative!important;background:transparent!important;border:1px solid rgba(6,78,59,.14)!important;color:var(--text)!important;box-shadow:none!important}.u2-card-finance-appearance>.u2-card-surface{position:relative;display:block;width:100%;pointer-events:none}.u2-card-finance-appearance .u2-real-card{max-width:none;border-radius:15px;box-shadow:0 7px 18px #00000010;padding:13px 15px}.u2-card-finance-appearance .u2-real-top{font-size:10px}.u2-card-finance-appearance .u2-real-digits{font-size:12px}
.u2-card-finance-appearance>.cc-top,.u2-card-finance-appearance>.cc-bottom,.u2-card-finance-appearance>.finance-mini-card-amount,.u2-card-finance-appearance>.finance-mini-card-label{position:relative;z-index:1;padding:0 14px;color:var(--text)!important}
.u2-card-finance-appearance>.cc-top{display:none!important}.u2-card-finance-appearance>.cc-bottom{display:none!important}.u2-card-finance-appearance>.finance-mini-card-amount{padding-top:9px;font-size:18px}.u2-card-finance-appearance>.finance-mini-card-label{font-size:11px;padding-bottom:9px}
.u2-card-intro{text-align:center;background:rgba(184,230,209,.14);border:1px solid rgba(6,78,59,.13);border-radius:20px;padding:27px 22px 20px}.u2-card-intro-icon{font-size:40px;display:block;color:#064e3b}.u2-card-intro h3{font-size:21px;margin:5px 0 8px}.u2-card-intro p{font-size:12px;line-height:1.65;color:var(--muted)}.u2-wizard-progress{font-size:12px;color:#0b654b;margin:0 0 13px;font-weight:750}
#u2-wizard-preview{max-width:390px;margin:0 auto 20px}
#u2-card-choose-backdrop{position:fixed;inset:0;z-index:2147482500;display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box}
.u2-card-choose-shade{position:absolute;inset:0;background:rgba(15,32,30,.30);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.u2-card-choose-sheet{position:relative;z-index:1;background:rgba(250,253,250,.95);border:1px solid #ffffffa0;box-shadow:0 20px 70px #001d1d32;border-radius:22px;padding:15px 16px;width:min(440px,100%);max-height:75vh;overflow-y:auto;color:#132923}
.u2-card-choose-head{display:flex;justify-content:space-between;align-items:center;padding:0 0 10px;font-size:18px}.u2-card-choose-head button{border:0;border-radius:50%;width:35px;height:35px;background:#e5efe9;font-size:22px;color:#144f3e}
.u2-bank-label{margin:14px 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#0b6049}
.u2-card-choose-row{width:100%;display:flex;align-items:center;gap:12px;padding:9px 0;background:transparent;border:0;border-bottom:1px solid #103c3020;text-align:left;color:inherit}.u2-card-choose-row:last-child{border:0}.u2-card-choose-row:focus-visible{outline:2px solid #136d54;outline-offset:2px;border-radius:6px}.u2-card-choose-desc{min-width:0;flex:1;display:grid;gap:3px}.u2-card-choose-desc strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u2-card-choose-desc small{font-size:11px;color:#607069}.u2-card-choose-row i{font-size:20px;font-style:normal;color:#0b6049}
.u2-card-mini{width:69px;height:45px;flex:0 0 69px;display:grid;place-items:center;border-radius:8px;color:#fff;overflow:hidden;box-shadow:0 3px 11px #00242116}.u2-card-mini.u2-real-silver,.u2-card-mini.u2-real-ivory{color:#154a3c}.u2-card-mini img{height:100%;width:100%;object-fit:contain;background:#f4f7f7}
@media(max-width:440px){.u2-real-digits{font-size:11px!important;letter-spacing:1px}.u2-real-network img{width:46px;height:22px}.u2-card-choose-sheet{max-height:80vh}}

/* Add/Edit Card network filter · Round 3 QA follow-up. */
.u2-card-bank-section .u2-card-appearance-fields select[name="u2ProductNetwork"],
.u2-card-bank-section .u2-card-appearance-fields select[name="u2CardProduct"]{width:100%}
.u2-card-bank-section .u2-card-appearance-fields select:disabled{opacity:.62;cursor:not-allowed}
#u2-wizard-product:disabled{opacity:.62;cursor:not-allowed}


/* ROUND 3 — Three background finishes, 11 independent soft premium colors. */
.u2-real-card{--u2-card-base:#26313a;--u2-card-ink:#fff;--u2-card-edge:rgba(255,255,255,.20);background:var(--u2-card-base)!important;color:var(--u2-card-ink)!important;border-color:var(--u2-card-edge)!important;isolation:isolate}
.u2-real-ivory{--u2-card-base:#F7F0D8;--u2-card-ink:#403C2F;--u2-card-edge:#CFC8AC}
.u2-real-graphite{--u2-card-base:#42494A;--u2-card-ink:#F7F4ED;--u2-card-edge:#666F70}
.u2-real-emerald{--u2-card-base:#064E3B;--u2-card-ink:#F8F1E0;--u2-card-edge:#417463}
.u2-real-silver{--u2-card-base:#D7DFE0;--u2-card-ink:#273D40;--u2-card-edge:#B5C2C4}
.u2-real-midnight{--u2-card-base:#293B55;--u2-card-ink:#FCFAF6;--u2-card-edge:#50637B}
.u2-real-pearl{--u2-card-base:#E8E3DC;--u2-card-ink:#494840;--u2-card-edge:#CFC8BE}
.u2-real-champagne{--u2-card-base:#D9C6B0;--u2-card-ink:#524034;--u2-card-edge:#C3AE95}
.u2-real-sage{--u2-card-base:#A7BEAE;--u2-card-ink:#243D33;--u2-card-edge:#829B8B}
.u2-real-mist-blue{--u2-card-base:#A8BDCE;--u2-card-ink:#22394D;--u2-card-edge:#829CB1}
.u2-real-dusty-rose{--u2-card-base:#D3B5BD;--u2-card-ink:#573C44;--u2-card-edge:#B5959E}
.u2-real-taupe{--u2-card-base:#B5A79A;--u2-card-ink:#382D2A;--u2-card-edge:#97897C}
.u2-real-card::before{display:none!important}
.u2-card-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit}
.u2-real-card>.u2-real-top,.u2-real-card>.u2-card-chip,.u2-real-card>.u2-real-bottom{position:relative;z-index:2;color:inherit!important}
.u2-bg-flow{position:absolute;width:82%;height:160%;right:-35%;top:-40%;border-radius:48% 52% 30% 70%;transform:rotate(-35deg);border:1px solid rgba(255,255,255,.33);background:linear-gradient(90deg,rgba(255,255,255,.23),rgba(255,255,255,0) 70%)}
.u2-bg-flow-two{right:-60%;top:-25%;transform:rotate(-42deg);background:rgba(0,0,0,.045);border-color:rgba(255,255,255,.25)}
.u2-bg-network .u2-card-bg>*{position:absolute;pointer-events:none}
.u2-glass-v{right:-6%;top:-32%;font-family:system-ui,sans-serif;font-size:clamp(165px,29vw,245px);font-weight:250;line-height:1.35;letter-spacing:-.09em;color:rgba(255,255,255,.19);-webkit-text-stroke:1.5px rgba(255,255,255,.62);text-shadow:0 3px 12px rgba(255,255,255,.26),-2px -2px 8px rgba(20,40,50,.07);transform:skewX(-8deg)}
.u2-glass-ring{width:53%;aspect-ratio:1;border-radius:50%;top:9%;border:1.5px solid rgba(255,255,255,.58);background:linear-gradient(136deg,rgba(255,255,255,.24),rgba(255,255,255,.07) 70%);box-shadow:inset 2px 2px 6px rgba(255,255,255,.16),0 6px 16px rgba(0,0,0,.03)}
.u2-glass-ring-one{right:14%}.u2-glass-ring-two{right:-17%}
.u2-glass-band{height:160%;width:19%;top:-28%;transform:rotate(18deg);border-left:1px solid rgba(255,255,255,.62);border-right:1px solid rgba(255,255,255,.30);background:linear-gradient(90deg,rgba(255,255,255,.24),rgba(255,255,255,.05));box-shadow:3px 2px 9px rgba(0,0,0,.035)}
.u2-glass-band-one{right:7%}.u2-glass-band-two{right:33%;opacity:.68}.u2-glass-band-three{right:59%;opacity:.37}
.u2-real-top span{max-width:76%;white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;line-height:1.3}
.u2-real-network{white-space:normal;line-height:1.12;max-width:112px;min-width:0;flex-shrink:0;overflow:visible;overflow-wrap:normal;font-size:clamp(10px,1.6vw,12px)}
.u2-real-digits{font-size:clamp(11px,2vw,14px);letter-spacing:.075em;white-space:nowrap}
.u2-real-card .u2-real-bottom{gap:6px;align-items:flex-end}
.u2-card-bank-section [name=u2CardStyle],.u2-card-bank-section [name=u2CardBackground]{width:100%}
.u2-editor-look .u2-real-card{max-width:430px}
.u2-card-mini.u2-real-pearl,.u2-card-mini.u2-real-champagne,.u2-card-mini.u2-real-sage,.u2-card-mini.u2-real-mist-blue,.u2-card-mini.u2-real-dusty-rose,.u2-card-mini.u2-real-taupe{color:#243D33}
@media(max-width:520px){.u2-real-card .u2-real-network{max-width:91px;font-size:10px}.u2-real-card .u2-real-digits{letter-spacing:0;font-size:clamp(10px,2.6vw,13px)}.u2-glass-v{right:-8%;font-size:190px}}
@media(prefers-reduced-motion:reduce){.u2-real-card *{animation:none!important}}
/* More legible right-cropped frosted V at narrow card widths. */
.u2-real-card.u2-network-visa .u2-glass-v{right:2%;top:-27%;font-size:clamp(230px,36vw,305px);font-weight:460;line-height:1.28;color:rgba(255,255,255,.16);-webkit-text-stroke:2px rgba(255,255,255,.64)}
@media(max-width:520px){.u2-real-card.u2-network-visa .u2-glass-v{font-size:275px;right:-2%;top:-29%}}