/* V231: a focused school membership screen, inspired by Wallet. */
html body #modalWrap .modal.dm-card-dialog{width:min(480px,calc(100vw - 32px))!important;background:var(--surface-2)!important;box-shadow:0 22px 80px #0003!important;border:0!important;height:min(920px,calc(100dvh - 32px))!important;max-height:calc(100dvh - 32px)!important}
html body #modalWrap .dm-card-dialog>.dm-wallet-screen-head{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;gap:12px!important;padding:16px 20px!important;background:transparent!important;border:0!important;flex-shrink:0}
html body #modalWrap .dm-wallet-screen-head h2{text-align:center;font-size:15px!important;letter-spacing:-.02em;color:var(--dm-muted)!important;margin:0!important}
html body #modalWrap .dm-wallet-screen-head .icon-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border:1px solid var(--dm-line)!important;border-radius:50%!important;background:var(--surface)!important;color:var(--dm-ink)!important;box-shadow:0 3px 10px #00000009!important}
html body #modalWrap .dm-wallet-screen-head .icon-btn svg{width:21px!important;height:21px!important}
html body #modalWrap .dm-card-dialog>.modal-body{padding:4px 20px 12px!important;overflow:auto!important;min-height:0!important;flex:1!important}
html body #modalWrap .dm-card-dialog #dmStudentCardView{min-height:100%;width:100%;gap:14px}
html body #modalWrap .dm-card-dialog .dm-boarding-pass{max-width:440px!important;min-height:0!important;flex:1 0 auto!important;padding:20px!important;border-radius:20px!important;background:radial-gradient(ellipse at 0% 30%,#ffffff1c,transparent 65%),radial-gradient(ellipse at 100% 80%,#ffffff16,transparent 60%),linear-gradient(155deg,var(--dm-pass-color),var(--dm-pass-dark))!important;box-shadow:0 12px 25px #00000022!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
html body #modalWrap .dm-boarding-pass .dm-wallet-brand{margin-bottom:28px!important}
html body #modalWrap .dm-boarding-pass .school-brand-logo{background:#fff!important;box-sizing:border-box!important;overflow:hidden!important}
html body #modalWrap .dm-boarding-pass .school-brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
html body #modalWrap .dm-boarding-pass .dm-wallet-member{margin-bottom:24px!important}
html body #modalWrap .dm-boarding-pass .dm-wallet-member h3{font-size:clamp(23px,6vw,31px)!important;line-height:1.14!important}
html body #modalWrap .dm-boarding-pass .dm-wallet-divider{display:none!important}
html body #modalWrap .dm-boarding-pass .dm-wallet-code{flex:1 0 auto!important;margin-top:30px!important;padding-top:0!important;justify-content:flex-end!important;gap:12px!important}
html body #modalWrap .dm-boarding-pass .dm-wallet-code canvas{width:min(216px,100%)!important;border-radius:10px!important;box-shadow:0 4px 12px #00000012!important}
html body #modalWrap .dm-boarding-pass>footer{margin-top:20px!important}
html body #modalWrap .dm-card-dialog .dm-wallet-actions{padding:12px 20px max(20px,env(safe-area-inset-bottom))!important;gap:36px!important;background:transparent!important;border:0!important}
html body #modalWrap .dm-card-dialog .dm-card-save,html body #modalWrap .dm-card-dialog .dm-card-options{min-width:100px!important;min-height:64px!important;gap:7px!important;padding:0!important}
html body #modalWrap .dm-card-dialog .dm-card-save>span,html body #modalWrap .dm-card-dialog .dm-card-options>span{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:var(--surface)!important;color:var(--dm-ink)!important;border:1px solid var(--dm-line)!important;box-shadow:0 3px 10px #00000009!important}
html body #modalWrap .dm-card-dialog .dm-card-options>span svg{width:22px;height:22px}
html body #modalWrap .dm-card-dialog .dm-wallet-actions small{font-size:11px!important;color:var(--dm-ink)!important}
html body #modalWrap .dm-card-dialog #dmCardStatus:empty{display:none!important}
html body #modalWrap .dm-card-dialog #dmCardStatus{font-size:12px;line-height:1.5;text-align:center;margin:8px 0 0}
html body #modalWrap .dm-card-dialog :is(#dmCardImagePanel,.dm-native-wallet,.dm-card-manual){box-sizing:border-box;width:100%;flex:none!important;border-radius:18px;padding:16px!important;background:var(--surface)!important;color:var(--dm-ink)!important}
html body #modalWrap .dm-card-dialog #dmCardImagePanel img{max-width:100%;height:auto;border-radius:16px}
@media(max-width:700px){html body #modalWrap .modal.dm-access-dialog.dm-card-dialog{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;margin:0!important}html body #modalWrap .dm-card-dialog>.dm-wallet-screen-head{padding: max(12px,env(safe-area-inset-top)) 18px 14px!important}html body #modalWrap .dm-card-dialog>.modal-body{padding:0 16px 8px!important}}
@media(max-height:700px){html body #modalWrap .dm-card-dialog .dm-boarding-pass{flex:0 0 auto!important;padding:16px!important}html body #modalWrap .dm-boarding-pass .dm-wallet-brand{margin-bottom:18px!important}html body #modalWrap .dm-boarding-pass .dm-wallet-member{margin-bottom:16px!important}html body #modalWrap .dm-boarding-pass .dm-wallet-code{margin-top:18px!important}html body #modalWrap .dm-boarding-pass .dm-wallet-code canvas{width:156px!important}html body #modalWrap .dm-boarding-pass>footer{margin-top:14px!important}html body #modalWrap .dm-card-dialog .dm-wallet-actions{padding-top:6px!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important}}
html body #modalWrap .modal.dm-access-dialog.dm-card-dialog{transform:none!important}