/* BidX digital Agent ID card: 3D flip, download actions and print layout. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

#agent-id-locked[hidden],#approved-id[hidden]{display:none}
.id-card-stage{overflow-x:clip;margin:0 -18px;padding:6px 18px 22px}
.id-card{display:block;position:relative;width:100%;max-width:460px;margin:0 auto;aspect-ratio:85.6/53.98;border:0;border-radius:3.74%/5.93%;background:none;padding:0;cursor:pointer;perspective:1600px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.id-card:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.id-card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.7,.2,1)}
.id-card.is-flipped .id-card-inner{transform:rotateY(180deg)}
.id-card-face{position:absolute;inset:0;overflow:hidden;border-radius:3.74%/5.93%;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 18px 36px rgba(13,76,54,.22),0 3px 8px rgba(13,76,54,.12)}
.id-card-front{background:#0d4c36}
.id-card-back{background:#f7f8f1;transform:rotateY(180deg)}
.id-card-face img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
@media (prefers-reduced-motion:reduce){.id-card-inner{transition-duration:.2s}}

.id-flip-row{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:460px;margin:-6px auto 0}
.id-flip-hint{margin:0;color:var(--muted);font-size:11px}
.id-side-toggle{border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 13px;color:var(--green-dark);font:700 11px "DM Sans",sans-serif;cursor:pointer}

.id-downloads{max-width:460px;margin:18px auto 12px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:15px}
.id-downloads h3{margin:0 0 11px;color:var(--green-dark);font:800 11px "Manrope",sans-serif;letter-spacing:.12em}
.id-download-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.id-download-grid button{display:grid;gap:3px;min-height:62px;border:1px solid var(--line);border-radius:14px;background:#f7f8f3;padding:11px 12px;color:var(--ink);text-align:left;cursor:pointer}
.id-download-grid button b{font:800 12.5px "Manrope",sans-serif}
.id-download-grid button small{color:var(--muted);font-size:10px}
.id-download-grid button:active{transform:scale(.98)}
.id-download-grid button[data-id-export="pdf"]{border-color:transparent;background:var(--green-dark);color:#fff}
.id-download-grid button[data-id-export="pdf"] small{color:#b9d6c6}
.id-download-status{min-height:1em;margin:10px 0 0;color:var(--green-dark);font-size:11px}
#approved-id .id-verification-note{max-width:460px;margin:0 auto}

#id-print-sheet{display:none}
@media print{
  html.id-printing body>*{display:none!important}
  html.id-printing body>#id-print-sheet{display:block!important}
  html.id-printing,html.id-printing body{background:#fff!important;margin:0!important;padding:0!important}
  #id-print-sheet img{display:block;width:85.6mm;height:53.98mm;margin:0 auto;break-after:page;page-break-after:always;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #id-print-sheet img:last-child{break-after:auto;page-break-after:auto}
}