.sto-member-card{box-sizing:border-box;aspect-ratio:1.586;position:relative;border-radius:17px;overflow:hidden;border:1px solid #889099;box-shadow:0 14px 22px -15px #0009,inset 0 1px 1px #fff8;isolation:isolate;padding:clamp(16px,3vw,24px);display:grid;grid-template-rows:max-content max-content;align-content:space-between;min-height:min-content;gap:10px;background:#cbd0d6;color:#20252b;width:100%;max-width:440px;margin:12px 0 22px;font-family:Manrope,Arial,sans-serif}
.sto-member-card:before{content:"";position:absolute;inset:0;z-index:-1;background-image:url('/assets/client-card-materials-20260922.webp');background-size:300% 100%;background-position:left center;opacity:.13;mix-blend-mode:multiply}
.sto-member-card:after{content:"";position:absolute;inset:1px;border:1px solid #ffffff25;border-radius:15px;pointer-events:none}
.sto-member-steel{background:linear-gradient(115deg,#d2d7dd,#f1f3f5 44%,#b9c2cc)}
.sto-member-titanium{background:linear-gradient(120deg,#686f78,#343c47);color:#fff;border-color:#7b8592}.sto-member-titanium:before{background-position:center;opacity:.45;mix-blend-mode:soft-light}
.sto-member-iridium{background:linear-gradient(115deg,#161b23,#232a36 70%,#3f465e);color:#f6f5f2;border-color:#7c8498}.sto-member-iridium:before{background-position:right;opacity:.54;mix-blend-mode:screen}
.sto-member-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sto-member-top img{width:29%;height:auto;object-fit:contain;filter:drop-shadow(0 2px 2px #0002)}
.sto-member-level{text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:800;margin-top:4px}
.sto-member-label{font-size:9px;font-weight:700;letter-spacing:.15em}.sto-member-holder{font-size:15px;font-weight:600;margin:3px 0 10px;overflow-wrap:anywhere;line-height:1.3}
.sto-member-line{display:flex;align-items:end;justify-content:space-between;gap:10px;flex-wrap:wrap}.sto-member-number{letter-spacing:.08em;font-size:clamp(15px,2vw,24px);font-weight:800;overflow-wrap:anywhere;line-height:1.3}.sto-member-mark{font-size:8px;letter-spacing:.06em}
.sto-membership-panel{min-width:0}.sto-membership-panel form{display:grid;gap:14px;max-width:520px;margin:20px 0}.sto-membership-panel label{display:grid;gap:6px}.sto-membership-panel input,.sto-membership-panel select{box-sizing:border-box;width:100%;min-width:0;font-size:16px;min-height:44px}.sto-member-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.sto-member-actions button{min-height:44px}
.sto-member-status{font-weight:700;margin:12px 0}.sto-member-summary{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.sto-member-summary p{margin:0}.sto-member-summary button{min-height:44px}.sto-member-proposal{border:2px solid var(--sto-color-brand-primary,#b81810);padding:16px;border-radius:12px;margin:18px 0}
.sto-member-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:2px solid var(--sto-color-brand-primary,#b81810);border-radius:18px;background:var(--surface,#fff);color:var(--text,#17191d)}
.sto-member-dialog::backdrop{background:#111722a0;backdrop-filter:blur(5px)}.sto-member-qr{display:block;width:100%;max-width:300px;aspect-ratio:1;margin:18px auto;background:white;border:12px solid white;box-sizing:border-box}.sto-member-code{font-family:monospace;font-size:26px;letter-spacing:.16em;text-align:center;overflow-wrap:anywhere}.sto-member-dialog .sto-member-code.sto-member-long-code{font-size:14px;letter-spacing:.03em}
.sto-member-dialog button,.sto-membership-panel button{min-height:44px}.sto-member-error{color:var(--sto-color-brand-primary,#b81810)}
html[data-theme="dark"] .sto-member-dialog{background:#20252d;color:#f4f5f7}
@media(max-width:380px){.sto-member-card{padding:14px;gap:6px}.sto-member-mark{display:none}.sto-member-level{font-size:11px}.sto-member-holder{font-size:13px}.sto-member-number{font-size:16px}}
/* Keep the name and number inside the plastic face at narrow phone widths. */
.sto-member-label{display:block;line-height:1.3}.sto-member-holder{margin-bottom:6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media(max-width:380px){.sto-member-card{min-height:170px}.sto-member-top img{width:27%}}