/* ============================================================
   DRGTL certificate card v2 — original design, exact mm layout
   Front: .c2   Back: .c2b   (ATM card 86 x 54 mm)
   ============================================================ */
.c2, .c2b { position: relative; background: #fff; overflow: hidden; font-family: Arial, Helvetica, sans-serif;
  text-align: left; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.c2 *, .c2b * { margin: 0; padding: 0; box-sizing: border-box; }

.c2-wm { position: absolute; left: 50%; top: 57%; transform: translate(-50%, -50%); pointer-events: none; }

/* ---- header ---- */
.c2-hdr { position: absolute; top: 1.1mm; left: 2mm; right: 2mm; height: 10mm; display: flex; align-items: center; gap: 1.5mm; }
.c2-logo { height: 9.2mm; max-width: 12mm; object-fit: contain; flex: none; }
.c2-titles { flex: 1; text-align: center; line-height: 1.16; min-width: 0; }
.c2-title { font-weight: 800; letter-spacing: 0.04mm; white-space: nowrap; }
.c2-reg { font-size: 55%; vertical-align: super; }
.c2-iso { font-weight: 700; margin-top: 0.3mm; letter-spacing: 0.08mm; }
.c2-addr { font-weight: 600; margin-top: 0.2mm; letter-spacing: 0.02mm; }

/* gold seal */
.c2-seal { flex: none; width: 8mm; height: 8mm; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #f7e7b0 0%, #e3bc5f 45%, #c99a35 75%, #a87c22 100%);
  box-shadow: inset 0 0 0 0.28mm #8a6a1e, inset 0 0 0 0.75mm rgba(255, 248, 224, 0.55);
  display: flex; flex-direction: column; align-items: center; justify-content: center; }
.c2-seal .s1 { font-size: 1.35mm; font-weight: 800; color: #6d4c0a; letter-spacing: 0.18mm; }
.c2-seal .s2 { font-size: 0.78mm; font-weight: 700; color: #7d5c14; letter-spacing: 0.12mm; margin-top: 0.15mm; }

/* ---- report title band ---- */
.c2-band { position: absolute; top: 11.7mm; left: 0; right: 0; height: 3.8mm;
  display: flex; align-items: center; justify-content: space-between; padding: 0 2.2mm; }
.c2-band .bt { font-size: 1.9mm; font-weight: 700; letter-spacing: 0.28mm; }
.c2-band .bn { font-size: 2.1mm; font-weight: 800; letter-spacing: 0.1mm; font-family: 'Segoe UI', Arial, sans-serif; }

/* ---- fields ---- */
.c2-body { position: absolute; top: 16.5mm; left: 2.1mm; width: 52.6mm; bottom: 7.6mm; overflow: hidden; }
.c2-row { display: flex; }
.c2-lb { width: 22mm; flex: none; font-weight: 700; letter-spacing: 0.005mm; white-space: nowrap; overflow: hidden; align-self: baseline; }
.c2-cl { width: 1.8mm; flex: none; font-weight: 700; }
.c2-vl { flex: 1; font-weight: 600; overflow-wrap: break-word; min-width: 0; }

/* ---- right rail ---- */
.c2-rail { position: absolute; left: 56mm; right: 1.8mm; top: 16.9mm; text-align: center; }
.c2-phf { width: 12.8mm; height: 12.8mm; margin: 0 auto; border: 0.2mm solid #d8d0c6; border-radius: 0.7mm;
  background: #fff; display: flex; align-items: center; justify-content: center; }
.c2-phf img { max-width: 12mm; max-height: 12mm; object-fit: contain; }
.c2-pin { margin-top: 0.7mm; font-size: 1.9mm; font-weight: 800; letter-spacing: 0.12mm; }
.c2-qr { display: block; margin: 0.7mm auto 0; width: 9.9mm; height: 9.9mm; }
.c2-scan { margin-top: 0.35mm; font-size: 1.2mm; font-weight: 700; color: #8a7a6d; letter-spacing: 0.22mm; }

/* ---- footer ---- */
.c2-foot { position: absolute; bottom: 1.1mm; left: 2.1mm; right: 2.1mm; height: 5.8mm; }
.c2-micro { position: absolute; top: -1.15mm; left: 0; right: 0; height: 1.1mm; overflow: hidden; white-space: nowrap;
  font-size: 1.02mm; font-weight: 700; color: #cfc0ae; letter-spacing: 0.34mm; }
.c2-frow { position: absolute; left: 0; right: 0; bottom: 0; display: flex; justify-content: flex-start; align-items: flex-end; gap: 1.6mm; }
.c2-date { flex: none; width: 15mm; }
.c2-date .dl { font-size: 1.2mm; font-weight: 700; color: #8a7a6d; letter-spacing: 0.18mm; }
.c2-date .dv { font-size: 1.8mm; font-weight: 800; margin-top: 0.2mm; }
.c2-vnote { flex: 1; max-width: 23.5mm; font-size: 1.28mm; font-weight: 600; color: #6b5b4d; text-align: center; line-height: 1.35; }
.c2-sig { flex: none; width: 21mm; margin-right: 12.6mm; position: relative; height: 5.8mm; text-align: center; }
.c2-stamp { position: absolute; left: 50%; bottom: 2.1mm; transform: translateX(-50%) rotate(-8deg);
  width: 10.8mm; height: 10.8mm; opacity: 0.8; pointer-events: none; }
.c2-sigimg { position: absolute; left: 50%; bottom: 1.7mm; transform: translateX(-46%);
  height: 4.2mm; max-width: 19mm; object-fit: contain; }
.c2-sigline { position: absolute; left: 50%; bottom: 1.9mm; transform: translateX(-50%);
  border-top: 0.2mm solid #9a8b7c; width: 15mm; }
.c2-sigcap { position: absolute; left: 0; right: 0; bottom: 0; font-size: 1.28mm; font-weight: 700; color: #6b5b4d; letter-spacing: 0.05mm; }