:root{--bada:#4174AB;--bada-dark:#315D8A;--bada-navy:#203F61;--bada-text:#263B4E;--bada-muted:#6F8192;--bada-border:#DCE6EF;--bada-bg:#F6F9FC;--bada-green:#2F8B62} .bada-portal{max-width:980px!important;margin:28px auto!important;padding:34px!important;border:1px solid var(--bada-border)!important;border-radius:26px!important;background:#fff!important;color:var(--bada-text)!important;box-shadow:0 20px 55px rgba(32,63,97,.09)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important} .bada-portal *{box-sizing:border-box!important} .bada-portal-head span,.bada-dashboard-kicker{display:block!important;color:var(--bada)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important} .bada-portal-head h2,.bada-dashboard-top h2{margin:7px 0 0!important;color:var(--bada-navy)!important;font-size:clamp(28px,4vw,42px)!important;line-height:1.08!important;letter-spacing:-.03em!important} .bada-portal-head p,.bada-dashboard-top p{margin:12px 0 0!important;color:var(--bada-muted)!important;font-size:15px!important;line-height:1.7!important} .bada-form{margin-top:28px!important}.bada-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px!important}.bada-span-2{grid-column:1/-1!important} .bada-field{display:flex!important;flex-direction:column!important;gap:7px!important}.bada-field>span{color:var(--bada-navy)!important;font-size:12px!important;font-weight:800!important} .bada-field input{width:100%!important;min-height:48px!important;padding:11px 13px!important;border:1px solid #CBD8E3!important;border-radius:12px!important;background:#fff!important;color:var(--bada-text)!important;box-shadow:none!important;outline:none!important;font:inherit!important} .bada-field input:focus{border-color:var(--bada)!important;box-shadow:0 0 0 3px rgba(65,116,171,.12)!important} .bada-consents{display:grid!important;gap:10px!important;margin:22px 0!important}.bada-consents label,.bada-remember{display:flex!important;align-items:flex-start!important;gap:9px!important;color:#526A80!important;font-size:13px!important;line-height:1.5!important} .bada-payment-note{display:flex!important;flex-direction:column!important;gap:5px!important;margin:22px 0!important;padding:17px 18px!important;border-left:4px solid var(--bada)!important;border-radius:13px!important;background:#F3F7FB!important}.bada-payment-note strong{color:var(--bada-navy)!important}.bada-payment-note span{color:var(--bada-muted)!important;font-size:13px!important} .bada-portal-btn,.bada-portal-btn:hover,.bada-portal-btn:focus,.bada-portal-btn:active{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:50px!important;padding:13px 22px!important;border:1px solid var(--bada)!important;border-radius:999px!important;background:var(--bada)!important;color:#fff!important;font-family:inherit!important;font-size:14px!important;font-weight:900!important;line-height:1!important;text-decoration:none!important;box-shadow:0 12px 26px rgba(65,116,171,.19)!important;outline:none!important;cursor:pointer!important} .bada-portal-btn:hover,.bada-portal-btn:focus{background:var(--bada-dark)!important;border-color:var(--bada-dark)!important} .bada-error,.bada-portal-notice,.bada-payment-pending{max-width:980px!important;margin:16px auto!important;padding:15px 17px!important;border-radius:13px!important;font-size:14px!important;line-height:1.55!important} .bada-error{border:1px solid #E8C8C8!important;background:#FFF5F5!important;color:#A34040!important}.bada-portal-notice{border:1px solid var(--bada-border)!important;background:#F5F9FC!important;color:var(--bada-navy)!important}.bada-payment-pending{margin:24px 0!important;border:1px solid #E9D9AD!important;background:#FFFBF0!important;color:#735B19!important} .bada-login{max-width:540px!important}.bada-login .bada-form{display:grid!important;gap:16px!important}.bada-forgot{display:inline-block!important;margin-top:2px!important;color:var(--bada)!important;font-size:13px!important;font-weight:800!important} .bada-dashboard-top{display:flex!important;justify-content:space-between!important;gap:28px!important;align-items:flex-start!important}.bada-member-status{min-width:170px!important;padding:13px 15px!important;border-radius:14px!important;background:#F3F7FB!important}.bada-member-status span{display:block!important;color:var(--bada-muted)!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.08em!important}.bada-member-status strong{display:block!important;margin-top:4px!important;color:var(--bada-navy)!important}.bada-member-status.status-active{background:#EAF6F0!important}.bada-member-status.status-active strong{color:var(--bada-green)!important} .bada-dashboard-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:28px!important}.bada-dash-card{min-height:170px!important;padding:21px!important;border:1px solid var(--bada-border)!important;border-radius:19px!important;background:#fff!important}.bada-dash-icon{display:inline-flex!important;width:39px!important;height:39px!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:rgba(65,116,171,.10)!important;color:var(--bada)!important;font-weight:900!important}.bada-dash-card h3{margin:15px 0 0!important;color:var(--bada-navy)!important;font-size:16px!important}.bada-dash-card p{margin:8px 0 0!important;color:var(--bada-muted)!important;font-size:13px!important;line-height:1.55!important} @media(max-width:767px){.bada-portal{margin:18px 13px!important;padding:22px 17px!important;border-radius:20px!important}.bada-form-grid,.bada-dashboard-grid{grid-template-columns:1fr!important}.bada-span-2{grid-column:auto!important}.bada-dashboard-top{flex-direction:column!important}.bada-member-status{width:100%!important}.bada-portal-btn{width:100%!important}} html.bada-login-open,body.bada-login-open{overflow:hidden!important}.bada-login-overlay[hidden]{display:none!important}.bada-login-overlay{position:fixed!important;inset:0!important;z-index:999999!important;display:grid!important;place-items:center!important;padding:20px!important;background:rgba(9,26,43,.56)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;opacity:0!important;transition:opacity .18s ease!important}.bada-login-overlay.is-open{opacity:1!important}.bada-login-modal{position:relative!important;width:min(520px,100%)!important;max-height:calc(100vh - 40px)!important;overflow:auto!important;padding:32px!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:28px!important;background:#fff!important;box-shadow:0 34px 90px rgba(14,39,62,.30)!important}.bada-login-close{position:absolute!important;right:16px!important;top:16px!important;width:38px!important;height:38px!important;border:1px solid #DCE6EF!important;border-radius:50%!important;background:#F7FAFC!important;color:#203F61!important;font-size:24px!important;cursor:pointer!important;box-shadow:none!important;outline:none!important}.bada-login-brand{padding-right:38px!important}.bada-login-brand>span{display:block!important;color:#4174AB!important;font-size:10px!important;font-weight:900!important;letter-spacing:.13em!important}.bada-login-brand h2{margin:8px 0 0!important;color:#203F61!important;font-size:34px!important;line-height:1.05!important}.bada-login-brand p{margin:12px 0 0!important;color:#6F8192!important;font-size:14px!important;line-height:1.65!important}.bada-login-form{display:grid!important;gap:16px!important;margin-top:24px!important}.bada-login-row{display:flex!important;justify-content:space-between!important;gap:14px!important;align-items:center!important}.bada-register-link{display:flex!important;justify-content:center!important;gap:7px!important;flex-wrap:wrap!important;margin-top:22px!important;padding-top:18px!important;border-top:1px solid #EDF2F6!important;color:#6F8192!important;font-size:13px!important}.bada-register-link a{color:#4174AB!important;font-weight:900!important;text-decoration:none!important}.bada-success{margin:16px 0!important;padding:14px 16px!important;border:1px solid #CDE6D9!important;border-radius:13px!important;background:#F0FAF5!important;color:#2F8B62!important}.bada-login-page-shell{width:min(560px,calc(100% - 26px))!important;margin:52px auto!important;padding:32px!important;border:1px solid #DCE6EF!important;border-radius:26px!important;background:#fff!important;box-shadow:0 20px 55px rgba(32,63,97,.10)!important}.bada-password-input{position:relative!important}.bada-password-input input{padding-right:48px!important}.bada-eye-btn{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#6F8192!important;font-size:18px!important;cursor:pointer!important;box-shadow:none!important;outline:none!important}.bada-eye-open{display:none!important}.bada-eye-btn.is-open .bada-eye-open{display:inline!important}.bada-eye-btn.is-open .bada-eye-closed{display:none!important}.bada-password-meter{margin-top:9px!important}.bada-password-meter__bar{height:7px!important;border-radius:999px!important;background:#E9EEF3!important;overflow:hidden!important}.bada-password-meter__bar>span{display:block!important;height:100%!important;width:28%;background:#D65A5A!important;border-radius:inherit!important}.bada-password-meter__bar>span[data-level=medium]{background:#D8A62E!important}.bada-password-meter__bar>span[data-level=strong]{background:#2F8B62!important}.bada-password-meter__meta{display:flex!important;justify-content:space-between!important;gap:12px!important;margin-top:7px!important}.bada-password-meter__meta strong{font-size:11px!important;color:#D65A5A!important}.bada-password-meter__meta strong[data-level=medium]{color:#A97812!important}.bada-password-meter__meta strong[data-level=strong]{color:#2F8B62!important}.bada-password-meter__meta span{font-size:10px!important;color:#7A8B9B!important;text-align:right!important}.bada-generate-password,.bada-generate-password:hover,.bada-generate-password:focus{display:inline-flex!important;margin-top:10px!important;padding:8px 12px!important;border:1px solid rgba(65,116,171,.22)!important;border-radius:999px!important;background:#F2F7FB!important;color:#4174AB!important;font-size:11px!important;font-weight:900!important;box-shadow:none!important;outline:none!important;cursor:pointer!important}@media(max-width:600px){.bada-login-overlay{padding:12px!important;align-items:end!important}.bada-login-modal{width:100%!important;max-height:92vh!important;padding:26px 18px 22px!important;border-radius:24px 24px 18px 18px!important}.bada-login-row{align-items:flex-start!important;flex-direction:column!important}.bada-password-meter__meta{flex-direction:column!important}.bada-password-meter__meta span{text-align:left!important}} /* v0.3.1 — consent document links */ .bada-portal .bada-consents .bada-consent-link, .bada-portal .bada-consents .bada-consent-link:visited{ color:#315D8A!important; font-weight:900!important; text-decoration:underline!important; text-decoration-thickness:1.5px!important; text-underline-offset:3px!important; outline:none!important; box-shadow:none!important; } .bada-portal .bada-consents .bada-consent-link:hover, .bada-portal .bada-consents .bada-consent-link:focus, .bada-portal .bada-consents .bada-consent-link:active{ color:#203F61!important; font-weight:900!important; text-decoration:underline!important; background:transparent!important; border:0!important; outline:none!important; box-shadow:none!important; } /* v0.4.3 — High-End Mein BADA member portal */ .bada-member-portal{--bp:#4174AB;--bp-dark:#315D8A;--bp-navy:#203F61;--bp-text:#263B4E;--bp-muted:#6F8192;--bp-border:#DCE6EF;--bp-bg:#F6F9FC;--bp-green:#2F8B62;width:min(1120px,calc(100% - 30px))!important;margin:34px auto 70px!important;color:var(--bp-text)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important} .bada-member-portal *{box-sizing:border-box!important} .bada-member-hero{position:relative!important;overflow:hidden!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:30px!important;padding:42px 48px!important;border-radius:30px!important;background:linear-gradient(125deg,#1D6596 0%,#4174AB 54%,#4CA0CB 100%)!important;color:#fff!important;box-shadow:0 22px 55px rgba(32,63,97,.17)!important} .bada-member-hero:after{content:""!important;position:absolute!important;right:-70px!important;bottom:-120px!important;width:300px!important;height:300px!important;border-radius:50%!important;background:rgba(255,255,255,.07)!important} .bada-member-hero__content{position:relative!important;z-index:2!important}.bada-member-hero__kicker{display:inline-flex!important;padding:8px 13px!important;border-radius:999px!important;background:rgba(255,255,255,.15)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.11em!important}.bada-member-hero h1{margin:20px 0 10px!important;color:#fff!important;font-size:clamp(36px,5vw,54px)!important;line-height:1!important;letter-spacing:-.04em!important;font-weight:500!important}.bada-member-hero p{max-width:700px!important;margin:0!important;color:rgba(255,255,255,.86)!important;font-size:15px!important;line-height:1.65!important} .bada-member-hero__account{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:12px!important}.bada-member-logout{display:inline-flex!important;padding:9px 14px!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:11px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;text-decoration:none!important}.bada-member-logout:hover{background:rgba(255,255,255,.16)!important;color:#fff!important}.bada-member-avatar{display:grid!important;place-items:center!important;width:112px!important;height:112px!important;border:5px solid rgba(255,255,255,.28)!important;border-radius:50%!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:30px!important;font-weight:900!important} .bada-member-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin-top:22px!important}.bada-member-stat{min-height:136px!important;padding:26px!important;border:1px solid var(--bp-border)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 30px rgba(32,63,97,.05)!important}.bada-member-stat>span{display:block!important;margin-bottom:17px!important;color:var(--bp-muted)!important;font-size:11px!important;font-weight:800!important}.bada-member-stat>strong{display:block!important;color:var(--bp-navy)!important;font-size:19px!important;font-weight:850!important}.bada-member-stat-number{color:#17669C!important;font-size:38px!important;line-height:1!important}.bada-member-status-inline{display:inline-flex!important;align-items:center!important;width:max-content!important;padding:8px 12px!important;border-radius:999px!important;background:#FFF7E6!important;color:#956B12!important;font-size:12px!important}.bada-member-status-inline i{width:8px!important;height:8px!important;margin-right:7px!important;border-radius:50%!important;background:currentColor!important}.bada-member-status-inline.status-active,.bada-member-status-inline.status-honorary{background:#EAF6F0!important;color:#178A56!important} .bada-member-main-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;margin-top:24px!important}.bada-member-panel{padding:28px!important;border:1px solid var(--bp-border)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 12px 34px rgba(32,63,97,.045)!important}.bada-panel-head{margin-bottom:20px!important}.bada-panel-head>span,.bada-panel-head>div>span{display:inline-flex!important;padding:6px 10px!important;border-radius:999px!important;background:#EAF6F0!important;color:#168C56!important;font-size:10px!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important}.bada-panel-head h2{margin:9px 0 0!important;color:var(--bp-navy)!important;font-size:23px!important;line-height:1.15!important}.bada-panel-head--count{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:15px!important}.bada-panel-head--count>b{display:grid!important;place-items:center!important;min-width:46px!important;height:46px!important;padding:0 8px!important;border-radius:15px!important;background:#EEF6FA!important;color:#17669C!important;font-size:22px!important} .bada-data-list>div{display:flex!important;justify-content:space-between!important;gap:20px!important;padding:14px 0!important;border-bottom:1px solid #E8EEF3!important}.bada-data-list>div:last-child{border-bottom:0!important}.bada-data-list span{color:var(--bp-muted)!important}.bada-data-list strong{max-width:62%!important;color:var(--bp-navy)!important;text-align:right!important;overflow-wrap:anywhere!important} .bada-payment-total{display:flex!important;justify-content:space-between!important;gap:20px!important;padding:10px 0 18px!important;border-bottom:1px solid #E8EEF3!important}.bada-payment-total span{color:var(--bp-muted)!important}.bada-payment-total strong{color:var(--bp-navy)!important}.bada-empty-state{display:grid!important;justify-items:center!important;padding:28px 12px 12px!important;text-align:center!important}.bada-empty-icon{display:grid!important;place-items:center!important;width:62px!important;height:62px!important;border-radius:18px!important;background:#EEF6FA!important;color:#17669C!important;font-size:22px!important;font-weight:900!important}.bada-empty-state h3{margin:16px 0 5px!important;color:var(--bp-navy)!important;font-size:21px!important}.bada-empty-state p{max-width:400px!important;margin:0!important;color:var(--bp-muted)!important;line-height:1.6!important}.bada-payment-list{display:grid!important;gap:10px!important;margin-top:16px!important}.bada-payment-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;padding:13px 14px!important;border:1px solid #E6EDF2!important;border-radius:13px!important}.bada-payment-row strong,.bada-payment-row span{display:block!important}.bada-payment-row span{margin-top:2px!important;color:var(--bp-muted)!important;font-size:11px!important}.bada-payment-row em{padding:6px 9px!important;border-radius:999px!important;background:#FFF7E6!important;color:#956B12!important;font-size:10px!important;font-style:normal!important;font-weight:900!important}.bada-payment-row em.payment-paid{background:#EAF6F0!important;color:#178A56!important} .bada-access-list{display:grid!important;gap:12px!important}.bada-access-item{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:14px!important;border:1px solid #DCE6EF!important;border-radius:15px!important;background:#F8FBFD!important}.bada-access-item.is-enabled{border-color:#B9E4CF!important;background:#F2FBF6!important}.bada-access-icon{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border-radius:13px!important;background:#E3F3EB!important;color:#178A56!important;font-size:18px!important;font-weight:900!important}.bada-access-item strong,.bada-access-item span{display:block!important}.bada-access-item strong{color:var(--bp-navy)!important}.bada-access-item span{margin-top:3px!important;color:var(--bp-muted)!important;font-size:11px!important;line-height:1.45!important}.bada-access-item>a{display:inline-flex!important;padding:7px 10px!important;border-radius:999px!important;background:#DFF3E8!important;color:#178A56!important;font-size:10px!important;font-weight:900!important;text-decoration:none!important}.bada-access-item>b{color:#A4AFB8!important} .bada-benefit-list{display:grid!important;gap:10px!important}.bada-benefit-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;padding:13px 14px!important;border:1px solid #E4EBF1!important;border-radius:14px!important;background:#F9FBFC!important}.bada-benefit-row strong,.bada-benefit-row span{display:block!important}.bada-benefit-row strong{color:var(--bp-navy)!important}.bada-benefit-row span{margin-top:3px!important;color:var(--bp-muted)!important;font-size:11px!important}.bada-benefit-row>b{display:inline-flex!important;padding:7px 10px!important;border-radius:999px!important;background:#EAF6F0!important;color:#178A56!important;font-size:11px!important} .bada-profile-box{display:flex!important;align-items:center!important;gap:14px!important;padding:16px!important;border-radius:16px!important;background:#F0F5F8!important}.bada-profile-avatar{display:grid!important;place-items:center!important;width:54px!important;height:54px!important;flex:0 0 54px!important;border-radius:50%!important;background:#2684B7!important;color:#fff!important;font-weight:900!important}.bada-profile-box strong,.bada-profile-box span{display:block!important}.bada-profile-box strong{color:var(--bp-navy)!important}.bada-profile-box span{margin-top:3px!important;color:var(--bp-muted)!important}.bada-profile-logout{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;margin-top:20px!important;border:1px solid #CBD8E3!important;border-radius:13px!important;background:#F6F9FB!important;color:var(--bp-navy)!important;font-weight:900!important;text-decoration:none!important}.bada-profile-logout:hover{background:#EDF4F8!important;color:var(--bp-navy)!important} .bada-digital-card-panel{margin-top:22px!important}.bada-member-card-preview{position:relative!important;overflow:hidden!important;min-height:235px!important;padding:28px!important;border-radius:24px!important;background:linear-gradient(135deg,#203F61,#4174AB)!important;color:#fff!important;box-shadow:0 20px 45px rgba(32,63,97,.22)!important}.bada-member-card-preview:after{content:""!important;position:absolute!important;right:-50px!important;top:-70px!important;width:210px!important;height:210px!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important}.bada-member-card-brand{font-size:11px!important;font-weight:900!important;letter-spacing:.13em!important}.bada-member-card-name{margin-top:70px!important;font-size:28px!important;font-weight:850!important}.bada-member-card-number{margin-top:6px!important;color:rgba(255,255,255,.78)!important}.bada-member-card-status{position:absolute!important;right:25px!important;bottom:25px!important;padding:7px 11px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;font-size:11px!important;font-weight:900!important} @media(max-width:900px){.bada-member-stats{grid-template-columns:repeat(2,1fr)!important}.bada-member-main-grid{grid-template-columns:1fr!important}} @media(max-width:600px){.bada-member-portal{width:calc(100% - 20px)!important;margin:18px auto 50px!important}.bada-member-hero{align-items:flex-start!important;padding:28px 22px!important;border-radius:24px!important}.bada-member-hero__account{align-items:center!important}.bada-member-avatar{width:72px!important;height:72px!important;border-width:4px!important;font-size:21px!important}.bada-member-hero h1{font-size:36px!important}.bada-member-stats{grid-template-columns:1fr!important;gap:11px!important}.bada-member-stat{min-height:auto!important;padding:20px!important}.bada-member-panel{padding:21px 18px!important}.bada-data-list>div{flex-direction:column!important;gap:5px!important}.bada-data-list strong{max-width:none!important;text-align:left!important}.bada-access-item{grid-template-columns:42px minmax(0,1fr)!important}.bada-access-item>a,.bada-access-item>b{grid-column:2!important;width:max-content!important}.bada-member-card-name{margin-top:58px!important;font-size:23px!important}} /* v0.4.5 — registration review confirmation */ .bada-registration-success{ max-width:760px!important; text-align:center!important; padding:46px 34px!important; } .bada-registration-success__icon{ display:grid!important; place-items:center!important; width:62px!important; height:62px!important; margin:0 auto 18px!important; border-radius:50%!important; background:#EAF6F0!important; color:#2F8B62!important; font-size:28px!important; font-weight:900!important; } .bada-registration-success__kicker{ display:block!important; color:#4174AB!important; font-size:11px!important; font-weight:900!important; letter-spacing:.12em!important; } .bada-registration-success h2{ margin:8px 0 12px!important; color:#203F61!important; font-size:32px!important; line-height:1.12!important; } .bada-registration-success p{ max-width:600px!important; margin:0 auto!important; color:#6F8192!important; font-size:15px!important; line-height:1.7!important; } /* v0.4.7 — credit-card proportions + QR */ .bada-member-card-preview{ width:min(100%,680px)!important; aspect-ratio:1.586/1!important; min-height:0!important; padding:24px 26px!important; border-radius:22px!important; } .bada-member-card-content{ position:relative!important; z-index:2!important; display:grid!important; grid-template-columns:minmax(0,1fr) 112px!important; gap:22px!important; align-items:end!important; height:calc(100% - 28px)!important; } .bada-member-card-person{align-self:end!important;padding-bottom:6px!important} .bada-member-card-name{margin:0!important;font-size:27px!important;line-height:1.08!important} .bada-member-card-number{margin-top:7px!important} .bada-member-card-qr{ align-self:end!important; justify-self:end!important; width:112px!important; height:112px!important; padding:8px!important; border-radius:14px!important; background:#fff!important; box-shadow:0 10px 24px rgba(20,45,69,.18)!important; } .bada-member-card-qr img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important} .bada-member-card-status{z-index:3!important;right:24px!important;top:22px!important;bottom:auto!important} @media(max-width:600px){ .bada-member-card-preview{width:100%!important;padding:18px!important;border-radius:18px!important} .bada-member-card-content{grid-template-columns:minmax(0,1fr) 78px!important;gap:12px!important} .bada-member-card-qr{width:78px!important;height:78px!important;padding:6px!important;border-radius:10px!important} .bada-member-card-name{font-size:20px!important} .bada-member-card-status{right:18px!important;top:16px!important} } /* v0.4.8 — compact realistic digital membership card */ .bada-member-card-preview{ width:min(100%,440px)!important; max-width:440px!important; aspect-ratio:1.586/1!important; padding:18px 20px!important; border-radius:18px!important; } .bada-member-card-content{ grid-template-columns:minmax(0,1fr) 82px!important; gap:16px!important; height:calc(100% - 24px)!important; } .bada-member-card-brand{ font-size:9px!important; letter-spacing:.12em!important; } .bada-member-card-name{ font-size:21px!important; } .bada-member-card-number{ margin-top:5px!important; font-size:12px!important; } .bada-member-card-qr{ width:82px!important; height:82px!important; padding:6px!important; border-radius:11px!important; } .bada-member-card-status{ right:16px!important; top:16px!important; padding:5px 8px!important; font-size:9px!important; } @media(max-width:520px){ .bada-member-card-preview{ width:100%!important; max-width:100%!important; padding:16px!important; } .bada-member-card-content{ grid-template-columns:minmax(0,1fr) 70px!important; gap:10px!important; } .bada-member-card-qr{ width:70px!important; height:70px!important; } .bada-member-card-name{ font-size:18px!important; } } /* v0.4.9 — compact card size matching reference */ .bada-member-card-preview{ width:360px!important; max-width:100%!important; aspect-ratio:1.586/1!important; min-height:0!important; padding:16px 18px!important; border-radius:18px!important; } .bada-member-card-content{ grid-template-columns:minmax(0,1fr) 68px!important; gap:12px!important; height:calc(100% - 22px)!important; } .bada-member-card-brand{ font-size:8px!important; letter-spacing:.12em!important; } .bada-member-card-name{ font-size:18px!important; line-height:1.05!important; } .bada-member-card-number{ margin-top:4px!important; font-size:11px!important; } .bada-member-card-qr{ width:68px!important; height:68px!important; padding:5px!important; border-radius:10px!important; } .bada-member-card-status{ right:14px!important; top:14px!important; padding:4px 7px!important; font-size:8px!important; } @media(max-width:420px){ .bada-member-card-preview{ width:100%!important; max-width:360px!important; } }