body[data-member-workspace="true"] .card-flip { perspective: 1200px; width: calc(100% - 60px); max-width: 400px; margin: 33px auto 27px; }
body[data-member-workspace="true"] .member-card-preview .card-flip { width: calc(100% - 48px); max-width: 338px; margin: 24px auto 19px; }
.card-flip-inner { display: grid; transform-style: preserve-3d; transition: transform .55s cubic-bezier(.2,.7,.2,1); }
.card-flip.is-revealed .card-flip-inner { transform: rotateY(180deg); }
.card-flip-front, .card-flip-back { grid-area: 1 / 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; min-width: 0; }
body[data-member-workspace="true"] .card-flip .payment-card { width: 100%; max-width: none; margin: 0; }
body[data-member-workspace="true"] .card-flip .card-flip-back { transform: rotateY(180deg); display: flex; align-items: center; padding: 22px; min-height: 220px; }
[data-card-secrets] { width: 100%; color: #f8f4e9; text-align: left; }
.secure-card-label, .secure-card-row span { font-size: 10px; letter-spacing: .12em; opacity: .76; margin: 0 0 8px; display: block; }
.secure-card-number { font-family: ui-monospace, monospace; font-size: clamp(15px, 1.5vw, 21px); letter-spacing: .035em; white-space: nowrap; margin: 0 0 20px; }
.secure-card-row { display: flex; gap: 34px; margin-bottom: 16px; }
.secure-card-row strong { font-family: ui-monospace, monospace; font-size: 16px; font-weight: 500; }
.secure-card-holder { margin: 0 0 12px; font-size: 11px; text-transform: uppercase; overflow-wrap: anywhere; }
.secure-card-notice { font-size: 9px; opacity: .7; }
.secure-card-field-heading, .secure-card-value-row { display: flex; align-items: center; gap: 6px; }
.secure-card-field-heading { justify-content: space-between; }
.secure-card-field-heading .secure-card-label { margin: 0; }
.secure-card-row { gap: 16px; justify-content: space-between; }
.secure-card-row > div { min-width: 0; }
.secure-card-row span { margin-bottom: 0; }
.secure-card-holder-row { justify-content: space-between; margin-bottom: 8px; }
.secure-card-holder-row .secure-card-holder { margin: 0; min-width: 0; }
.secure-card-copy { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: 0 0 44px; padding: 0; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #d6bf86; }
.secure-card-copy svg { width: 16px; height: 16px; }
.secure-card-copy:hover { background: #ffffff0d; border-color: #d6bf8640; }
.secure-card-copy:focus-visible { outline: 2px solid #d6bf86; outline-offset: 1px; }
@media (min-width:481px) and (max-width:1000px) {
  body[data-member-workspace="true"] .member-card-preview .card-flip { grid-column: 2; grid-row: 1 / span 2; width: 100%; margin: 0; }
  body[data-member-workspace="true"] .member-card-preview .card-flip .payment-card { grid-area: 1 / 1; }
}
@media(max-width:760px) {
  body[data-member-workspace="true"] .detail-card-panel .card-flip { width: calc(100% - 46px); }
  body[data-member-workspace="true"] .card-flip .card-flip-back { padding: 16px; }
  .secure-card-number { font-size: clamp(13px,4vw,19px); letter-spacing: 0; }
}
@media (max-width:480px) { body[data-member-workspace="true"] .member-card-preview .card-flip { width: calc(100% - 46px); } }
@media (prefers-reduced-motion:reduce) { .card-flip-inner { transition: none; } }
@media print { .card-flip-back, [data-card-secrets] { display: none !important; } }