/* Shared final artwork for the portal preview and card printing. */
.employee-id-top{height:.65in!important;flex-direction:column!important;gap:2px!important;padding:5px 12px 2px!important;background:linear-gradient(110deg,#35123f,#70237f)!important}
.employee-id-top>img{width:34px!important;height:30px!important;object-fit:contain!important}
.badge-brand-mark{display:block;width:34px;height:30px;flex-shrink:0}
.employee-id-brand{font-size:15px!important}
.employee-id-wave{height:.08in!important}
.employee-id-body{grid-template-columns:86px minmax(0,1fr)!important;gap:15px!important;text-align:center!important}
.employee-id-details,.employee-id-meta-centered{text-align:center!important}
.employee-id-divider{width:100%!important;margin:7px 0!important}
.employee-id-footer{justify-content:flex-start!important;padding:0 17px!important}
.employee-id-footer>span:last-child{font-family:Georgia,serif;font-style:italic;font-size:10px}
.badge-two-sides{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;max-width:100%}
.badge-two-sides>section{margin:0;padding:0;min-width:0}
.badge-side-label{font:700 10px Arial,sans-serif;color:#6a6070;letter-spacing:1px;text-align:center;margin:0 0 9px}
.employee-badge-preview-shell{display:block!important;overflow-x:auto!important}
.employee-id-back{color:#0b2860!important;text-align:center!important}
.badge-back-header{height:.65in;display:flex;align-items:center;justify-content:center;background:linear-gradient(105deg,#70237f,#4f3fa5 52%,#019bdf);color:#fff;font:bold 19px Georgia,serif;padding:0 10px}
.badge-back-wave{height:.08in;background:linear-gradient(90deg,#ef5aa4,#d36bbb,#019bdf);clip-path:polygon(0 0,100% 0,100% 100%,60% 30%,0 100%)}
.badge-back-body{padding:13px 18px 7px;font:12px/1.35 Arial,sans-serif}
.badge-back-body strong{display:block;font-size:15px;margin:4px 0}
.badge-back-body hr{border:0;border-top:1px solid #ef5aa4;margin:11px 0 8px}
.badge-back-body p{font-size:9px;line-height:1.35;margin:3px 0}
@media print{
  @page{size:3.5in 2.25in;margin:0}
  html,body{width:3.5in!important;height:auto!important;overflow:visible!important;margin:0!important;padding:0!important}
  .employee-id-badge{width:3.5in!important;height:2.25in!important;min-width:3.5in!important;min-height:2.25in!important;box-shadow:none!important;border-radius:0!important;break-inside:avoid!important;page-break-inside:avoid!important;margin:0!important}
  .employee-id-badge+.employee-id-badge{break-before:page!important;page-break-before:always!important}
}