.hr-role-banner{
  display:flex;justify-content:space-between;gap:16px;align-items:center;
  padding:18px 22px;margin:14px 0;border:1px solid color-mix(in srgb,var(--company-primary,#073763) 22%,transparent);
  border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--company-primary,#073763) 10%,transparent),transparent)
}
.hr-role-banner div{display:grid;gap:5px}
.hr-role-chip,.hr-scope{padding:6px 10px;border-radius:999px;background:var(--company-primary,#073763);color:#fff;font-size:.8rem}
.hr-center-tabs{display:flex;gap:8px;margin:14px 0;overflow:auto}
.hr-center-tabs button,.id-template-picker button{border:1px solid var(--border-color,#d7dee8);background:var(--surface,#fff);padding:11px 18px;border-radius:12px;white-space:nowrap}
.hr-center-tabs button.active,.id-template-picker button.active{background:var(--company-primary,#073763);color:#fff}
.form-section-title{margin:10px 0 0;padding:11px 14px;border-inline-start:4px solid var(--company-primary,#073763);background:color-mix(in srgb,var(--company-primary,#073763) 7%,transparent);border-radius:10px}
.hr-form-help{padding:12px;background:#eff6ff;border-radius:10px}
.id-template-picker{display:flex;gap:8px;margin-bottom:8px}

#employeeIdCardPreview{
  min-height:116mm;display:grid;place-items:center;overflow:auto;padding:6mm 2mm;
  border-radius:18px;background:linear-gradient(145deg,#eef2f6,#fff);border:1px solid #dce3eb
}

/* Official employee badges — exact portrait dimensions requested by WDL. */
.employee-id-card,.employee-id-card *,.employee-id-card *::before,.employee-id-card *::after{box-sizing:border-box}
.employee-id-card{width:53.98mm;height:85.6mm}
.employee-id-card.wdl-employee-id{
  --wdl-navy:#062F55;--wdl-blue:#1F62AE;--wdl-blue-deep:#0E4D88;--wdl-gray:#A7A9AC;--wdl-silver:#D8DEE6;
  position:relative;isolation:isolate;overflow:hidden;margin:auto;border:0;border-radius:3.8mm;
  background:#fff;color:var(--wdl-navy);box-shadow:0 4mm 12mm rgba(6,47,85,.24);
  font-family:"IBM Plex Sans Arabic","Cairo","Segoe UI",Tahoma,Arial,sans-serif;
  print-color-adjust:exact;-webkit-print-color-adjust:exact;page:employee-id
}
.wdl-id-punch-safe{
  position:absolute;z-index:20;top:0;left:18mm;width:18mm;height:10mm;
  background:transparent;pointer-events:none
}
.wdl-id-side-rail{
  position:absolute;z-index:2;top:0;right:0;bottom:0;width:12.6mm;overflow:hidden;
  border-radius:0 3.8mm 3.8mm 0;background:linear-gradient(180deg,#073665 0%,var(--wdl-navy) 58%,#041E38 100%);color:#fff
}
.wdl-id-side-rail::after{
  content:"";position:absolute;inset:13mm 1mm auto auto;width:7mm;height:18mm;opacity:.38;
  background-image:radial-gradient(circle,#dbe8f4 .45mm,transparent .55mm);background-size:2.4mm 2.4mm
}
.wdl-id-kind{position:relative;z-index:3;display:grid;justify-items:center;gap:.1mm;padding-top:3.8mm;font-size:3.8mm;font-weight:500;line-height:1.08;color:#f6f9fc}
.wdl-id-kind i{display:block;width:4.2mm;height:.6mm;margin-top:1.3mm;border-radius:2mm;background:var(--wdl-blue)}
.wdl-id-rail-blueprint{position:absolute;z-index:1;left:-2.1mm;bottom:-1mm;width:17mm;height:64mm;object-fit:cover;object-position:center;opacity:.72;filter:grayscale(1) brightness(0) invert(1)}

.wdl-id-brand{
  position:absolute;z-index:7;top:10.4mm;left:3.1mm;right:14.5mm;height:6.3mm;
  display:flex;align-items:center;justify-content:flex-start;overflow:hidden
}
.wdl-id-brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}

.wdl-id-photo-field{
  position:absolute;z-index:1;top:20.5mm;left:0;right:12.6mm;height:39mm;overflow:hidden;
  clip-path:polygon(0 0,100% 0,100% 79%,0 100%);
  background:linear-gradient(146deg,#eef2f5 0%,#c8cfd7 54%,#aeb9c5 100%)
}
.wdl-id-photo,.wdl-id-photo-fallback{
  position:absolute;left:3.8mm;bottom:.5mm;width:31.5mm;height:36.3mm;border-radius:2.5mm 2.5mm 0 0;
  clip-path:polygon(0 0,100% 0,100% 88%,0 100%);background:#d9e0e7
}
.wdl-id-photo{display:block;object-fit:cover;object-position:50% 18%}
.wdl-id-photo-fallback{display:grid;place-items:center;color:var(--wdl-navy);font-size:15mm;font-weight:800;background:linear-gradient(145deg,#e5eaf0,#bfc9d3)}

.wdl-id-details{
  position:absolute;z-index:3;top:49.5mm;left:0;right:12.6mm;bottom:0;overflow:hidden;
  clip-path:polygon(0 13%,100% 0,100% 100%,0 100%);background:rgba(255,255,255,.98);
  padding:7.7mm 3.7mm 3mm 4.2mm
}
.wdl-id-details::before{content:"";position:absolute;z-index:0;top:3.2mm;left:-1mm;width:48mm;height:.45mm;background:linear-gradient(90deg,var(--wdl-gray),var(--wdl-blue),transparent);transform:rotate(-13deg);transform-origin:left center;opacity:.9}
.wdl-id-lower-blueprint{position:absolute;z-index:0;right:-1mm;bottom:-4mm;width:26mm;height:33mm;object-fit:cover;opacity:.095}
.wdl-id-details h3,.wdl-id-details .wdl-id-title,.wdl-id-details dl{position:relative;z-index:2}
.wdl-id-details h3{max-width:31mm;margin:0;color:var(--wdl-navy);font-size:4.6mm;font-weight:850;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wdl-id-title{max-width:28mm;margin-top:1.2mm;color:var(--wdl-navy);font-size:3.25mm;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wdl-id-details dl{position:absolute;left:13mm;top:20.2mm;width:20.5mm;max-width:none;margin:0;display:grid;gap:1.15mm}
.wdl-id-details dl>div{display:grid;grid-template-columns:minmax(0,1fr) 3.8mm;align-items:center;gap:.7mm;min-width:0}
.wdl-id-details dt{grid-column:2;grid-row:1;display:grid;place-items:center;color:var(--wdl-blue)}
.wdl-id-details dt svg{width:3.4mm;height:3.4mm;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wdl-id-details dt span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wdl-id-details dd{grid-column:1;grid-row:1;min-width:0;margin:0;color:var(--wdl-navy);font-size:2.7mm;font-weight:760;text-align:right;unicode-bidi:plaintext;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.wdl-id-qr{
  position:absolute;z-index:8;left:3.3mm;bottom:3.5mm;width:9.4mm;height:9.4mm;overflow:hidden;
  display:grid;place-items:center;background:#fff;color:var(--wdl-navy)
}
.wdl-id-qr svg{display:block;width:100%;height:100%}
.wdl-id-qr>span{font:800 2.7mm/1 monospace}
.wdl-id-hologram{
  position:absolute;z-index:9;right:6.3mm;bottom:3.1mm;width:13mm;height:13mm;display:grid;place-items:center;
  overflow:hidden;border:.35mm solid rgba(80,133,180,.68);border-radius:50%;
  background:radial-gradient(circle at 30% 28%,#fff 0 14%,rgba(174,226,255,.84) 31%,rgba(218,225,239,.9) 55%,rgba(107,169,218,.7) 74%,#f7fbff 100%);
  box-shadow:inset 0 0 0 .55mm rgba(255,255,255,.64),0 .8mm 1.8mm rgba(6,47,85,.18)
}
.wdl-id-hologram::before{content:"";position:absolute;inset:1mm;border:.2mm dashed rgba(31,98,174,.5);border-radius:50%}
.wdl-id-hologram img{position:relative;z-index:2;width:10.3mm;height:5.5mm;object-fit:cover;object-position:left center;mix-blend-mode:multiply}

/* Company-branded employee identity — portrait ID-1, exact 54 × 85.6 mm. */
.employee-id-card.hendar-employee-id{
  --hid-ink:#113047;--hid-teal:#2d8179;--hid-teal-deep:#205f5b;--hid-mint:#85ddd1;--hid-gold:#edc455;
  position:relative;isolation:isolate;overflow:hidden;margin:auto;border:.28mm solid rgba(17,48,71,.13);border-radius:4.2mm;
  background:linear-gradient(165deg,#fff 0 62%,#f2f8f7 100%);color:var(--hid-ink);box-shadow:0 4mm 12mm rgba(17,48,71,.2);
  font-family:"IBM Plex Sans Arabic","Cairo","Segoe UI",Tahoma,Arial,sans-serif;print-color-adjust:exact;-webkit-print-color-adjust:exact;page:employee-id
}
.hendar-id-accent{position:absolute;z-index:1;inset-block:0;inset-inline-end:0;width:2.2mm;background:linear-gradient(180deg,var(--hid-teal-deep),var(--hid-teal) 72%,var(--hid-gold));box-shadow:-.5mm 0 2mm rgba(32,95,91,.12)}
.hendar-id-punch-safe{position:absolute;z-index:8;top:2.2mm;left:20mm;width:14mm;height:5.2mm;border:.25mm solid rgba(17,48,71,.12);border-radius:4mm;background:rgba(255,255,255,.72)}
.hendar-id-brand{position:absolute;z-index:4;top:8.5mm;left:4.4mm;right:5.6mm;height:12mm;display:grid;grid-template-columns:minmax(0,1fr) 19mm;align-items:center;gap:2mm;text-align:right;direction:rtl}
.company-id-logo-slot{grid-column:2;grid-row:1;display:grid;place-items:center;width:19mm;height:10.6mm;overflow:hidden;border-radius:1.7mm;background:rgba(255,255,255,.78)}
.company-id-logo{display:block;max-width:18.4mm;max-height:10mm;width:auto;height:auto;object-fit:contain;object-position:center}
.company-id-logo-missing{border:.25mm dashed rgba(17,48,71,.22);color:var(--hid-teal-deep);background:rgba(45,129,121,.07)}.company-id-logo-missing b{font-size:4.8mm;line-height:1}
.company-id-brand-copy{grid-column:1;grid-row:1;min-width:0;display:grid;gap:.55mm;align-content:center;line-height:1.15}.company-id-brand-copy strong{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:2.85mm;font-weight:900;color:var(--hid-teal-deep)}.company-id-brand-copy strong.medium{font-size:2.55mm}.company-id-brand-copy strong.compact{font-size:2.25mm}.company-id-brand-copy small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:1.55mm;font-weight:800;letter-spacing:.1mm;color:#6b7e8c}
.hendar-id-photo-field{position:absolute;z-index:3;top:22mm;left:12.2mm;width:31mm;height:29.6mm;padding:1.3mm;border:.35mm solid rgba(45,129,121,.3);border-radius:5mm;background:linear-gradient(145deg,#e9f3f2,#d7e5e5);box-shadow:0 2mm 5mm rgba(17,48,71,.13)}
.hendar-id-photo,.hendar-id-photo-fallback{display:block;width:100%;height:100%;border-radius:3.7mm;background:#dce8e7}
.hendar-id-photo{object-fit:cover;object-position:50% 20%}.hendar-id-photo-fallback{display:grid;place-items:center;color:var(--hid-teal-deep);font-size:12mm;font-weight:900;background:linear-gradient(145deg,#edf7f6,#c9dedc)}
.hendar-id-details{position:absolute;z-index:4;top:53.2mm;left:4.3mm;right:5.6mm;display:grid;justify-items:center;text-align:center}
.hendar-id-kicker{display:inline-flex;padding:.65mm 2.2mm;border-radius:99px;background:rgba(45,129,121,.1);color:var(--hid-teal-deep);font-size:1.8mm;line-height:1.15;font-weight:850}
.hendar-id-details h3{max-width:43mm;margin:.75mm 0 .25mm;font-size:3.65mm;line-height:1.15;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hendar-id-details h3.medium{font-size:3.2mm}.hendar-id-details h3.compact{font-size:2.8mm}
.hendar-id-details>p{max-width:40mm;margin:0;color:#557082;font-size:2.2mm;line-height:1.15;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hendar-id-details dl{width:100%;margin:.9mm 0 0;display:grid;grid-template-columns:13mm minmax(0,1fr);gap:.45mm 1.5mm;text-align:right}.hendar-id-details dl>div{display:contents}.hendar-id-details dt{color:#718795;font-size:1.75mm;line-height:1.15;font-weight:700}.hendar-id-details dd{min-width:0;margin:0;color:var(--hid-ink);font-size:2.05mm;line-height:1.15;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hendar-id-footer{position:absolute;z-index:4;left:4.3mm;right:5.6mm;bottom:2.8mm;height:8mm;display:flex;align-items:flex-end;justify-content:space-between;gap:1.5mm;border-top:.25mm solid rgba(45,129,121,.22);padding-top:1.1mm}
.hendar-id-footer>div:first-child{display:grid;gap:.25mm;min-width:0}.hendar-id-footer strong{max-width:30mm;font-size:1.9mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hendar-id-footer small{font-size:1.45mm;color:#718795;white-space:nowrap}
.hendar-id-qr{flex:0 0 7.2mm;width:7.2mm;height:7.2mm;display:grid;place-items:center;padding:.25mm;border:.25mm solid rgba(17,48,71,.14);border-radius:1.2mm;background:#fff;color:var(--hid-ink)}.hendar-id-qr svg{display:block;width:100%;height:100%}.hendar-id-qr>span{font:800 2.2mm/1 monospace}

/* WDL_NAVY_CIRCLE_V1 — dynamic two-sided employee identity. */
.employee-id-workspace{max-width:min(1180px,96vw)!important}
.employee-id-template-library{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;padding:12px 14px;border:1px solid var(--border-color,#d7dee8);border-radius:16px;background:linear-gradient(135deg,#fff,#f4f8fb)}
.employee-id-template-library h3{margin:2px 0 0;color:#0a2f52}.employee-id-template-library .id-template-picker{margin:0;flex-wrap:wrap;justify-content:flex-end}
.id-template-picker button{cursor:pointer}.id-template-picker button small{display:block;margin-top:2px;font-size:.66rem;font-weight:700;opacity:.76;direction:ltr}.id-template-picker button.active small{color:#d8e9f6}
.employee-id-card-pair{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:10mm;flex-wrap:wrap;padding:5mm 3mm;direction:ltr}
.employee-id-card-pair>.employee-id-card{flex:0 0 auto;direction:rtl}
.employee-id-face-wrap{display:grid;justify-items:center;gap:7px}.employee-id-face-wrap>span{color:#536d80;font-size:.78rem;font-weight:850;direction:rtl}
.employee-id-preview-loading,.employee-id-preview-error{min-height:70mm;display:grid;place-items:center;color:#60798b;text-align:center;font-weight:800}.employee-id-preview-error{color:#b42318}
.employee-id-data-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;padding:13px;border:1px solid #dce5ec;border-radius:15px;background:#f8fafc}
.employee-id-data-form fieldset{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:11px;border:1px solid #dce5ec;border-radius:12px}.employee-id-data-form legend{padding:0 7px;color:#0a2f52;font-weight:900}.employee-id-data-form label{display:grid;gap:5px;min-width:0}.employee-id-data-form label.wide{grid-column:1/-1}.employee-id-data-form label span{color:#5f7586;font-size:.78rem;font-weight:800}.employee-id-data-form :is(input,select){min-width:0;min-height:40px;border:1px solid #cbd8e2;border-radius:10px;background:#fff;padding:7px 9px;color:#17384f;font:750 .82rem "IBM Plex Sans Arabic","Cairo",sans-serif}.employee-id-data-form>.form-actions{grid-column:1/-1;margin:0}
.employee-id-pdf-ready{margin:10px 0;padding:10px 13px;border:1px solid #b9d8cf;border-radius:11px;background:#ecfdf5;color:#0f665a;font-size:.8rem;font-weight:800}.employee-id-pdf-ready a{display:inline-block;margin-inline-start:6px;color:#0a2f52;font-weight:900}

.employee-id-card.wdl-navy-circle-v1{
  --wdl-id-navy:#0a2f52;--wdl-id-navy-deep:#061f38;--wdl-id-gray:#8a929a;--wdl-id-gray-light:#d7dce1;--wdl-id-white:#fff;
  position:relative;isolation:isolate;overflow:hidden;margin:0;border:.18mm solid rgba(10,47,82,.15);border-radius:3.2mm;
  font-family:"IBM Plex Sans Arabic","Cairo","Tajawal","Segoe UI",sans-serif;print-color-adjust:exact;-webkit-print-color-adjust:exact;page:employee-id
}
.wdl-navy-circle-v1 .wdl-card-safe-area{position:absolute;z-index:40;inset:3mm;border:.15mm dashed transparent;pointer-events:none}
.wdl-navy-circle-v1 .wdl-card-slot{position:absolute;z-index:35;top:2.65mm;left:19.39mm;width:15.2mm;height:3.45mm;border:.35mm solid #b5bdc5;border-radius:99mm;background:#fff;box-shadow:inset 0 .2mm .5mm rgba(6,31,56,.14)}
.wdl-id-front{background:#fff;color:var(--wdl-id-navy)}
.wdl-id-front-logo{position:absolute;z-index:6;top:7.4mm;left:14.44mm;right:auto;width:25.1mm;height:12.2mm;display:block;direction:ltr;overflow:hidden}
.wdl-id-front-logo img{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:contain;object-position:center}
.wdl-id-circle-photo{position:absolute;z-index:8;top:20.6mm;left:14.69mm;width:24.6mm;height:24.6mm;padding:.72mm;border:.42mm solid var(--wdl-id-navy);border-radius:50%;background:#fff;box-shadow:0 1.8mm 4.5mm rgba(10,47,82,.18)}
.wdl-id-circle-photo :is(img,.wdl-id-photo-placeholder){display:block;width:100%;height:100%;border-radius:50%;background:#e7ebef}
.wdl-id-circle-photo img{object-fit:cover;object-position:center}.wdl-id-photo-placeholder{display:grid!important;place-items:center!important;color:var(--wdl-id-navy);font-size:9mm;font-weight:900;background:linear-gradient(145deg,#eef2f5,#ced5dc)!important}
.wdl-id-front-copy{position:absolute;z-index:10;top:47.1mm;left:3mm;right:auto;bottom:auto;width:47.98mm;height:29.9mm;display:block;direction:ltr;text-align:center;overflow:hidden}
.wdl-id-front-copy>*{width:100%;margin-inline:auto;text-align:center}
.wdl-id-front-kicker{margin:0 auto .45mm;color:var(--wdl-id-navy);font-size:2.75mm;font-weight:900;line-height:1.12}
.wdl-id-front-name{max-width:46mm;margin:0 auto .45mm;color:var(--wdl-id-navy);font-size:3.55mm;font-weight:900;line-height:1.12;unicode-bidi:plaintext;overflow-wrap:anywhere}.wdl-id-front-name.medium{font-size:3.15mm}.wdl-id-front-name.compact{font-size:2.8mm}
.wdl-id-front-line{max-width:45mm;margin:0 auto .38mm;color:#4f6170;font-size:2.12mm;font-weight:700;line-height:1.18;unicode-bidi:plaintext;overflow-wrap:anywhere}.wdl-id-front-line.department{color:#78818a;font-size:1.92mm}
.wdl-id-front-meta{display:block;max-width:45mm;margin:.3mm auto 0;direction:ltr;text-align:center;white-space:nowrap}
.wdl-id-front-meta span{display:inline-block;min-height:3.45mm;width:auto;margin:0 .28mm;padding:.45mm 1.1mm;border:.22mm solid #d2d8dd;border-radius:99mm;background:#f8fafb;color:var(--wdl-id-navy);font-size:1.62mm;font-weight:850;line-height:1.05;text-align:center;white-space:nowrap;unicode-bidi:isolate}.wdl-id-front-meta b,.wdl-id-front-meta em{display:inline-block;vertical-align:middle;unicode-bidi:isolate}.wdl-id-front-meta b{color:#77818a;font-size:1.38mm;font-weight:750}.wdl-id-front-meta em{font-style:normal;font-weight:850}.wdl-id-front-meta span[dir="rtl"] b{margin-left:.8mm}.wdl-id-front-meta span[dir="ltr"] b{margin-right:.8mm}
.wdl-id-front-geometry{position:absolute;z-index:3;left:0;right:0;bottom:0;width:100%;height:15mm;pointer-events:none}
.wdl-id-front-geometry .navy{fill:var(--wdl-id-navy)}.wdl-id-front-geometry .navy-deep{fill:var(--wdl-id-navy-deep)}.wdl-id-front-geometry .gray{fill:var(--wdl-id-gray)}.wdl-id-front-geometry .gray-light{fill:var(--wdl-id-gray-light)}

.wdl-id-back{background:var(--wdl-id-navy);color:#fff}
.wdl-id-back .wdl-card-slot{border-color:rgba(255,255,255,.72);background:#fff;box-shadow:inset 0 .2mm .5mm rgba(0,0,0,.24)}
.wdl-id-back-blueprint{position:absolute;z-index:1;inset:0;width:100%;height:100%;opacity:.13;pointer-events:none}.wdl-id-back-blueprint path,.wdl-id-back-blueprint circle{fill:none;stroke:#dce7ef;stroke-width:.28;vector-effect:non-scaling-stroke}
.wdl-id-back-content{position:absolute;z-index:8;top:9.2mm;left:3mm;right:auto;bottom:auto;width:47.98mm;height:73.4mm;display:block;direction:ltr;text-align:center;overflow:hidden}.wdl-id-back-content>*{text-align:center}
.wdl-id-back-title{width:100%;margin:0 auto;color:#fff;font-size:3.55mm;font-weight:900;line-height:1.2}
.wdl-id-back-expiry{width:100%;display:grid;justify-items:stretch;gap:.25mm;margin:1.15mm auto 0;color:#d9e4ed;direction:ltr}.wdl-id-back-expiry span,.wdl-id-back-expiry strong{display:block;width:100%;text-align:center}.wdl-id-back-expiry span{font-size:1.62mm;font-weight:700}.wdl-id-back-expiry strong{font-size:2.25mm;line-height:1.1;direction:ltr;unicode-bidi:isolate}
.wdl-id-back-qr{width:26.8mm;height:26.8mm;display:grid;place-items:center;margin:1.25mm auto 0;padding:1.3mm;border-radius:2.4mm;background:#fff;color:var(--wdl-id-navy);box-shadow:0 2mm 5mm rgba(0,0,0,.22)}.wdl-id-back-qr svg{display:block;width:100%;height:100%}.wdl-id-back-qr>span{font:900 2.4mm/1 monospace}
.wdl-id-back-return{max-width:42mm;margin:1.45mm auto 0;color:#edf3f7;font-size:2.05mm;font-weight:650;line-height:1.5}
.wdl-id-back-website{margin:1mm auto 0;color:#fff;font-size:2.35mm;font-weight:850;line-height:1.1;direction:ltr;unicode-bidi:isolate}
.wdl-id-back-signature{width:30mm;display:block;margin:2mm auto 0;color:#e3ebf1;direction:ltr;text-align:center}.wdl-id-back-signature strong,.wdl-id-back-signature span{display:block;width:100%;direction:ltr;text-align:center}.wdl-id-back-signature strong{font-size:2.05mm;line-height:1.2;overflow-wrap:anywhere}.wdl-id-back-signature bdi{display:inline-block;unicode-bidi:isolate}.wdl-id-back-signature i{display:block;width:25mm;margin:.65mm auto;border-top:.25mm solid rgba(255,255,255,.72)}.wdl-id-back-signature span{font-size:1.55mm;font-weight:700}
.wdl-id-back-mark{position:absolute;z-index:2;right:-5mm;bottom:-6mm;width:29mm;height:29mm;border:.4mm solid rgba(255,255,255,.14);border-radius:50%}.wdl-id-back-mark::before,.wdl-id-back-mark::after{content:"";position:absolute;border:.25mm solid rgba(255,255,255,.1);border-radius:50%}.wdl-id-back-mark::before{inset:3mm}.wdl-id-back-mark::after{inset:7mm}

@page employee-id{size:53.98mm 85.6mm;margin:0}

@media screen and (min-width:761px){
  #employeeIdCardPreview .employee-id-card{transform:none;margin:0}
}
@media(max-width:760px){
  .hr-role-banner{align-items:flex-start;flex-direction:column}
  .hr-layout{grid-template-columns:1fr!important}
  .hr-employee-form{grid-template-columns:1fr!important}
  .hr-employee-form .wide{grid-column:auto!important}
  .hr-center-tabs{width:100%}
  #employeeIdCardPreview{min-height:94mm;padding:2mm 0}
  #employeeIdCardPreview .employee-id-card{transform:none}
  .employee-id-card-pair{gap:6mm;padding:3mm 1mm}
  .employee-id-template-library{align-items:flex-start;flex-direction:column}.employee-id-template-library .id-template-picker{justify-content:flex-start}
  .employee-id-data-form{grid-template-columns:1fr}.employee-id-data-form fieldset{grid-template-columns:1fr}.employee-id-data-form label.wide{grid-column:auto}
}
@media print{
  @page{size:53.98mm 85.6mm;margin:0}
  html,body{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}
  body.wdl-id-print-document,body.hendar-id-print-document{width:53.98mm!important;height:85.6mm!important;margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important}
  body.wdl-id-print-document>.employee-id-card,body.hendar-id-print-document>.employee-id-card{display:block!important;margin:0!important;transform:none!important;box-shadow:none!important}
  body:not(.wdl-id-print-document):not(.hendar-id-print-document)>*{display:none!important}
  #modalBackdrop{display:block!important;position:static!important;background:none!important}
  #employeeIdCardModal{display:block!important;position:static!important;box-shadow:none!important}
  #employeeIdCardModal .employee-id-card{display:block!important;margin:0!important;transform:none!important;box-shadow:none!important;border:0!important}
  .modal-header,.id-template-picker,#employeeIdCardModal .form-actions{display:none!important}
}

/* WDL_NAVY_CIRCLE_V1 — final production geometry.  These rules are last on
   purpose because the same sheet is embedded into the two-page PDF export. */
.employee-id-card.wdl-navy-circle-v1{border:.12mm solid rgba(6,31,56,.13);border-radius:3.15mm;box-shadow:0 2.4mm 7mm rgba(6,31,56,.18)}
.wdl-navy-circle-v1 .wdl-card-slot{top:3.05mm;left:19.29mm;width:15.4mm;height:3.05mm;border:.28mm solid rgba(105,114,123,.58);background:#f8f9fa;box-shadow:inset 0 .45mm .7mm rgba(0,0,0,.22),0 .2mm .35mm rgba(255,255,255,.8)}
.wdl-id-front-landmarks{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;opacity:.18}
.wdl-id-front-landmarks path{fill:none;stroke:#315b7d;stroke-width:.62;vector-effect:non-scaling-stroke}
.wdl-id-front-landmarks .grid{opacity:.2}.wdl-id-front-landmarks .bridge{opacity:.5}.wdl-id-front-landmarks .tower{opacity:.58}
.wdl-id-front-logo{top:7.4mm;left:11.99mm;width:30mm;height:13.4mm;overflow:visible}
.wdl-id-front-logo img{object-fit:contain;object-position:center}
.wdl-id-circle-photo{top:22.35mm;left:14.24mm;width:25.5mm;height:25.5mm;padding:.55mm;border:.38mm solid var(--wdl-id-navy);box-shadow:0 1.4mm 3.6mm rgba(6,31,56,.13)}
.wdl-id-front-copy{top:49.1mm;left:3mm;width:47.98mm;height:33.15mm;display:flex;flex-direction:column;align-items:center;gap:.54mm;overflow:hidden;direction:rtl}
.wdl-id-front-copy>*{flex:0 0 auto;margin:0!important}
.wdl-id-front-kicker{color:var(--wdl-id-navy);font-size:4.05mm;font-weight:900;line-height:1.15;letter-spacing:0}
.wdl-id-divider{width:36.6mm;height:2.05mm;display:flex!important;align-items:center;justify-content:center;gap:0;margin:.12mm auto .35mm!important;color:inherit}
.wdl-id-divider i{display:block;width:16.7mm;border-top:.18mm solid currentColor;opacity:.86}
.wdl-id-divider b{display:block;width:2.15mm;height:2.15mm;border:.24mm solid currentColor;transform:rotate(45deg);opacity:.78}
.wdl-id-front-name{max-width:45.6mm;color:var(--wdl-id-navy);font-size:4.25mm;font-weight:900;line-height:1.16;white-space:normal;overflow-wrap:anywhere;word-break:normal;text-wrap:balance}.wdl-id-front-name.medium{font-size:3.72mm}.wdl-id-front-name.compact{font-size:3.08mm;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.wdl-id-front-line{max-width:44.8mm;color:#102e55;font-size:2.55mm;font-weight:650;line-height:1.16;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}.wdl-id-front-line.medium{font-size:2.25mm}.wdl-id-front-line.compact{font-size:1.95mm;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.wdl-id-front-line.department{color:#102e55;font-size:2.45mm}.wdl-id-front-line.department.medium{font-size:2.18mm}.wdl-id-front-line.department.compact{font-size:1.9mm}
.wdl-id-front-copy.balanced{gap:.38mm}.wdl-id-front-copy.balanced .wdl-id-front-kicker{font-size:3.78mm}.wdl-id-front-copy.dense{gap:.24mm}.wdl-id-front-copy.dense .wdl-id-front-kicker{font-size:3.45mm}.wdl-id-front-copy.dense .wdl-id-divider{height:1.45mm;margin:.02mm auto .12mm!important}.wdl-id-front-copy.dense .wdl-id-front-name{font-size:2.92mm;line-height:1.12}.wdl-id-front-copy.dense .wdl-id-front-line{font-size:1.82mm;line-height:1.12}.wdl-id-front-copy.dense .wdl-id-front-meta{margin:.1mm auto 0!important}.wdl-id-front-copy.dense .wdl-id-front-meta p{font-size:1.76mm}
.wdl-id-front-meta{display:flex;flex-direction:column;align-items:center;gap:.22mm;max-width:45mm;margin:.35mm auto 0!important;direction:rtl;white-space:normal}
.wdl-id-front-meta p{display:flex;align-items:baseline;justify-content:center;gap:.65mm;margin:0;color:#102e55;font-size:2.05mm;line-height:1.2;white-space:nowrap;unicode-bidi:isolate}
.wdl-id-front-meta b{font-weight:650}.wdl-id-front-meta em{font-style:normal;font-weight:850;unicode-bidi:isolate}
.wdl-id-front-geometry{z-index:2;height:31.8mm}
.wdl-id-front-geometry .navy-lines{fill:none;stroke:rgba(255,255,255,.26);stroke-width:.62}.wdl-id-front-geometry .right{stroke:rgba(255,255,255,.3)}
.wdl-id-back{background:linear-gradient(150deg,#0a3965 0%,#072e55 46%,#041f3c 100%)}
.wdl-id-back .wdl-card-slot{background:#f6f7f8;border-color:rgba(255,255,255,.9)}
.wdl-id-back-blueprint{opacity:.18}.wdl-id-back-blueprint path,.wdl-id-back-blueprint circle{stroke:#dceaf4;stroke-width:.38}.wdl-id-back-blueprint .waves{opacity:.54}.wdl-id-back-blueprint .structure{opacity:.38}
.wdl-id-back-content{top:9.55mm;left:3mm;width:47.98mm;height:73.2mm;display:flex;flex-direction:column;align-items:center;gap:1.15mm;overflow:visible;direction:rtl}
.wdl-id-back-content>*{flex:0 0 auto;margin:0!important}
.wdl-id-back-title{font-size:4.1mm;line-height:1.18;font-weight:900}
.wdl-id-back .wdl-id-divider{color:#f3f6f9;margin:.6mm auto .75mm!important}
.wdl-id-back-expiry{display:flex;flex-direction:column;align-items:center;gap:.32mm;color:#fff;direction:rtl}
.wdl-id-back-expiry span{font-size:2.35mm;font-weight:550}.wdl-id-back-expiry strong{font-size:3.85mm;font-weight:900;line-height:1;letter-spacing:.08em}
.wdl-id-back-qr{width:18.7mm;height:18.7mm;padding:.85mm;border-radius:1.1mm;box-shadow:0 1.2mm 3mm rgba(0,0,0,.26)}
.wdl-id-back-return{max-width:40mm;color:#fff;font-size:2.25mm;font-weight:550;line-height:1.55}
.wdl-id-back-website{display:flex;align-items:center;justify-content:center;gap:1.15mm;color:#fff;font-size:2.28mm;font-weight:650;line-height:1;direction:ltr}.wdl-id-back-website svg{width:3.4mm;height:3.4mm;fill:none;stroke:currentColor;stroke-width:1.45}
.wdl-id-back-signature{width:40mm;display:flex;flex-direction:column;align-items:center;gap:.65mm;margin:.3mm auto 0!important;color:#fff;direction:rtl}.wdl-id-back-signature>span{font-size:2.2mm;font-weight:600;direction:rtl}.wdl-id-back-signature>div{width:40mm;height:12.4mm;display:grid;place-items:center;position:relative;padding:1.2mm 2mm 2.1mm;border-radius:1.7mm;background:rgba(255,255,255,.97);color:var(--wdl-id-navy);overflow:hidden}.wdl-id-back-signature>div::before{content:"";position:absolute;inset:0;background-image:linear-gradient(30deg,rgba(10,47,82,.045) 12%,transparent 12.5%,transparent 87%,rgba(10,47,82,.045) 87.5%),linear-gradient(150deg,rgba(10,47,82,.045) 12%,transparent 12.5%,transparent 87%,rgba(10,47,82,.045) 87.5%);background-size:3mm 5mm}.wdl-id-back-signature strong,.wdl-id-back-signature img{position:relative;z-index:1;max-width:33mm;max-height:7.4mm;font-size:3.2mm;font-weight:700;font-style:italic;object-fit:contain}.wdl-id-back-signature i{position:absolute;z-index:1;left:3mm;right:3mm;bottom:2mm;width:auto;margin:0;border-top:.18mm dashed rgba(10,47,82,.65)}
.wdl-id-back-mark{display:none}

/* WDL_NAVY_CIRCLE_V1 — reference-locked print geometry.
   The preview, print view and PDF exporter all consume these exact rules. */
.employee-id-card.wdl-navy-circle-v1{
  border:.12mm solid rgba(6,31,56,.13);border-radius:3.15mm;background-clip:padding-box;
  box-shadow:0 2.4mm 7mm rgba(6,31,56,.18)
}
.wdl-navy-circle-v1 .wdl-card-slot{
  top:3.15mm;left:20.29mm;width:13.4mm;height:2.6mm;border:.26mm solid rgba(105,114,123,.64);
  background:#f8f9fa;box-shadow:inset 0 .4mm .65mm rgba(0,0,0,.2),0 .15mm .3mm rgba(255,255,255,.85)
}
.wdl-id-front-landmarks{z-index:1;opacity:.15}
.wdl-id-front-landmarks path{fill:none!important;stroke:#315b7d!important;stroke-width:.62!important}
.wdl-id-front-landmarks .grid{opacity:.04}.wdl-id-front-landmarks .bridge{opacity:.46}.wdl-id-front-landmarks .tower{opacity:.5}
.wdl-id-front-logo{top:7.85mm;left:13.39mm;width:27.2mm;height:11.7mm;overflow:visible}
.wdl-id-circle-photo{
  top:22.1mm;left:14.69mm;width:24.6mm;height:24.6mm;padding:.48mm;border:.34mm solid #0a2f52;
  box-shadow:0 1.15mm 3mm rgba(6,31,56,.12)
}
.wdl-id-circle-photo :is(img,.wdl-id-photo-placeholder){width:100%;height:100%}
.wdl-id-circle-photo{overflow:hidden!important;clip-path:circle(50% at 50% 50%);touch-action:none}
.wdl-id-circle-photo img{object-fit:cover!important;object-position:var(--wdl-photo-x,50%) var(--wdl-photo-y,50%)!important;transform:scale(var(--wdl-photo-scale,1));transform-origin:var(--wdl-photo-x,50%) var(--wdl-photo-y,50%);will-change:transform,object-position}
.wdl-id-circle-photo.is-positionable{cursor:grab}.wdl-id-circle-photo.is-positionable:active{cursor:grabbing}
.employee-id-photo-positioner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0;padding:12px;border:1px solid #d8e1e8;border-radius:12px;background:#f8fafc;color:#0a2f52}.employee-id-photo-positioner>strong{font-weight:900}.employee-id-photo-positioner>span{color:#617386;font-size:12px}.employee-id-photo-positioner label{display:flex;align-items:center;gap:8px;font-weight:700}.employee-id-photo-positioner input[type="range"]{width:180px}.employee-id-photo-positioner.hidden{display:none!important}
.wdl-id-front-copy{
  top:49.1mm;left:3mm;width:47.98mm;height:32.6mm;display:block!important;direction:ltr!important;
  text-align:center!important;overflow:hidden!important
}
.wdl-id-front-copy>*{display:block;width:auto;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.wdl-id-front-kicker{margin-top:0!important;margin-bottom:0!important;color:#0a2f52;font-size:3.68mm;font-weight:900;line-height:1.14}
.wdl-id-divider{
  width:36.6mm;height:1.85mm;display:flex!important;align-items:center;justify-content:center;direction:ltr;
  margin:.5mm auto .55mm!important;color:inherit
}
.wdl-id-divider i{display:block;width:16.7mm;border-top:.18mm solid currentColor;opacity:.86}
.wdl-id-divider b{display:block;width:1.75mm;height:1.75mm;border:.23mm solid currentColor;transform:rotate(45deg);opacity:.8}
.wdl-id-front-name{
  max-width:45.3mm;margin-top:0!important;margin-bottom:.45mm!important;color:#0a2f52;font-size:3.82mm;font-weight:900;
  line-height:1.14;white-space:normal;overflow-wrap:normal;word-break:normal
}
.wdl-id-front-name.medium{font-size:3.55mm}.wdl-id-front-name.compact{font-size:2.86mm;line-height:1.08}
.wdl-id-front-line{
  max-width:44.4mm;margin-top:0!important;margin-bottom:.25mm!important;color:#102e55;font-size:2.42mm;font-weight:600;
  line-height:1.17;white-space:normal;overflow-wrap:normal;word-break:normal
}
.wdl-id-front-line.medium{font-size:2.16mm}.wdl-id-front-line.compact{font-size:1.86mm;line-height:1.1}
.wdl-id-front-line.department{margin-bottom:0!important;color:#102e55;font-size:2.32mm}
.wdl-id-front-line.department.medium{font-size:2.08mm}.wdl-id-front-line.department.compact{font-size:1.82mm}
.wdl-id-front-record-rule{width:25.8mm!important;height:0;margin:.65mm auto .55mm!important;border-top:.16mm solid #315b7d}
.wdl-id-front-meta{display:block!important;max-width:44mm;margin:0 auto!important;direction:ltr!important;white-space:normal}
.wdl-id-front-meta p{
  display:block!important;width:100%;margin:0 auto .28mm!important;color:#102e55;font-size:2.02mm;line-height:1.18;
  text-align:center!important;white-space:nowrap;unicode-bidi:isolate
}
.wdl-id-front-meta b,.wdl-id-front-meta em{display:inline;unicode-bidi:isolate}.wdl-id-front-meta b{font-weight:600}.wdl-id-front-meta em{font-style:normal;font-weight:850}
.wdl-id-front-copy.balanced .wdl-id-front-kicker{font-size:3.72mm}
.wdl-id-front-copy.balanced .wdl-id-divider{margin:.35mm auto .38mm!important}
.wdl-id-front-copy.balanced .wdl-id-front-name{font-size:3.25mm;line-height:1.08;margin-bottom:.25mm!important}
.wdl-id-front-copy.balanced .wdl-id-front-line{font-size:1.98mm;line-height:1.08;margin-bottom:.12mm!important}
.wdl-id-front-copy.balanced .wdl-id-front-line.department{font-size:1.92mm}
.wdl-id-front-copy.dense .wdl-id-front-kicker{font-size:3.35mm}
.wdl-id-front-copy.dense .wdl-id-divider{height:1.35mm;margin:.16mm auto .2mm!important}
.wdl-id-front-copy.dense .wdl-id-front-name{font-size:2.68mm;line-height:1.06;margin-bottom:.12mm!important}
.wdl-id-front-copy.dense .wdl-id-front-line{font-size:1.68mm;line-height:1.05;margin-bottom:.08mm!important}
.wdl-id-front-copy.dense .wdl-id-front-line.department{font-size:1.64mm}
.wdl-id-front-copy.dense .wdl-id-front-record-rule{margin:.32mm auto .3mm!important}
.wdl-id-front-copy.dense .wdl-id-front-meta p{font-size:1.7mm;line-height:1.08;margin-bottom:.12mm!important}
.wdl-id-front-geometry{z-index:2;height:29.8mm}
.wdl-id-front-geometry :is(path,polygon){vector-effect:non-scaling-stroke}

.wdl-id-back{background:#082f57;color:#fff}
.wdl-id-back .wdl-card-slot{background:#f6f7f8;border-color:rgba(255,255,255,.9)}
.wdl-id-back-blueprint{opacity:.16}.wdl-id-back-blueprint path,.wdl-id-back-blueprint circle{fill:none!important;stroke:#dceaf4!important;stroke-width:.38!important}
.wdl-id-back-blueprint .waves{opacity:.54}.wdl-id-back-blueprint .structure{opacity:.38}
.wdl-id-back-content{
  top:9.6mm;left:3mm;width:47.98mm;height:73mm;display:block!important;direction:ltr!important;
  text-align:center!important;overflow:hidden!important
}
.wdl-id-back-content>*{display:block;width:auto;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.wdl-id-back-title{width:100%;margin-top:0!important;margin-bottom:0!important;color:#fff;font-size:3.75mm;line-height:1.16;font-weight:900}
.wdl-id-back .wdl-id-divider{color:#f3f6f9;margin:.52mm auto .6mm!important}
.wdl-id-back-expiry{display:block!important;width:100%;margin:0 auto!important;color:#fff;direction:ltr!important}
.wdl-id-back-expiry span{display:block;width:100%;margin:0 auto .18mm;text-align:center;font-size:1.95mm;font-weight:550}
.wdl-id-back-expiry strong{display:block;width:100%;margin:0 auto;text-align:center;font-size:3.12mm;font-weight:900;line-height:1.05;letter-spacing:.04em;direction:ltr}
.wdl-id-back-qr{
  width:16.7mm;height:16.7mm;display:block!important;margin:.95mm auto 0!important;padding:.65mm;border-radius:1.05mm;
  background:#fff;color:#0a2f52;box-shadow:0 1.1mm 2.8mm rgba(0,0,0,.24);overflow:hidden;direction:ltr!important
}
.wdl-id-back-qr>svg{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important}
.wdl-id-back-return{max-width:39.5mm;margin:.95mm auto 0!important;color:#fff;font-size:2.13mm;font-weight:550;line-height:1.42;direction:rtl!important}
.wdl-id-back-return+.wdl-id-divider{margin:.48mm auto .5mm!important}
.wdl-id-back-website{display:block!important;margin:0 auto!important;color:#fff;font-size:2.08mm;font-weight:600;line-height:1.1;direction:ltr!important}
.wdl-id-back-website svg{display:none!important}
.wdl-id-back-website::before{content:"";display:inline-block;width:3mm;height:3mm;margin-right:.85mm;vertical-align:-.55mm;border:.18mm solid #fff;border-radius:50%;background:linear-gradient(transparent 46%,#fff 47%,#fff 53%,transparent 54%),linear-gradient(90deg,transparent 46%,#fff 47%,#fff 53%,transparent 54%)}
.wdl-id-back-signature{width:42.5mm;display:block!important;margin:.8mm auto 0!important;color:#fff;direction:ltr!important;text-align:center!important}
.wdl-id-back-signature>span{display:block;width:100%;margin:0 auto .45mm;font-size:1.95mm;font-weight:600;direction:rtl;text-align:center}
.wdl-id-back-signature>div{
  width:42.5mm;height:12.1mm;display:block;position:relative;margin:0 auto;padding:1.2mm 2mm 2.1mm;border-radius:1.65mm;
  background:#fff;color:#0a2f52;overflow:hidden;text-align:center
}
.wdl-id-back-signature>div::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(10,47,82,.035) .12mm,transparent .12mm),linear-gradient(90deg,rgba(10,47,82,.035) .12mm,transparent .12mm),linear-gradient(35deg,transparent 47%,rgba(10,47,82,.025) 48%,rgba(10,47,82,.025) 52%,transparent 53%);background-size:4.5mm 4.5mm,4.5mm 4.5mm,6mm 6mm}
.wdl-id-back-signature strong,.wdl-id-back-signature img{position:relative;z-index:1;display:block;max-width:33mm;max-height:7mm;margin:1.15mm auto 0;font-size:3.05mm;font-weight:700;font-style:italic;object-fit:contain}
.wdl-id-back-signature i{position:absolute;z-index:1;left:3mm;right:3mm;bottom:1.9mm;width:auto;margin:0;border-top:.18mm dashed rgba(10,47,82,.65)}
.wdl-id-back-mark{display:none!important}

/* UALL-BJ — WDL reference identity lock.
   These are the final authoritative screen, print, PDF and PNG dimensions. */
.employee-id-reference-lock{
  display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid #b8c9d8;border-radius:11px;
  background:#edf4f9;color:#0a2f52;font-size:.78rem;font-weight:900
}
.employee-id-card.wdl-reference-exact{
  width:53.98mm!important;height:85.6mm!important;border-radius:3.15mm!important;background-clip:padding-box!important;
  font-family:"IBM Plex Sans Arabic","Cairo","Tajawal","Segoe UI",sans-serif!important
}
.employee-id-card.wdl-reference-exact.wdl-id-front{background:#fff!important}
.wdl-reference-exact .wdl-id-front-logo{top:7.85mm!important;left:13.39mm!important;width:27.2mm!important;height:11.7mm!important}
.wdl-reference-exact .wdl-id-circle-photo{top:22.1mm!important;left:14.69mm!important;width:24.6mm!important;height:24.6mm!important}
.wdl-reference-exact .wdl-id-front-copy{top:49.1mm!important;left:3mm!important;width:47.98mm!important;height:32.6mm!important}
.wdl-reference-exact .wdl-id-front-geometry{height:31.1mm!important}
.employee-id-card.wdl-reference-exact.wdl-id-back{background:#082f57!important}
.wdl-reference-exact .wdl-id-back-content{top:9.6mm!important;left:3mm!important;width:47.98mm!important;height:73mm!important}
.wdl-reference-exact .wdl-id-back-content>*{position:absolute!important;margin:0!important}
.wdl-reference-exact .wdl-id-back-title{top:2.6mm!important;left:0!important;width:47.98mm!important}
.wdl-reference-exact .wdl-id-back-content>.wdl-id-divider:first-of-type{top:7mm!important;left:5.69mm!important}
.wdl-reference-exact .wdl-id-back-expiry{top:11.7mm!important;left:0!important;width:47.98mm!important}
.wdl-reference-exact .wdl-id-back-qr{top:20.5mm!important;left:15.44mm!important;margin:0!important}
.wdl-reference-exact .wdl-id-back-return{top:41mm!important;left:4.24mm!important;width:39.5mm!important}
.wdl-reference-exact .wdl-id-back-return+.wdl-id-divider{top:48.5mm!important;left:5.69mm!important}
.wdl-reference-exact .wdl-id-back-website{top:53mm!important;left:0!important;width:47.98mm!important}
.wdl-reference-exact .wdl-id-back-signature{top:58.2mm!important;left:2.74mm!important;margin:0!important}
.wdl-reference-exact .wdl-id-back-qr{width:17.1mm!important;height:17.1mm!important}
.wdl-reference-exact .wdl-id-signature-empty{display:block;width:31mm;height:6mm;margin:1mm auto 0}