/* Membership Card r09: light card treatment, using the established family geometry. */
.screen-membership-card .f-id-card {
  background: linear-gradient(125deg,#effaff 0%,#d7f2fd 68%,#ccebf9 100%);
  color:#10284a;
  border:1px solid #9fcce4;
  box-shadow:0 4px 15px #0d31501a;
}
.screen-membership-card .f-id-card::before,
.screen-membership-card .f-id-card::after {content:none;display:none}
.screen-membership-card .f-id-top strong {
  color:#10284a;font-size:27px;line-height:1.2;letter-spacing:.6px;
  width:330px;top:15px;
}
.screen-membership-card .f-id-top>span {
  color:#19589c;top:110px;font-size:23px;letter-spacing:1.5px;
}
.screen-membership-card .f-id-main h2 {
  color:#10284a;font-size:39px;line-height:1.08;top:178px;
}
.screen-membership-card .f-id-main p {
  color:#314d6e;font-size:19px;top:222px;
}
.screen-membership-card .f-id-main>img {border-color:#81b2ce}
.screen-membership-card .f-id-main .f-pill {
  background:#c8f5dc;color:#103c2e;border:1px solid #84cfa7;
  font-size:20px;
}
.screen-membership-card .card-number {top:282px;grid-template-columns:195px 190px;gap:4px 14px}
.screen-membership-card .card-number small {color:#425f7c;font-size:14px}
.screen-membership-card .card-number strong {color:#10284a;font-size:20px}
.screen-membership-card .card-validity {
  color:#183e64;font-size:15px;font-weight:600;top:283px;
}
.screen-membership-card .card-qualification {
  color:#10284a;top:357px;width:calc(100% - 63px);
  border-top:1px solid #9fc7dd;padding-top:16px;
  gap:0;font-size:17px;align-items:center;
}
.screen-membership-card .card-qualification .qualification-item {
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  padding:0 17px;border-right:1px solid #9fc7dd;
}
.screen-membership-card .card-qualification .qualification-item:first-child {padding-left:0}
.screen-membership-card .card-qualification .qualification-item:last-child {border:0}
.screen-membership-card .card-qualification svg {width:28px;height:28px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.screen-membership-card .card-qualification .qualification-item:last-child svg {color:#168045}
.screen-membership-card .f-qr {bottom:23px;border:1px solid #96b4c8;box-sizing:border-box}
.screen-membership-card .f-qr small {color:#183e64;bottom:-23px;font-size:12px}
@media (max-width:760px) {
  .screen-membership-card .f-id-card {height:430px;min-height:430px}
  .screen-membership-card .f-id-top strong {left:89px;top:5px;width:170px;font-size:13px;line-height:1.22}
  .screen-membership-card .f-id-top>span {left:89px;top:55px;width:170px;font-size:12px;letter-spacing:.8px}
  .screen-membership-card .f-id-main h2 {left:15px;top:113px;font-size:24px}
  .screen-membership-card .f-id-main p {left:15px;top:151px;font-size:13px}
  .screen-membership-card .f-id-main .f-pill {right:16px;top:203px;font-size:13px}
  .screen-membership-card .card-number {left:15px;top:224px;width:230px;grid-template-columns:1fr 1fr;gap:4px}
  .screen-membership-card .card-number small {font-size:10px}
  .screen-membership-card .card-number strong {font-size:13px}
  .screen-membership-card .card-validity {left:15px;right:auto;top:291px;font-size:11px}
  .screen-membership-card .card-qualification {left:15px;right:15px;top:327px;width:auto;gap:0;padding-top:11px;font-size:10px}
  .screen-membership-card .card-qualification .qualification-item {gap:3px;padding:0 5px}
  .screen-membership-card .card-qualification svg {width:16px;height:16px}
  .screen-membership-card .f-qr {right:16px;bottom:22px;width:78px;height:78px}
  .screen-membership-card .f-qr small {display:none}
}
@media print {
  @page {size:landscape;margin:.3in}
  body,html {background:#fff!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:absolute!important;left:0!important;top:0!important;
    width:700px!important;height:466px!important;min-height:466px!important;
    box-sizing:border-box!important;box-shadow:none!important;
    -webkit-print-color-adjust:exact;print-color-adjust:exact;
  }
  .screen-membership-card .f-id-card .f-id-bottom {display:none!important}
}