@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@600;700;800;900&family=Tajawal:wght@500;700;800;900&display=swap');
.qbrid-card,.qbrid-card *{box-sizing:border-box!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
.qbrid-card{width:85.6mm!important;min-width:85.6mm!important;max-width:85.6mm!important;height:53.98mm!important;min-height:53.98mm!important;max-height:53.98mm!important;display:block!important;position:relative!important;overflow:hidden!important;isolation:isolate;direction:rtl;padding:0!important;margin:0!important;border:.25mm solid #dbb351!important;border-radius:2.6mm!important;background:#031525!important;color:#f4d67e!important;box-shadow:0 .7mm 2mm #00111b44!important;font-family:'Tajawal',sans-serif!important}
.qbrid-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;max-width:none!important;pointer-events:none;z-index:0;display:block}
.qbrid-frontHead,.qbrid-backHead{position:relative;z-index:1;height:11.7mm;display:flex;align-items:center;justify-content:center;padding:1mm 4mm 0;background:transparent!important;border:0!important}
html body .qbrid-card .qbrid-factoryLine{font-family:'Cairo',sans-serif!important;font-size:4.7mm!important;font-weight:900!important;line-height:1.4!important;color:#f0cb71!important;text-shadow:0 .25mm .1mm #906422,0 .55mm .65mm #000!important;white-space:nowrap!important}
.qbrid-frontBody{height:35.1mm;padding:1.25mm 2.8mm .7mm;display:grid;grid-template-columns:23mm minmax(0,1fr);gap:1.8mm;direction:ltr;position:relative;z-index:1}
.qbrid-photoWrap{height:33.1mm;position:relative;padding:1.8mm!important;overflow:hidden;clip-path:polygon(12% 0,88% 0,100% 9%,100% 91%,88% 100%,12% 100%,0 91%,0 9%);background:linear-gradient(135deg,#ffeba0,#a76a18 17%,#ffefb0 28%,#0aa7da 31%,#041a2b 34%,#e5b44f 37%,#fff1ac 61%,#a56b1a 75%,#16c8f5 79%,#fff1b0 90%)!important;filter:drop-shadow(0 0 .35mm #12d9f3)}
.qbrid-photoWrap:before{content:'';position:absolute;inset:1mm;border:.25mm solid #17d5ff;clip-path:polygon(12% 0,88% 0,100% 9%,100% 91%,88% 100%,12% 100%,0 91%,0 9%);pointer-events:none}
.qbrid-photo,.qbrid-photoFallback{width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;max-height:none!important;display:block!important;object-fit:cover!important;object-position:center 35%;background:linear-gradient(120deg,#e3edf2,#c7d7e1)!important;clip-path:polygon(12% 0,88% 0,100% 9%,100% 91%,88% 100%,12% 100%,0 91%,0 9%);border:0!important;border-radius:0!important;margin:0!important;padding:0!important}
.qbrid-photoFallback{display:flex!important;align-items:center;justify-content:center;font-size:12mm;color:#075fa4}
.qbrid-frontData{direction:rtl;display:grid;grid-template-rows:8mm 6.9mm 9.1mm 6.1mm;gap:.8mm;min-width:0;padding:0}
.qbrid-dataRow,.qbrid-backLine{display:grid;grid-template-columns:17mm minmax(0,1fr);gap:0;align-items:stretch;min-width:0;overflow:hidden;border:.17mm solid #dfbd62!important;clip-path:polygon(1.8mm 0,calc(100% - 1mm) 0,100% 1mm,100% calc(100% - 1mm),calc(100% - 1mm) 100%,1.8mm 100%,0 calc(100% - 1.2mm),0 1.2mm);background:linear-gradient(115deg,#fafcfd,#dcecf5)!important;padding:0!important;line-height:1.2;direction:rtl}
html body .qbrid-card :is(.qbrid-dataLabel,.qbrid-backLabel){font-family:'Cairo',sans-serif!important;font-size:1.85mm!important;font-weight:800!important;color:#f2d77d!important;white-space:nowrap!important;display:flex;align-items:center;justify-content:flex-start;gap:.65mm;padding:.3mm .7mm;background:linear-gradient(105deg,#093b57,#041622)!important;border-inline-end:.2mm solid #e0b953;clip-path:polygon(0 1mm,1.2mm 0,100% 0,100% 100%,1.2mm 100%,0 calc(100% - 1mm))}
html body .qbrid-card :is(.qbrid-dataLabel,.qbrid-backLabel) b{font:inherit!important;color:inherit!important}
.qbrid-icon{width:2.6mm!important;height:2.6mm!important;min-width:2.6mm!important;max-height:none!important;display:inline-block!important;vertical-align:middle;flex-shrink:0;color:inherit!important;overflow:visible!important}
.qbrid-dataValue{font-size:2.55mm!important;font-weight:800!important;color:#06243e!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.2!important;min-width:0;padding:.6mm .7mm;display:flex;align-items:center;justify-content:center;text-align:center}
.qbrid-nameRow .qbrid-dataValue{font-size:2.75mm!important;font-weight:900!important}.qbrid-governorateRow .qbrid-dataValue{font-size:2.15mm!important}.qbrid-codeRow .qbrid-dataValue{direction:ltr!important;text-align:center;font-size:1.95mm!important}
.qbrid-foot{position:absolute;z-index:1;bottom:1.5mm;left:3mm;right:3mm;height:4.9mm;padding:.5mm 1.5mm;display:flex;gap:1mm;align-items:center;justify-content:space-between;font-size:1.85mm!important;color:#fff!important;background:transparent!important}
.qbrid-footerStatus{font-size:1.3mm!important;max-width:28mm;text-align:center;line-height:1.2}
.qbrid-backBody{height:41.7mm;padding:1.1mm 3mm 0;position:relative;z-index:1}
.qbrid-backgrid{direction:ltr;display:grid;grid-template-columns:22mm minmax(0,1fr);gap:1.7mm;align-items:start}
.qbrid-qr{width:22mm!important;height:22mm!important;padding:1.35mm;background:white!important;border:.5mm solid #e8c876!important;clip-path:polygon(1.6mm 0,calc(100% - 1.6mm) 0,100% 1.6mm,100% calc(100% - 1.6mm),calc(100% - 1.6mm) 100%,1.6mm 100%,0 calc(100% - 1.6mm),0 1.6mm);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 .2mm #12d9f3}
.qbrid-qr :is(svg,img,canvas){width:18.6mm!important;height:18.6mm!important;max-height:none!important;display:block!important;object-fit:contain!important;margin:0!important}
.qbrid-backtext{direction:rtl;display:grid;gap:.75mm;min-width:0}.qbrid-backLine{min-height:4.65mm;grid-template-columns:18mm minmax(0,1fr);padding:0!important}
.qbrid-backValue{color:#06243e!important;font-weight:800!important;font-size:2.2mm!important;line-height:1.2!important;overflow-wrap:anywhere;white-space:normal!important;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:.5mm .5mm}.qbrid-backLine.qbrid-governorateRow .qbrid-backValue{font-size:1.95mm!important}
.qbrid-nationalRow .qbrid-backValue,.qbrid-cardnum .qbrid-backValue{direction:ltr!important;text-align:center;white-space:nowrap!important;font-size:2.15mm!important;font-family:'Tajawal',sans-serif!important}.qbrid-cardnum .qbrid-backValue{font-size:1.85mm!important}
.qbrid-privacy{position:absolute;left:3mm;right:3mm;bottom:11.5mm;height:4.4mm;display:flex;align-items:center;justify-content:center;border:.18mm solid #daba71!important;clip-path:polygon(1mm 0,calc(100% - 1mm) 0,100% 1mm,100% calc(100% - 1mm),calc(100% - 1mm) 100%,1mm 100%,0 calc(100% - 1mm),0 1mm);color:#fff!important;background:#031525!important;font-size:1.65mm!important;white-space:nowrap!important}
.qbrid-barcode{position:absolute;left:3mm;right:3mm;bottom:2.4mm;height:8mm;padding:.6mm 1.3mm;background:white!important;border:.35mm solid #daba71!important;clip-path:polygon(1mm 0,calc(100% - 1mm) 0,100% 1mm,100% calc(100% - 1mm),calc(100% - 1mm) 100%,1mm 100%,0 calc(100% - 1mm),0 1mm)}.qbrid-barcode svg{width:100%!important;height:6.3mm!important;max-height:none!important;display:block}
.employee-card-pair{display:grid;gap:8mm;justify-content:center;margin:8mm auto}.cardPage{width:85.6mm;height:53.98mm;margin:0}
.qbrid-wrap{padding:12px!important;overflow:auto!important}.qbrid-title{font-family:Cairo,sans-serif;text-align:center;color:#123653}.qbrid-toolbar{position:sticky;top:0;z-index:10;background:#041a30;color:white;padding:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:Tajawal,sans-serif}.qbrid-toolbar button{padding:10px;border:0;border-radius:6px;cursor:pointer}.qbrid-error{padding:24px;text-align:center;color:#902020;background:#fff}
.idSheet{width:210mm!important;height:297mm!important;box-sizing:border-box!important;padding:5mm!important;display:flex!important;justify-content:center;align-items:center;margin:0 auto 8mm!important;background:#fff!important;break-after:page;page-break-after:always;direction:ltr}.idSheet:last-child{break-after:auto;page-break-after:auto}
.idSheetGrid{display:grid!important;grid-template-columns:repeat(2,85.6mm)!important;grid-template-rows:repeat(5,53.98mm)!important;gap:3mm!important;direction:ltr;width:174.2mm!important;height:281.9mm!important}.cardSlot{width:85.6mm!important;height:53.98mm!important;outline:.1mm dashed #bbb;outline-offset:.7mm;position:relative}
@page{size:A4 portrait;margin:0}
@media screen and (max-width:800px){.idSheet{transform-origin:top left}.qbrid-toolbar{position:relative!important}.qbrid-toolbar .note{font-size:12px}.qbrid-title{font-size:18px}}
@media print{html,html body{margin:0!important;padding:0!important;background:white!important;width:210mm!important;min-width:210mm!important;max-width:210mm!important;height:auto!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}body:before{display:none!important}.qbrid-toolbar,.qbrid-title,.card-print-toolbar,.employee-card-actions,#qbr-navigation{display:none!important}.qbrid-wrap,html body #root,html body #card{margin:0!important;padding:0!important;width:210mm!important;max-width:none!important;overflow:visible!important}.idSheet{margin:0!important;box-shadow:none!important}.qbrid-card{box-shadow:none!important}.employee-card-pair{margin:0!important}}

:is(#watenza-typography,html):is(#watenza-typography,html) body .qbrid-card :is(.qbrid-factoryLine,.qbrid-dataLabel,.qbrid-backLabel){font-family:'Cairo',sans-serif!important}