.card-view{max-width:760px;margin:28px auto 44px}.card-view-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.card-view-title h2{margin:0;font-size:22px}.card-view-title button{font-size:14px;padding:11px 15px}.membership-card{background:#fff;color:#152a43;border:1px solid #cbd6e3;border-radius:8px;overflow:hidden;box-shadow:0 16px 42px #18355414;font-family:Arial,sans-serif;position:relative;print-color-adjust:exact;-webkit-print-color-adjust:exact}.mc-stripe{height:7px;background:#2463ce}.membership-card .mc-header{display:flex;align-items:center;gap:14px;margin:0;padding:22px 25px 18px;border:0;border-bottom:1px solid #e1e7ef;background:#f4f7fb}.mc-church-logo{width:53px;height:53px;flex-shrink:0;background:white;border:1px solid #e0e6ee;border-radius:6px;padding:4px;display:flex;align-items:center;justify-content:center}.mc-church-logo img{max-width:100%;max-height:100%;object-fit:contain}.mc-church{min-width:0;flex:1}.mc-church>span{display:block;font-size:10px;font-weight:700;color:#526d8b;margin-bottom:6px}.mc-church h2{font-size:20px;line-height:1.25;margin:0;overflow-wrap:anywhere}.mc-status{display:flex;gap:6px;align-items:center;flex-shrink:0;color:#06785f;font-size:10px;font-weight:700}.mc-status i{display:block;width:6px;height:6px;border-radius:50%;background:#07966f}.mc-body{display:grid;grid-template-columns:115px minmax(0,1fr);gap:25px;padding:25px}.mc-photo{width:115px;height:145px;border:1px solid #d7e0eb;border-radius:6px;overflow:hidden;background:#e8edf4}.mc-photo img{width:100%;height:100%;object-fit:cover;display:block}.mc-photo .mc-placeholder{object-fit:contain}.mc-person{min-width:0;padding:3px 0}.mc-label{font-size:9px;font-weight:700;color:#647b94;display:block;margin-bottom:7px}.mc-person h3{font-size:26px;line-height:1.17;margin:0 0 25px;overflow-wrap:anywhere}.mc-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.mc-details strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere;display:block}.mc-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 25px;border-top:1px solid #e1e7ef}.mc-qr-group{display:flex;gap:11px;align-items:center;min-width:0}.mc-qr{width:80px;height:80px;display:block;flex-shrink:0}.mc-qr svg{width:100%;height:100%;display:block}.mc-qr-group strong{display:block;font-size:11px;margin-bottom:6px}.mc-qr-group span{display:block;font-size:10px;color:#647b94;line-height:1.5}.mc-brand{text-decoration:none;display:flex;flex-direction:column;gap:5px;text-align:right;color:#2463ce;flex-shrink:0}.mc-brand strong{font-size:18px}.mc-brand span{font-size:10px}.card-note{font-size:13px;color:#586b7e;line-height:1.5;margin-top:18px}.card-valid{display:inline-flex;align-items:center;gap:8px;color:#06785f;background:#e6f5ee;padding:10px 14px;border-radius:6px;font-weight:700;margin-bottom:20px}.card-valid:before{content:'\2713';font-weight:700}.card-verification{max-width:760px;margin:auto}.card-verification h1{font-size:25px}.card-unavailable{padding:24px;border:1px solid #d8e1ec;border-radius:8px;background:white}.card-portal-nav{flex-wrap:wrap}
@media(max-width:600px){.card-view-title{align-items:flex-start}.card-view-title h2{font-size:19px}.card-view-title button{font-size:12px;padding:10px}.membership-card .mc-header{padding:16px 15px;gap:10px}.mc-church-logo{width:42px;height:42px}.mc-church h2{font-size:15px}.mc-church>span{font-size:8px}.mc-status{font-size:8px;gap:4px}.mc-status i{width:5px;height:5px}.mc-body{grid-template-columns:80px minmax(0,1fr);padding:19px 15px;gap:15px}.mc-photo{width:80px;height:108px}.mc-person h3{font-size:19px;margin-bottom:18px}.mc-label{font-size:8px;margin-bottom:5px}.mc-details{gap:10px}.mc-details strong{font-size:11px}.mc-footer{padding:12px 15px;gap:8px}.mc-qr{width:66px;height:66px}.mc-qr-group{gap:5px}.mc-qr-group strong{font-size:9px}.mc-qr-group span{font-size:8px}.mc-brand strong{font-size:15px}.mc-brand span{font-size:8px}}
@media(max-width:360px){.mc-status{display:none}.mc-details{grid-template-columns:1fr;gap:10px}.mc-person h3{font-size:17px;margin-bottom:14px}.mc-qr-group>div{display:none}.mc-body{grid-template-columns:72px minmax(0,1fr)}.mc-photo{width:72px;height:100px}}
@media print{@page{size:A4 portrait;margin:15mm}body{background:#fff!important}body *{visibility:hidden}.membership-card,.membership-card *{visibility:visible}.membership-card{position:absolute;top:0;left:0;width:85.6mm!important;box-shadow:none!important;border-radius:3mm}.membership-card .mc-stripe{height:1mm}.membership-card .mc-header{padding:3mm;gap:2mm}.membership-card .mc-church-logo{width:8mm;height:8mm}.membership-card .mc-church>span{font-size:5pt}.membership-card .mc-church h2{font-size:8pt}.membership-card .mc-status{font-size:5pt}.membership-card .mc-body{padding:3mm;gap:3mm;grid-template-columns:16mm minmax(0,1fr)}.membership-card .mc-photo{width:16mm;height:21mm}.membership-card .mc-label{font-size:4.5pt;margin-bottom:1mm}.membership-card .mc-person h3{font-size:10pt;margin-bottom:3mm}.membership-card .mc-details{gap:2mm;grid-template-columns:1fr 1fr}.membership-card .mc-details strong{font-size:6pt}.membership-card .mc-footer{padding:2mm 3mm;gap:2mm}.membership-card .mc-qr{width:14mm;height:14mm}.membership-card .mc-qr-group{gap:1mm}.membership-card .mc-qr-group>div{display:block}.membership-card .mc-qr-group strong{font-size:5pt;margin-bottom:1mm}.membership-card .mc-qr-group span{font-size:4pt}.membership-card .mc-brand strong{font-size:8pt}.membership-card .mc-brand span{font-size:4.5pt}}