/* Muayene şablonları — hasta kartı formu ve gösterimi (gorunum/muayene-kart.js, muayene-alan.js), Muayene şablonları ekranı (muayene.js) ve
   muayene özeti baskısı (muayene-yazdir.js). Belirteçler css/belirtec.css'ten (Gündüz; kurum rengi --vurgu); sabit renk yalnız baskıda (siyah beyaz).
   Telefon (375 px): yatay taşma yok; ikili ızgaralar tek sütuna, vital ölçümler iki sütuna iner. Prick ve ölçek bölümünün biçimi gorunum-alerji.css'te. */

/* ---------- kayıt gösterimi ---------- */
.my-bas .mu-sablon-ad { display: inline-block; margin-left: 6px; padding: 0 8px; border-radius: var(--r-tam); background: var(--yuzey2); color: var(--metin2);
  font-size: var(--fs-12); line-height: 20px; vertical-align: 1px; overflow-wrap: anywhere; }
.mu-icerik dd { min-width: 0; }
.mu-aralik { color: var(--metin3); font-size: var(--fs-12); }
.mu-ic-not { margin: 0 0 6px; padding: 6px 10px; border-left: 3px solid var(--cizgi2); background: var(--yuzey2); border-radius: 0 var(--r-k) var(--r-k) 0;
  font-size: .8125rem; min-width: 0; }
.mu-ic-not strong { display: block; color: var(--metin2); font-size: var(--fs-12); }
.mu-ic-not p { margin: 2px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }

/* ---------- form alanları ---------- */
.mu-form, .mu-alanlar, .mu-alan-kap { min-width: 0; }
.mu-sayi { display: flex; align-items: center; gap: 8px; min-width: 0; }
.mu-sayi .girdi { flex: 0 1 160px; min-width: 0; }
.mu-birim { color: var(--metin2); font-size: var(--fs-13); white-space: nowrap; }
.mu-coklu { display: flex; flex-wrap: wrap; gap: 6px 16px; min-width: 0; }
.mu-vital { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px 16px; min-width: 0; }
.mu-vital-oge { display: grid; grid-template-columns: 5.5em minmax(0, 1fr) auto; align-items: center; gap: 6px; min-width: 0; }
.mu-vital-oge .girdi { width: 100%; min-width: 0; }
.mu-vital-ad { color: var(--metin2); font-size: var(--fs-13); overflow-wrap: anywhere; }
.mu-vital-cift { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 4px; min-width: 0; }
@media (max-width: 420px) { .mu-vital { grid-template-columns: minmax(0, 1fr); } }

/* ---------- şablon düzenleyici ---------- */
.mu-ed-liste { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-direction: column; gap: 10px; counter-reset: mu-alan; }
.mu-ed-alan { padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: var(--r-k); background: var(--yuzey); display: flex; flex-direction: column; gap: 8px;
  min-width: 0; counter-increment: mu-alan; }
