/* Bilingual small labels on the live card */
.dct-bilingual-mini{
  display:block;
  margin-top:4px;
  font-size:12px;
  color:#7b7b7b;
  font-weight:700;
}
.dct-bilingual-inline{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  margin-top:10px;
}
.dct-bilingual-inline .tag{
  background:#f8f5f1;
  border:1px solid rgba(97,97,97,.12);
  color:#616161;
  border-radius:999px;
  padding:5px 10px;
  font-size:12px;
  font-weight:800;
}
.dct-card-actions .dct-btn-bilingual-id{
  background:linear-gradient(135deg,#2a2f45,#5f6ea8) !important;
  color:#fff !important;
  border-radius:22px !important;
  padding:14px 18px !important;
  min-width:210px !important;
  font-weight:900 !important;
  box-shadow:0 10px 24px rgba(42,47,69,.18) !important;
}

/* Hidden export composition */
.dct-bilingual-export-wrap{
  position:fixed;
  left:-99999px;
  top:-99999px;
  width:1120px;
  z-index:-1;
  pointer-events:none;
}
.dct-bilingual-sheet{
  width:1120px;
  background:#ffffff;
  padding:20px;
}
.dct-id-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.dct-id-card{
  background:#fff;
  border:2px solid rgba(146,55,45,.12);
  border-radius:32px;
  overflow:hidden;
  box-shadow:0 16px 40px rgba(30,30,30,.08);
  min-height:620px;
}
.dct-id-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:22px 24px;
  background:linear-gradient(135deg,#fbf8f3,#fff);
  border-bottom:1px solid rgba(97,97,97,.12);
}
.dct-id-brand{
  display:flex;
  align-items:center;
  gap:12px;
}
.dct-id-brand img{
  width:56px;
  height:56px;
  object-fit:contain;
  background:#fff;
  border-radius:12px;
}
.dct-id-brand strong{
  display:block;
  color:#92372D;
  font-size:20px;
  line-height:1.25;
}
.dct-id-brand small{
  display:block;
  color:#616161;
  font-size:13px;
  line-height:1.25;
}
.dct-id-badge{
  display:inline-flex;
  border-radius:999px;
  background:#92372D;
  color:#fff;
  padding:9px 14px;
  font-size:14px;
  font-weight:900;
}
.dct-id-main{
  display:grid;
  grid-template-columns:120px 1fr 128px;
  gap:16px;
  align-items:center;
  padding:24px;
}
.dct-id-photo{
  width:120px;
  height:120px;
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(150,218,247,.35),rgba(196,154,108,.25));
  display:grid;
  place-items:center;
  color:#92372D;
  font-size:48px;
  font-weight:900;
}
.dct-id-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.dct-id-info h2{
  margin:0 0 8px;
  font-size:32px;
  line-height:1.2;
  color:#92372D;
}
.dct-id-info h2 .en{
  display:block;
  color:#555;
  font-size:19px;
  font-weight:700;
  margin-top:4px;
}
.dct-id-role{
  margin:0;
  color:#333;
  font-size:20px;
  font-weight:900;
}
.dct-id-role .en{
  display:block;
  color:#666;
  font-size:15px;
  font-weight:700;
  margin-top:4px;
}
.dct-id-org{
  margin:8px 0 0;
  color:#666;
  font-size:15px;
  font-weight:700;
}
.dct-id-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.dct-id-meta .pill{
  display:inline-flex;
  flex-direction:column;
  gap:2px;
  background:#f8f5f1;
  border-radius:14px;
  padding:8px 10px;
  color:#444;
  font-size:13px;
  font-weight:800;
}
.dct-id-meta .pill .en{
  color:#8a8a8a;
  font-size:11px;
  font-weight:700;
}
.dct-id-qr{text-align:center}
.dct-id-qr img{
  width:112px;
  height:112px;
  background:#fff;
  border:1px solid rgba(97,97,97,.18);
  border-radius:14px;
  padding:6px;
}
.dct-id-qr small{
  display:block;
  margin-top:6px;
  color:#666;
  font-size:13px;
  font-weight:800;
}
.dct-id-bottom{
  padding:0 24px 24px;
}
.dct-id-contact{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.dct-id-contact .contact{
  display:inline-flex;
  flex-direction:column;
  gap:2px;
  background:#eefaf2;
  border:1px solid rgba(18,140,76,.16);
  border-radius:999px;
  padding:10px 14px;
  color:#166534;
  font-size:14px;
  font-weight:900;
}
.dct-id-contact .contact .en{
  color:#26734b;
  font-size:11px;
  font-weight:700;
}
.dct-id-note{
  margin-top:18px;
  color:#7a7a7a;
  font-size:13px;
  font-weight:700;
}

/* English face */
.dct-id-card.en-face{direction:ltr}
.dct-id-card.en-face .dct-id-top{flex-direction:row}
.dct-id-card.en-face .dct-id-main{grid-template-columns:128px 1fr 120px}
.dct-id-card.en-face .dct-id-info{text-align:left}
.dct-id-card.en-face .dct-id-meta .pill,
.dct-id-card.en-face .dct-id-contact .contact{align-items:flex-start}
.dct-id-card.en-face .dct-id-note{text-align:left}