.cl-design-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 20px}
.cl-control-center .cl-design-choice{display:flex;flex-direction:column;gap:6px;align-items:stretch;background:#fff;color:#0b2033;border:1px solid #d2ded8;border-radius:12px;padding:8px;text-align:left;min-width:0;cursor:pointer;font:inherit;transition:border-color .2s,box-shadow .2s}
.cl-design-choice img{width:100%;height:82px;object-fit:cover;border-radius:7px;display:block}.cl-design-choice strong{font-size:12px;margin:4px 4px 0}.cl-design-choice small{font-size:10px;line-height:1.6;color:#526b76;margin:0 4px 6px}
.cl-control-center .cl-design-choice[aria-pressed=true]{border-color:#087f75;box-shadow:0 0 0 2px #087f75}.cl-design-choice:focus-visible{outline:3px solid #087f75;outline-offset:3px}
.cl-designed-card{--card-bg:#0b2033;--card-ink:#fff;--card-accent:#b9eedc;position:relative;isolation:isolate;overflow:hidden;background:var(--card-bg);color:var(--card-ink)!important;padding:28px;border-radius:20px;border:1px solid #668c7c33;box-shadow:0 20px 45px #0b20331a;width:100%;max-width:520px;margin-inline:auto;font-family:inherit}
.cl-designed-card:before{content:'';position:absolute;width:360px;height:360px;right:-200px;top:-160px;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 0 28px #ffffff09,0 0 0 56px #ffffff09,0 0 0 84px #ffffff09;opacity:.2;z-index:-1;pointer-events:none}
.cl-designed-card.is-signature{background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--card-accent) 16%,var(--card-bg)),var(--card-bg) 70%)}
.cl-designed-card.is-midnight:before{width:440px;height:440px;top:-170px;right:-250px;opacity:.25}
.cl-designed-card.is-atelier:before{border-radius:0;transform:rotate(32deg);top:-130px;right:-250px;border-color:var(--card-accent);box-shadow:0 0 0 20px #83613f09,0 0 0 40px #83613f09,0 0 0 60px #83613f09}
.cl-designed-card.is-aurora{background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--card-accent) 22%,var(--card-bg)),var(--card-bg) 75%)}
.cl-designed-card.is-clean:before{display:none}.cl-designed-card.is-elegant,.cl-designed-card.is-bold{background:linear-gradient(125deg,var(--card-bg) 30%,color-mix(in srgb,var(--card-accent) 30%,var(--card-bg)))}
.cl-designed-head{display:flex;gap:10px;align-items:center;min-height:36px}.cl-designed-head>img,.cl-designed-head .cl-admin-wallet-logo{width:42px;max-height:40px;flex:0 0 42px;object-fit:contain;background:#ffffffdf;border-radius:8px;padding:4px}
.cl-designed-head .cl-admin-wallet-logo img{max-width:100%;max-height:32px;object-fit:contain}.cl-designed-head .cl-admin-wallet-logo-fallback{color:#0b2033}.cl-designed-head [hidden]{display:none!important}
.cl-designed-head strong{font-size:13px;font-weight:700;overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.4;color:inherit!important}.cl-designed-head>span:last-child{font-size:8px;letter-spacing:.15em;opacity:.8}
.cl-designed-card .cl-designed-title{font-size:clamp(25px,2.3vw,34px)!important;line-height:1.15!important;letter-spacing:-.045em;font-weight:550!important;color:inherit!important;margin:28px 0!important}
.cl-designed-balance{display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);padding-top:18px;margin-bottom:20px}
.cl-designed-balance>span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;max-width:50%;overflow-wrap:anywhere}.cl-designed-balance>strong{font-size:38px;line-height:1.2;font-weight:550;letter-spacing:-.035em;color:inherit}.cl-designed-balance small{font-size:15px;opacity:.75}
.cl-design-stamps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:10px 0 25px}.cl-design-stamps i{display:grid;place-items:center;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:50%;aspect-ratio:1;max-width:48px;width:100%;font-size:18px;font-style:normal}.cl-design-stamps i.is-filled{background:var(--card-ink);color:var(--card-bg);border-color:var(--card-ink)}
.cl-design-meter{height:9px;border-radius:10px;background:color-mix(in srgb,var(--card-ink) 17%,transparent);margin:30px 0 40px;overflow:hidden}.cl-design-meter i{display:block;height:100%;background:var(--card-ink);border-radius:inherit}
.cl-designed-foot{border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.cl-designed-foot strong{font-size:12px;color:inherit}.cl-designed-foot small{display:block;font-size:11px;opacity:.85;margin-top:5px}.cl-design-preview-symbol{font-size:38px}
.cl-designed-foot .cl-webcard-qr{background:white;padding:7px;border-radius:7px;width:96px;height:96px;flex:0 0 96px}.cl-designed-foot .cl-webcard-qr :is(canvas,img,svg){width:100%!important;height:100%!important;display:block}.cl-designed-id{display:block;font-size:9px;opacity:.7;margin-top:17px}
.cl-control-center .cl-preview-column{min-width:0}.cl-customer-portal>.cl-designed-card{margin:25px auto}.cl-designed-card *{box-sizing:border-box}
@media(max-width:420px){.cl-designed-card{padding:20px;border-radius:15px}.cl-design-stamps{gap:7px}.cl-designed-balance>strong{font-size:31px}.cl-design-gallery{gap:9px}.cl-design-choice img{height:70px}}
@media(prefers-reduced-motion:reduce){.cl-design-choice{transition:none!important}}