/* /emergency-contact-card-maker only: the wallet card preview, drawn at
   ISO/IEC 7810 ID-1 size (85.60 x 53.98 mm) and printed at exactly that
   size. Scoped under #iceApp, except the print rules, which must hide
   the rest of the page. */
#iceApp .ice-cards { display: flex; flex-wrap: wrap; gap: 14px; }
#iceApp .ice-card { width: 85.6mm; max-width: 100%; min-height: 53.98mm; border: 1px solid var(--bm-line); border-radius: 3mm; padding: 4mm 5mm; background: var(--bm-bg); box-sizing: border-box; font-size: 8.4pt; line-height: 1.35; overflow-wrap: anywhere; }
#iceApp .ice-kicker { font-size: 7pt; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin: 0 0 1mm; color: var(--bm-ink-3); }
#iceApp .ice-name { font-size: 12pt; font-weight: 700; margin: 0 0 2mm; }
#iceApp .ice-line { display: flex; gap: 2mm; margin-bottom: 1mm; }
#iceApp .ice-line dt { flex: 0 0 26mm; color: var(--bm-ink-3); margin: 0; }
#iceApp .ice-line dd { margin: 0; flex: 1 1 auto; min-width: 0; }
#iceApp .ice-line.is-contact dd { font-weight: 700; }
#iceApp .ice-line.is-strong dd { font-weight: 700; }
#iceApp .ice-face { flex: 0 1 85.6mm; min-width: 0; max-width: 100%; }
#iceApp .ice-face > p { font-size: .72rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--bm-ink-3); margin: 0 0 4px; }
#iceApp .ice-foot { margin-top: 2mm; font-size: 6.5pt; color: var(--bm-ink-3); }

@media print {
    #iceApp .xt-pane-in, #iceApp .xt-pane-title, #iceApp #iceFindings, #iceApp #icePrivacy,
    #iceApp #iceActions, #iceApp #iceSize, #iceApp .xt-empty, #iceApp .ice-face > p { display: none !important; }
    #iceApp .ice-card { border: 1px solid #000; page-break-inside: avoid; background: #fff; color: #000; }
    #iceApp .ice-kicker, #iceApp .ice-line dt, #iceApp .ice-foot { color: #333; }
}
@media (forced-colors: active) { #iceApp .ice-card { border: 1px solid CanvasText; } }