.mu-ed-ust { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 11em); gap: 8px; align-items: center; }
.mu-ed-ust .esnek::before { content: counter(mu-alan) "."; flex: none; white-space: nowrap; color: var(--metin3); font-size: var(--fs-12); margin-right: 6px; }
.mu-ed-ust .esnek { display: flex; align-items: center; min-width: 0; }
.mu-ed-ust .girdi { width: 100%; min-width: 0; }
.mu-ed-bayrak { gap: 4px 16px; }
.mu-ed-tasi { display: inline-flex; gap: 2px; margin-left: auto; }
.mu-ed-ek:empty { display: none; }
.mu-ed-ek { display: flex; flex-direction: column; gap: 8px; padding-left: 10px; border-left: 2px solid var(--vurgu-zemin); min-width: 0; }
.mu-ed-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px 12px; }
.mu-ed-izgara .girdi { width: 100%; min-width: 0; }
.mu-ed-vital { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.mu-ed-ozet { margin: 2px 0 0; font-size: .8125rem; overflow-wrap: anywhere; }
.mu-oneri { display: flex; flex-direction: column; gap: 8px; }
.mu-satir-eylem { gap: 4px; justify-content: flex-end; flex-wrap: wrap; }
@media (max-width: 560px) {
  .mu-ed-ust { grid-template-columns: minmax(0, 1fr); }
  .mu-ed-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mu-ed-tasi { margin-left: 0; }
}

/* ---------- hekimler ve takvim kaynakları ---------- */
.mu-hekimler { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.mu-hekim { display: grid; grid-template-columns: minmax(0, 14em) minmax(0, 1fr); gap: 8px 16px; align-items: end; padding: 12px 0; border-bottom: 1px solid var(--cizgi); min-width: 0; }
.mu-hekim:last-child { border-bottom: 0; }
.mu-hekim-ad { display: flex; flex-direction: column; gap: 2px; min-width: 0; overflow-wrap: anywhere; align-self: center; }
.mu-hekim-ad .metin-3 { font-size: var(--fs-12); }
.mu-hekim-sec { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 8px 12px; align-items: end; min-width: 0; }
.mu-hekim-sec .alan { min-width: 0; }
.mu-hekim-sec .girdi { width: 100%; min-width: 0; }
@media (max-width: 760px) {
  .mu-hekim { grid-template-columns: minmax(0, 1fr); }
  .mu-hekim-sec { grid-template-columns: minmax(0, 1fr); }
  .mu-hekim-sec > .dugme { justify-self: start; }
}

/* ---------- muayene özeti (önizleme ve baskı) ---------- */
.mu-onizleme { padding: 16px; border: 1px solid var(--cizgi); border-radius: var(--r-k); background: var(--yuzey); color: var(--metin); min-width: 0; overflow-wrap: anywhere; }
.mu-belge { display: flex; flex-direction: column; gap: 12px; font-size: var(--fs-14); }
.mu-belge-bas { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 8px 16px; padding-bottom: 8px; border-bottom: 1px solid var(--cizgi2); }
.mu-belge-kurum { display: flex; align-items: center; gap: 10px; min-width: 0; }
.mu-belge-logo { max-height: 48px; max-width: 160px; width: auto; height: auto; object-fit: contain; }
.mu-belge-baslik { text-align: right; min-width: 0; }
.mu-belge-baslik h1 { margin: 0; font-size: var(--fs-20); font-family: var(--f-baslik); }
.mu-belge-baslik p { margin: 2px 0 0; }
.mu-belge-ust, .mu-belge-alanlar { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 16px; margin: 0; }
.mu-belge-ust dt, .mu-belge-alanlar dt { color: var(--metin2); font-weight: 600; }
.mu-belge-ust dd, .mu-belge-alanlar dd { margin: 0; white-space: pre-wrap; min-width: 0; }
.mu-belge-alanlar { padding-top: 8px; border-top: 1px solid var(--cizgi); }
.mu-belge-aralik { color: var(--metin3); font-size: var(--fs-12); }
.mu-belge-alt { padding-top: 8px; border-top: 1px solid var(--cizgi); color: var(--metin2); font-size: var(--fs-12); }
.mu-belge-alt p { margin: 0 0 2px; }
@media (max-width: 480px) {
  .mu-belge-baslik { text-align: left; }
  .mu-belge-ust, .mu-belge-alanlar { grid-template-columns: minmax(0, 1fr); }
  .mu-belge-ust dd, .mu-belge-alanlar dd { margin-bottom: 4px; }
}

.mu-baski { display: none; }
@page mu-a4 { size: A4; margin: 14mm; }
@media print {
  body.mu-yazdiriliyor > *:not(.mu-baski) { display: none !important; }
  body.mu-yazdiriliyor .mu-baski { display: block; page: mu-a4; color: #000; background: #fff; font: 10.5pt/1.45 "Segoe UI", system-ui, sans-serif; }
  .mu-baski .mu-belge { font-size: inherit; gap: 4mm; }
  .mu-baski .mu-belge-bas, .mu-baski .mu-belge-alanlar, .mu-baski .mu-belge-alt { border-color: #555; }
  .mu-baski .mu-belge-ust dt, .mu-baski .mu-belge-alanlar dt, .mu-baski .mu-belge-alt, .mu-baski .mu-belge-aralik { color: #333; }
  .mu-baski .mu-belge-baslik h1 { font-size: 15pt; }
  .mu-baski .mu-belge-alanlar dt, .mu-baski .mu-belge-alanlar dd { page-break-inside: avoid; }
}
