/* ============================================================
   MUIY — Emergency card (sheet, entry row, print document)
   ============================================================ */

/* ---------- in-app card ---------- */
.em-card{
  background:var(--surface); border:2px solid var(--blood); border-radius:var(--r-lg);
  padding:16px 16px 8px; margin-bottom:14px; box-shadow:var(--sh-sm);
}
.em-head{ display:flex; align-items:center; gap:12px; padding-bottom:12px; border-bottom:1.5px solid var(--hairline); margin-bottom:4px; }
.em-name{ font-weight:800; font-size:17px; letter-spacing:-.01em; }
.em-sub{ font-size:12px; color:var(--ink-3); font-weight:600; margin-top:2px; }
.em-blood{
  flex:none; min-width:56px; text-align:center; background:var(--blood); color:#fff;
  font-weight:800; font-size:20px; letter-spacing:.02em; border-radius:14px; padding:10px 12px;
}
.em-fact{ display:flex; gap:12px; padding:9px 0; border-bottom:1.5px solid var(--hairline); align-items:baseline; }
.em-fact:last-child{ border-bottom:none; }
.em-fact-k{ flex:none; width:104px; font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-3); }
.em-fact-v{ font-size:13.5px; font-weight:600; color:var(--ink); min-width:0; overflow-wrap:anywhere; }

/* ---------- entry row (Today / Me) ---------- */
.em-row-entry{
  display:flex; align-items:center; gap:12px; width:100%;
  padding:12px 14px; margin-bottom:14px; text-align:left;
  border-left:4px solid var(--blood);
}
.em-row-ic{
  width:36px; height:36px; flex:none; border-radius:11px; background:var(--blood);
  display:grid; place-items:center;
}

/* ---------- print document ---------- */
#em-print-root{ display:none; }
@media print{
  html, body{ background:#fff !important; height:auto !important; overflow:visible !important; }
  #root, body > .desk, .twk-panel, .toast, .sheet-backdrop, .dialog-backdrop,
  #tc-print-root, #donor-print-root{ display:none !important; }
  #em-print-root{ display:block !important; position:static !important;
    font-family:'Manrope', system-ui, sans-serif; color:#1d2430; }
  @page{ size:A4; margin:14mm; }
  .em-print-card{
    width:105mm; border:2.2px solid #E5484D; border-radius:6mm; padding:7mm 7mm 5mm;
  }
  .em-print-head{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:4mm; }
  .em-print-brand{ font-weight:800; color:#FC6B05; font-size:11pt; letter-spacing:.04em; }
  .em-print-title{ font-weight:800; font-size:8pt; letter-spacing:.08em; color:#E5484D; }
  .em-print-name{ font-weight:800; font-size:14pt; margin-bottom:2mm; }
  .em-print-blood{
    display:inline-block; background:#E5484D; color:#fff; font-weight:800; font-size:16pt;
    border-radius:3mm; padding:1.5mm 4mm; margin-bottom:4mm;
  }
  .em-print-table{ width:100%; border-collapse:collapse; font-size:9pt; }
  .em-print-table td{ padding:1.6mm 0; vertical-align:top; border-bottom:.4pt solid #d8d2c6; }
  .em-print-table td:first-child{ width:30mm; font-weight:800; text-transform:uppercase; font-size:7pt; letter-spacing:.05em; color:#8a8073; }
  .em-print-foot{ margin-top:4mm; font-size:7pt; color:#8a8073; }
}