/* ID-1 card, including its border: 85.60 x 53.98 mm. */
.badge-card{box-sizing:border-box;width:85.6mm;height:53.98mm;padding:3mm 4mm;border:.2mm solid #777;border-radius:3mm;background:#fff;color:#000;font-family:Arial,sans-serif;overflow:hidden;break-inside:avoid}
.badge-brand{font:4.2mm Georgia,serif;letter-spacing:.8mm;text-align:center;height:5mm;line-height:5mm}
.badge-brand span{font:1.6mm Arial,sans-serif;letter-spacing:.6mm;vertical-align:middle;margin-left:1.5mm}
.badge-purpose{text-align:center;font-size:1.8mm;line-height:3mm;letter-spacing:.7mm;height:3mm;margin-bottom:1mm}
.badge-name{font-size:4.4mm;font-weight:bold;text-align:center;line-height:1.1;height:11mm;display:block;overflow-wrap:anywhere;overflow:hidden;padding:.5mm 0;margin:0 0 1mm}
.badge-barcode{background:#fff;width:100%;line-height:0}
.badge-barcode .staff-barcode{display:block;width:100%;min-width:0;max-width:100%;height:auto;image-rendering:auto}
.badge-number{font-family:Arial,sans-serif;text-align:center;color:#000;font-size:2.7mm;line-height:4mm;letter-spacing:.35mm;margin:0;white-space:nowrap}
.badge-print-page{margin:0;background:#edf0f4;color:#14254a;font-family:Arial,sans-serif}
.print-toolbar{box-sizing:border-box;width:210mm;max-width:100%;margin:24px auto;padding:0 20px}
.print-toolbar h1{font:28px Georgia,serif;margin:0 0 14px}
.print-toolbar p{font-size:14px;line-height:1.6}
.print-buttons{display:flex;justify-content:space-between;margin:20px 0;gap:16px}
.print-buttons button{font:600 14px Arial,sans-serif;padding:12px 22px;border:1px solid #98a2b3;border-radius:5px;background:white;cursor:pointer}
.print-buttons #badge-print{background:#d7b56d;color:#14254a;border-color:#d7b56d}
.print-buttons button:disabled{opacity:.5;cursor:wait}
.badge-sheet{box-sizing:border-box;width:210mm;min-height:297mm;padding:12mm;margin:0 auto 24px;background:#fff;color:#000;box-shadow:0 2px 12px #0002}
@page{size:A4 portrait;margin:12mm}
@media print{
  html,body{margin:0!important;padding:0!important;min-height:0!important;height:auto!important;background:#fff!important}
  .print-toolbar{display:none!important}
  .badge-sheet{width:auto;min-height:0;height:auto;padding:0;margin:0;box-shadow:none}
  .badge-card{print-color-adjust:exact;-webkit-print-color-adjust:exact;break-inside:avoid;page-break-inside:avoid}
}