/* ID Card Register frontend */
.icr-registration{max-width:900px;margin:20px auto;padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.05)}
.icr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.icr-field.full{grid-column:1/-1}
.icr-field label{display:block;font-weight:600;margin-bottom:6px}
.icr-field input,.icr-field textarea,.icr-field select{width:100%;box-sizing:border-box;padding:10px;border:1px solid #cbd5e1;border-radius:7px}
.icr-field textarea{min-height:90px}
.icr-submit,.icr-print-controls button{border:0;border-radius:7px;padding:11px 18px;background:#123b6d;color:#fff;cursor:pointer}
.icr-print-controls button:disabled{opacity:.6;cursor:default}
.icr-notice{padding:12px;margin:15px 0;border-radius:7px}.icr-notice.success{background:#ecfdf5;color:#065f46}.icr-notice.error{background:#fef2f2;color:#991b1b}
.icr-public-card-page{background:#f1f5f9;padding:30px;text-align:center}
.icr-print-controls{margin-top:18px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.icr-print-controls button{background:#123b6d}

.icr-card-pair{display:flex;flex-wrap:wrap;gap:6mm;justify-content:center;align-items:flex-start}

/* Card canvas: everything inside is absolutely positioned relative to this box */
.icr-card{width:54mm;height:85.6mm;box-sizing:border-box;position:relative;overflow:hidden;margin:0 auto;background:var(--icr-card-bg);color:var(--icr-text);font-family:var(--icr-font);border:0.25mm solid var(--icr-border);border-radius:var(--icr-radius);box-shadow:0 3px 18px rgba(15,23,42,.15);background-repeat:no-repeat}

.icr-card-header{position:absolute;top:0;left:0;right:0;height:var(--icr-header,17%);background:var(--icr-primary)}
.icr-card-footer{position:absolute;bottom:0;left:0;right:0;height:var(--icr-footer,10%);background:var(--icr-secondary)}
.icr-org{position:absolute;left:14mm;right:2mm;top:2.2mm;color:#fff;line-height:1.15}
.icr-org span{display:block;font-size:3.2mm;font-weight:800;text-transform:uppercase}
.icr-org small{display:block;font-size:1.9mm;font-weight:600;opacity:.9;margin-top:.6mm;letter-spacing:.2mm}
.icr-footer-text{position:absolute;left:2.5mm;right:2.5mm;bottom:1.4mm;display:flex;align-items:center;justify-content:space-between;gap:2mm;color:#fff}
.icr-footer-text span{font-size:2.4mm;font-weight:800}
.icr-footer-text small{font-size:1.5mm;text-align:right}

/* Draggable/resizable elements: position driven by --x/--y/--w/--h set inline per element */
.icr-el{position:absolute;box-sizing:border-box}
.icr-logo-el{background:#fff;border-radius:1mm;padding:.6mm;display:flex;align-items:center;justify-content:center;overflow:hidden}
.icr-logo-el img{max-width:100%;max-height:100%;object-fit:contain}
.icr-el-placeholder{font-size:1.8mm;color:#94a3b8;font-weight:700}
.icr-photo{border:.5mm solid var(--icr-primary);border-radius:1.5mm;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#e2e8f0;color:#64748b;font-size:2mm;font-weight:700}
.icr-photo img{width:100%;height:100%;object-fit:cover}
.icr-person{text-align:center;font-size:var(--icr-name-size);font-weight:800;line-height:1.05;text-transform:uppercase;overflow:hidden}
.icr-info{overflow:visible}
.icr-line{display:flex;gap:1mm;font-size:var(--icr-body);line-height:1.3;margin:.7mm 0;border-bottom:.15mm solid rgba(100,116,139,.15);padding-bottom:.45mm}
.icr-line span{width:32%;color:var(--icr-muted);font-size:var(--icr-label)}
.icr-line b{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.icr-address{font-size:1.9mm;color:var(--icr-muted);line-height:1.15;margin-top:1mm;max-height:7mm;overflow:hidden}
.icr-qr{background:#fff}
.icr-barcode-wrap{text-align:center}
.icr-barcode{width:100%!important;height:100%!important;display:block}

.icr-card.minimal .icr-card-header{background:transparent;border-bottom:.6mm solid var(--icr-primary)}
.icr-card.minimal .icr-org{color:var(--icr-primary)}
.icr-card.minimal .icr-card-footer{background:var(--icr-primary)}
.icr-card.institutional .icr-card-header{background:var(--icr-secondary)}
.icr-card.institutional .icr-photo{border-color:var(--icr-accent)}

/* Back of card */
.icr-card-back .icr-back-body{position:absolute;top:0;left:0;right:0;bottom:var(--icr-footer,10%);padding:3mm;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}
.icr-back-title{font-weight:800;font-size:2.6mm;text-transform:uppercase;color:var(--icr-primary);margin-bottom:1.2mm}
.icr-back-text{font-size:var(--icr-body);line-height:1.35;color:var(--icr-text);margin-bottom:2mm}
.icr-back-contact{font-size:var(--icr-label);color:var(--icr-muted);line-height:1.3;margin-bottom:2mm;white-space:pre-line}
.icr-back-line{display:flex;gap:1mm;font-size:var(--icr-body);margin:1mm 0}
.icr-back-line span{width:38%;color:var(--icr-muted);font-size:var(--icr-label)}
.icr-back-line b{flex:1}
.icr-card-back .icr-barcode-wrap{margin:1.5mm 0}
.icr-card-back .icr-barcode{height:9mm!important;width:100%!important}
.icr-signature{margin-top:auto;text-align:center;padding-top:2mm}
.icr-sig-line{display:block;border-top:.3mm solid var(--icr-muted);width:70%;margin:0 auto 1mm}
.icr-signature small{font-size:1.7mm;color:var(--icr-muted)}

@media(max-width:650px){.icr-form-grid{grid-template-columns:1fr}.icr-field.full{grid-column:auto}}
@media print{
 body{background:#fff!important}
 body>*:not(.icr-public-card-page){display:none!important}
 .icr-public-card-page{padding:0!important;background:#fff!important}
 .icr-card{box-shadow:none!important;margin:0!important}
 .icr-card-pair{display:block}
 .icr-card-pair>.icr-card:first-child{page-break-after:always}
 .icr-print-controls{display:none!important}
 @page{size:54mm 85.6mm;margin:0}
}