/* Card review r09: one coherent layout and isolated card print output. */
.screen-membership-card .f-body{width:min(1195px,calc(100% - 52px));margin-left:26px;padding-top:299px;display:grid;grid-template-columns:minmax(0,700px) minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:14px 17px;align-items:start}
.screen-membership-card .card-main-grid,.screen-membership-card .card-lower-grid{display:contents}
.screen-membership-card .card-graphic-panel{grid-column:1;grid-row:1/3;min-width:0;overflow:visible}
.screen-membership-card .card-actions-panel{grid-column:2;grid-row:1;height:auto;min-height:204px;box-sizing:border-box}
.screen-membership-card .card-details-panel{grid-column:2;grid-row:2;height:auto;min-height:250px;box-sizing:border-box}
.screen-membership-card .card-authority-opt{grid-column:1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;padding:17px 20px;min-width:0;box-sizing:border-box}
.screen-membership-card .card-usage-panel{grid-column:1;grid-row:4;min-height:175px;box-sizing:border-box}
.screen-membership-card .card-verify-panel{grid-column:2;grid-row:3/5;min-height:205px;box-sizing:border-box}
.screen-membership-card .card-authority-opt>strong{grid-column:1/-1;font-size:18px;color:#111a3c}
.screen-membership-card .card-authority-opt>label{font-size:14px;color:#142950;display:flex;align-items:center;gap:8px;min-width:0}
.screen-membership-card .card-authority-opt input[type=checkbox]{width:19px;height:19px;flex:none;accent-color:#006bff}
.screen-membership-card .card-authority-opt input[type=text]{width:min(210px,100%);min-width:0;height:36px;border:1px solid #b7d1e9;border-radius:4px;padding:6px 9px;box-sizing:border-box;font:inherit}
.screen-membership-card .card-authority-opt small,.screen-membership-card .card-authority-opt [role=status]{grid-column:1/-1;color:#5376ad;font-size:12px;line-height:1.3}
.screen-membership-card .card-authority-opt [role=status]{min-height:16px}
.screen-membership-card .f-id-card{width:100%;height:466px;min-height:466px;background:#fff!important;color:#10284a!important;border:2px solid #163e66!important;border-radius:12px;box-sizing:border-box;box-shadow:0 5px 16px #0d31501c;overflow:hidden}
.screen-membership-card .f-id-card::before,.screen-membership-card .f-id-card::after{content:none!important;display:none!important}
.screen-membership-card .f-id-top strong,.screen-membership-card .f-id-main h2,.screen-membership-card .card-number strong,.screen-membership-card .card-validity,.screen-membership-card .card-qualification{color:#10284a!important}
.screen-membership-card .f-id-top>span{color:#0754b7!important}
.screen-membership-card .f-id-main p,.screen-membership-card .card-number small{color:#425f7c!important}
.screen-membership-card .f-id-main h2{max-width:445px;overflow:hidden;text-overflow:ellipsis}
.screen-membership-card .f-id-main .f-pill{right:68px;top:245px;width:100px;min-height:27px;padding:3px 8px;font-size:14px;line-height:1.35;border-radius:16px;box-sizing:border-box}
.screen-membership-card .card-maac-line{position:absolute;left:30px;top:349px;display:flex;gap:7px;align-items:center;color:#10284a;font-size:13px;max-width:450px;white-space:nowrap}
.screen-membership-card .card-maac-line[hidden]{display:none!important}
.screen-membership-card .card-maac-line span{font-weight:600;overflow:hidden;text-overflow:ellipsis}
.screen-membership-card .card-qualification{top:385px;left:30px;width:470px;gap:3px;display:flex;flex-wrap:wrap;align-items:center;padding-top:10px;border-top:1px solid #bad0df!important;font-size:14px}
.screen-membership-card .card-qualification .qualification-item{display:inline-flex;align-items:center;gap:5px;padding:0 10px;border-right:1px solid #bdd2e4;white-space:nowrap}
.screen-membership-card .card-qualification .qualification-item:first-child{padding-left:0}
.screen-membership-card .card-qualification .qualification-item:nth-child(2){border-right:0}
.screen-membership-card .card-qualification .discipline svg{width:22px;height:22px;stroke:#075bd0;color:#075bd0;flex:none}
.screen-membership-card .card-qualification .discipline.is-verified svg{background:#078c2a;color:#fff;fill:currentColor;stroke:none;padding:4px;box-sizing:border-box;border-radius:50%}
.screen-membership-card .card-verification-legend{display:inline-flex;align-items:center;gap:5px;color:#426384;font-size:11px;line-height:1.1;white-space:nowrap;margin-top:2px}
.screen-membership-card .card-verification-legend span{width:10px;height:10px;border-radius:50%;background:#078c2a;flex:none}
.screen-membership-card .f-qr small{color:#183e64!important}
.screen-membership-card .card-print-status{display:block;min-height:16px;margin-top:2px;color:#5376ad;font-size:11px;line-height:1.2}
.screen-membership-card .card-actions-panel .f-btn{max-width:100%;box-sizing:border-box}
.screen-membership-card .card-details-panel .f-line{display:flex;min-width:0}
.screen-membership-card .card-details-panel .f-line span{flex:0 0 45%;width:auto}
.screen-membership-card .card-details-panel .f-line strong{min-width:0;overflow-wrap:anywhere}
.screen-membership-card .card-verify-panel [data-action=refresh-card]{position:static;margin-top:8px}
.screen-membership-card .card-verify-panel p{max-width:none}

/* Portrait, Active, validity, QR and QR label share one vertical centreline. */
@media(min-width:801px){
 .screen-membership-card .f-id-top strong{left:166px;top:37px;width:270px;font-family:Manrope,Arial,sans-serif;font-size:23px;line-height:1.18;font-weight:700;letter-spacing:0;text-align:left}
 .screen-membership-card .f-id-top>span{left:166px;top:116px;width:270px;font-family:Manrope,Arial,sans-serif;font-size:17px;font-weight:700;letter-spacing:.35px;text-align:left}
 .screen-membership-card .f-id-main>img{right:31px;width:173px}
 .screen-membership-card .f-id-main .f-pill{right:67.5px;width:100px}
 .screen-membership-card .card-validity{left:auto;right:31px;width:173px;text-align:center;white-space:nowrap;font-size:13px}
 .screen-membership-card .f-qr{right:61px;width:113px}
}
@media(max-width:1300px){
 .screen-membership-card .family-canvas{display:flex;flex-direction:column;gap:12px;min-height:0}
 .screen-membership-card .intro,.screen-membership-card .membership-menu{position:relative;left:auto;top:auto;width:100%;height:auto}
 .screen-membership-card .f-body{width:100%;margin:0;padding:0 0 25px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:12px}
 .screen-membership-card .f-lead{position:static;margin:0}
 .screen-membership-card .card-main-grid,.screen-membership-card .card-lower-grid{display:contents}
 .screen-membership-card .card-graphic-panel,.screen-membership-card .card-actions-panel,.screen-membership-card .card-details-panel,.screen-membership-card .card-authority-opt,.screen-membership-card .card-usage-panel,.screen-membership-card .card-verify-panel{grid-column:1;grid-row:auto;width:100%;height:auto;min-height:0;box-sizing:border-box}
 .screen-membership-card .card-graphic-panel{overflow-x:auto}
 .screen-membership-card .f-id-card{width:700px;max-width:none}
 .screen-membership-card .card-verify-panel{min-height:180px}
}
@media(max-width:800px){
 .screen-membership-card .f-id-card{width:100%;max-width:700px;height:460px;min-height:460px}
 .screen-membership-card .f-id-main .f-pill{right:16px;top:203px;width:80px;min-height:24px;font-size:12px}
 .screen-membership-card .card-maac-line{left:15px;top:312px;max-width:calc(100% - 110px);font-size:10px}
 .screen-membership-card .card-qualification{top:345px;left:15px;width:calc(100% - 115px);font-size:10px;gap:2px;padding-top:8px}
 .screen-membership-card .card-qualification .qualification-item{padding:0 4px;gap:3px}
 .screen-membership-card .card-qualification .discipline svg{width:18px;height:18px}
 .screen-membership-card .card-verification-legend{font-size:9px;white-space:normal}
 .screen-membership-card .card-authority-opt{grid-template-columns:1fr}
 .screen-membership-card .card-authority-opt>strong,.screen-membership-card .card-authority-opt>label,.screen-membership-card .card-authority-opt small,.screen-membership-card .card-authority-opt [role=status]{grid-column:1;flex-wrap:wrap}
 .screen-membership-card .card-verify-panel{padding-left:20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
 .screen-membership-card .card-verify-panel .f-card-title{margin:0}
 .screen-membership-card .card-verify-panel .verify-qr{position:static;order:2}
 .screen-membership-card .card-verify-panel .f-pill,.screen-membership-card .card-verify-panel p,.screen-membership-card .card-verify-panel .f-btn{grid-column:auto;margin:0}
}
@media(max-width:500px){
 .screen-membership-card .f-id-main h2{max-width:calc(100% - 115px);font-size:20px}
 .screen-membership-card .card-number{width:calc(100% - 125px);grid-template-columns:1fr 1fr}
 .screen-membership-card .card-number strong{font-size:11px}
 .screen-membership-card .card-qualification{top:345px}
 .screen-membership-card .usage-triptych{grid-template-columns:1fr;gap:9px}
 .screen-membership-card .usage-triptych>div{border-right:0;border-bottom:1px solid #d7e6f5}
}
@media print{
 @page{size:4in 2.75in;margin:0}
 html,body{margin:0!important;padding:0!important;width:4in!important;height:2.75in!important;background:#fff!important;overflow:hidden!important}
 body *{visibility:hidden!important}
 .screen-membership-card .f-id-card,.screen-membership-card .f-id-card *{visibility:visible!important}
 .screen-membership-card .f-id-card{position:fixed!important;left:.18in!important;top:.18in!important;width:700px!important;max-width:none!important;height:466px!important;min-height:466px!important;transform:scale(.5)!important;transform-origin:top left!important;border:3px solid #10284a!important;border-radius:9px!important;box-shadow:none!important;background:#fff!important;overflow:hidden!important;break-inside:avoid!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .screen-membership-card .f-id-top{left:30px!important;top:18px!important}
 .screen-membership-card .f-id-top img{width:150px!important;height:150px!important}
 .screen-membership-card .f-id-top strong{left:166px!important;top:37px!important;width:270px!important;font-family:Manrope,Arial,sans-serif!important;font-size:23px!important;line-height:1.18!important;letter-spacing:0!important;text-align:left!important}
 .screen-membership-card .f-id-top>span{left:166px!important;top:116px!important;width:270px!important;font-family:Manrope,Arial,sans-serif!important;font-size:17px!important;letter-spacing:.35px!important;text-align:left!important}
 .screen-membership-card .f-id-main>img{right:31px!important;top:44px!important;width:173px!important;height:187px!important}
 .screen-membership-card .f-id-main h2{left:30px!important;top:181px!important;font-size:39px!important;max-width:440px!important}
 .screen-membership-card .f-id-main p{left:30px!important;top:230px!important;font-size:19px!important}
 .screen-membership-card .f-id-main .f-pill{right:67.5px!important;top:245px!important;width:100px!important;font-size:14px!important}
 .screen-membership-card .card-number{left:30px!important;top:285px!important;width:410px!important;grid-template-columns:190px 195px!important}
 .screen-membership-card .card-validity{left:auto!important;right:31px!important;top:289px!important;width:173px!important;text-align:center!important;white-space:nowrap!important;font-size:13px!important}
 .screen-membership-card .card-maac-line{left:30px!important;top:349px!important;font-size:13px!important;max-width:450px!important}
 .screen-membership-card .card-qualification{left:30px!important;right:auto!important;top:385px!important;width:470px!important;font-size:14px!important}
 .screen-membership-card .f-qr{display:block!important;right:61px!important;bottom:37px!important;width:113px!important;height:113px!important}
 .screen-membership-card .f-qr svg{width:100%!important;height:100%!important}
 .screen-membership-card .f-qr small{display:block!important}
 .screen-membership-card .f-id-bottom{display:none!important}
}
/* r11: independent panel stacks remove the empty space under the card. */
.screen-membership-card .f-id-main .f-pill{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1!important;vertical-align:middle}
@media screen{
 .screen-membership-card .f-body{display:block}
 .screen-membership-card .card-page-columns{display:grid;grid-template-columns:minmax(0,700px) minmax(0,1fr);gap:16px;align-items:start}
 .screen-membership-card .card-left-stack,.screen-membership-card .card-right-stack{display:flex;flex-direction:column;gap:14px;min-width:0}
 .screen-membership-card .card-graphic-panel,.screen-membership-card .card-actions-panel,.screen-membership-card .card-details-panel,.screen-membership-card .card-authority-opt,.screen-membership-card .card-usage-panel,.screen-membership-card .card-verify-panel{grid-column:auto;grid-row:auto;width:100%;height:auto;box-sizing:border-box}
 .screen-membership-card .card-graphic-panel{flex:none}
 .screen-membership-card .card-authority-opt{margin:0}
 .screen-membership-card .card-verify-panel{min-height:180px}
}
@media screen and (max-width:1300px){
 .screen-membership-card .card-page-columns{grid-template-columns:minmax(0,1fr);gap:14px}
 .screen-membership-card .card-graphic-panel{overflow-x:auto}
}

.screen-membership-card .f-id-main>img.reference-crop{object-fit:none;object-position:-23px -177px;background:#fff}