/* Tur R1c — "Tutanak oluştur" sayfası. Yeni token yok: renkler tokenler.css'ten; kâğıt her temada beyaz zemin + siyah
   metindir (basılan sayfanın aynısı). Kâğıt ölçüsü milimetre karşılığıdır: ekranda --mm = kapsayıcı genişliği / 210
   (kapsayıcı sorgusu, JS gerekmez), yazdırmada --mm = 1mm. */
/* Tema (Tur R2d4): prototip/rehber/css/tutanak.css birebir; değişkenler §2.1 eşlemesiyle (--rozet-* → --rehber-rozet-*),
   body[data-sayfa="tutanak"] → body.sayfa-tutanak (inc/sayfalar.php body_class). Yalnız tutanak sayfasında yüklenir. */

/* Ortak form kuralları (Tur R2d4): prototip/rehber/css/rehber.css 636–657 (Yardım iste formunun genel alan stilleri; tutanak
   formu bunları kullanır). Yardım iste formu R4'te (K-25 = b); o zamana kadar yalnız bu sayfada yüklenir. */
.form { display: grid; gap: var(--wp--preset--spacing--50); }
.form__aciklama { color: var(--wp--preset--color--metin-2); }
.alan { display: grid; gap: var(--wp--preset--spacing--10); }
.alan__etiket { font-weight: 700; }
.alan__istege { font-weight: 400; color: var(--wp--preset--color--metin-2); }
.zorunlu { font-weight: 700; color: var(--wp--preset--color--vurgu-metin); }
.zorunlu-isaret { color: var(--wp--preset--color--vurgu-metin); font-weight: 700; }
.alan__ipucu { color: var(--wp--preset--color--metin-2); }
.alan__girdi {
  width: 100%; min-height: 3rem; padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  border: 2px solid var(--wp--custom--renk--cerceve); border-radius: var(--wp--custom--radius--m); background: var(--wp--preset--color--yuzey); color: var(--wp--preset--color--metin);
}
.alan__girdi--uzun { min-height: 7rem; resize: vertical; line-height: var(--wp--custom--line-height--govde); }
.alan__girdi:focus-visible { outline-offset: 2px; border-color: var(--wp--preset--color--metin); }
.alan__girdi[aria-invalid="true"] { border-color: var(--wp--preset--color--vurgu-metin); }
.alan__dosya { padding: var(--wp--preset--spacing--30); cursor: pointer; }
.alan__dosya::file-selector-button { min-height: var(--wp--custom--anahtar--yukseklik); margin-right: var(--wp--preset--spacing--30); padding: 0 var(--wp--preset--spacing--40); border: 2px solid var(--wp--preset--color--baglanti); border-radius: var(--wp--custom--radius--m); background: transparent; color: var(--wp--preset--color--baglanti); font: inherit; font-weight: 700; cursor: pointer; }
.alan__hata { display: flex; gap: var(--wp--preset--spacing--20); align-items: flex-start; color: var(--wp--preset--color--vurgu-metin); font-weight: 600; }
.alan__hata[hidden] { display: none; }
.alan__hata .simge { margin-top: 0.2em; }
.alan-cift { display: grid; gap: var(--wp--preset--spacing--50); }
@media (min-width: 640px) { .alan-cift { grid-template-columns: 1fr 1fr; } }

.sayfa--tutanak [hidden] { display: none !important; }
.tutanak-bas { max-width: var(--wp--style--global--content-size); }
.tutanak-bas .sayfa__giris { margin-bottom: var(--wp--preset--spacing--40); }
.tutanak-gizlilik, .tutanak-jsyok { display: flex; gap: var(--wp--preset--spacing--20); align-items: flex-start; margin-bottom: var(--wp--preset--spacing--50); padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40); border-radius: var(--wp--custom--radius--m); }
.tutanak-gizlilik { background: var(--rehber-rozet-dogru-zemin); color: var(--wp--preset--color--metin); border-left: 4px solid var(--rehber-rozet-dogru-metin); }
.tutanak-jsyok { background: var(--rehber-rozet-dogrulanmamis-zemin); color: var(--wp--preset--color--metin); border-left: 4px solid var(--rehber-rozet-dogrulanmamis-metin); font-weight: 600; }
.tutanak-gizlilik .simge, .tutanak-jsyok .simge { margin-top: 0.2em; }

/* Sekmeler (<1024 px): şerit yapışkandır. Header (sabit, aşağı kaydırınca .is-gizli ile yukarı kayar, yukarı kaydırınca
   döner; rehber.js) görünürken şerit onun altında, gizlenince en üstte durur; geçiş header'ınkiyle aynı süre ve eğride. */
.sekme-serit { position: sticky; top: var(--ust-h); z-index: 20; margin: 0 calc(-1 * var(--wp--custom--layout--kenar)) var(--wp--preset--spacing--50); padding: var(--wp--preset--spacing--20) var(--wp--custom--layout--kenar); background: var(--wp--preset--color--zemin); border-bottom: 1px solid var(--wp--preset--color--cizgi-guclu); transition: top var(--wp--custom--duration--orta) var(--wp--custom--ease--cikis); }
html:has(.ust.is-gizli) .sekme-serit { top: 0; }
.sekmeler { display: flex; gap: var(--wp--preset--spacing--10); padding: var(--wp--preset--spacing--10); border-radius: var(--wp--custom--radius--tam); background: var(--wp--preset--color--yuzey-2); }
/* Odaklanan / kaydırılarak gidilen öğe şeridin altında kalmasın (header + şerit yüksekliği kadar pay). */
@media (max-width: 1023.98px) { .tutanak-duzen :is(input, select, textarea, button, a, .hata-ozeti, .tbolum) { scroll-margin-top: calc(var(--ust-h) + 4.75rem); } }
.sekmeler__sekme { flex: 1; min-height: var(--wp--custom--anahtar--yukseklik); border: 2px solid transparent; border-radius: var(--wp--custom--radius--tam); background: transparent; color: var(--wp--preset--color--metin-2); font: inherit; font-weight: 700; cursor: pointer; }
.sekmeler__sekme[aria-selected="true"] { border-color: var(--wp--preset--color--metin); background: var(--wp--preset--color--yuzey); color: var(--wp--preset--color--metin); }

/* Düzen: ≥1024 px form solda, kâğıt sağda (yapışkan) */
.tutanak-duzen { display: grid; gap: var(--wp--preset--spacing--60); }
.tutanak-duzen:not(.is-hazir) .tutanak-onizle { max-width: 48rem; }
@media (min-width: 1024px) {
  .tutanak-duzen.is-hazir { grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); align-items: start; }
  .tutanak-duzen.is-hazir .tutanak-onizle { position: sticky; top: calc(var(--ust-h, 4.5rem) + var(--wp--preset--spacing--40)); max-height: calc(100vh - var(--ust-h, 4.5rem) - var(--wp--preset--spacing--50)); overflow: auto; }
}
.tutanak-onizle { padding: var(--wp--preset--spacing--40); border-radius: var(--wp--custom--radius--l); background: var(--wp--preset--color--yuzey-2); }
.tutanak-onizle__bas { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--wp--preset--spacing--10) var(--wp--preset--spacing--30); margin-bottom: var(--wp--preset--spacing--30); }
.tutanak-onizle__baslik { font-size: var(--wp--preset--font-size--l); }
.tutanak-onizle__eylem { margin-top: var(--wp--preset--spacing--40); }
.kagit-kap { container-type: inline-size; }

/* Form */
.tutanak-form { gap: var(--wp--preset--spacing--60); }
.tbolum { display: grid; gap: var(--wp--preset--spacing--40); min-width: 0; margin: 0; padding: var(--wp--preset--spacing--50) 0 0; border: 0; border-top: 1px solid var(--wp--preset--color--cizgi-guclu); }
.tbolum__baslik { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--30); margin-bottom: var(--wp--preset--spacing--40); padding: 0; font-family: var(--wp--preset--font-family--baslik); font-size: var(--wp--preset--font-size--l); font-weight: var(--wp--custom--font-weight--baslik); line-height: var(--rehber-lh-kart-baslik); }
.tbolum__baslik .zorunlu { font-family: var(--wp--preset--font-family--govde); font-size: var(--wp--preset--font-size--s); }
.tbolum__no { display: inline-grid; flex: none; place-items: center; width: 2rem; height: 2rem; border-radius: var(--wp--custom--radius--tam); background: var(--wp--preset--color--metin); color: var(--wp--preset--color--zemin); font-family: var(--wp--preset--font-family--govde); font-size: var(--wp--preset--font-size--s); font-weight: 700; }
.tbolum__ipucu { margin-top: calc(-1 * var(--wp--preset--spacing--20)); }
.tbolum__eylem, .tsatir__eylem { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30); }
.tsatir { display: grid; gap: var(--wp--preset--spacing--40); min-width: 0; margin: 0; padding: var(--wp--preset--spacing--40); border: 1px solid var(--wp--preset--color--cizgi-guclu); border-radius: var(--wp--custom--radius--l); background: var(--wp--preset--color--yuzey); }
.tsatir__baslik { padding: 0 var(--wp--preset--spacing--20); font-weight: 700; }
.alan--grup { min-width: 0; margin: 0; padding: 0; border: 0; }
.alan--grup > .alan__etiket { padding: 0; margin-bottom: var(--wp--preset--spacing--10); }
.alan--grup .alan-cift { margin-top: var(--wp--preset--spacing--20); }
.sayac { text-align: right; }
.tehir-sonuc { font-weight: 700; }

/* Onay kutusu: görünen kutu 22 px, dokunma alanı 44 × 44 */
.secenekler { display: grid; gap: var(--wp--preset--spacing--10); }
.secenek { display: flex; align-items: center; gap: var(--wp--preset--spacing--20); }
.secenek__kutu { position: relative; display: grid; flex: none; place-items: center; width: var(--wp--custom--anahtar--yukseklik); height: var(--wp--custom--anahtar--yukseklik); margin: 0 0 0 calc(-1 * var(--wp--preset--spacing--30)); appearance: none; -webkit-appearance: none; border: 0; border-radius: var(--wp--custom--radius--m); background: none; cursor: pointer; }
.secenek__kutu::before { content: ""; box-sizing: border-box; width: 1.375rem; height: 1.375rem; border: 2px solid var(--wp--custom--renk--cerceve); border-radius: var(--wp--custom--radius--s); background: var(--wp--preset--color--yuzey); }
.secenek__kutu:checked::before { border-color: var(--wp--preset--color--baglanti); background: var(--wp--preset--color--baglanti); }
.secenek__kutu:checked::after { content: ""; position: absolute; top: 50%; left: 50%; width: 0.38rem; height: 0.72rem; border: solid var(--wp--preset--color--zemin); border-width: 0 3px 3px 0; transform: translate(-50%, -62%) rotate(45deg); }
.secenek__kutu[aria-invalid="true"]::before { border-color: var(--wp--preset--color--vurgu-metin); }
.secenek__etiket { display: flex; flex: 1; align-items: center; min-height: var(--wp--custom--anahtar--yukseklik); cursor: pointer; }
.secenek__ek { display: grid; gap: var(--wp--preset--spacing--30); margin: 0 0 var(--wp--preset--spacing--30) calc(var(--wp--custom--anahtar--yukseklik) / 2 - var(--wp--preset--spacing--30)); padding-left: var(--wp--preset--spacing--40); border-left: 2px solid var(--wp--preset--color--cizgi-guclu); }
.hatirla { display: grid; gap: var(--wp--preset--spacing--20); padding-top: var(--wp--preset--spacing--30); border-top: 1px dashed var(--wp--preset--color--cizgi-guclu); }

/* Eylemler + hata özeti */
.tutanak-eylem { display: grid; gap: var(--wp--preset--spacing--30); padding: var(--wp--preset--spacing--50); border: 2px solid var(--wp--preset--color--metin); border-radius: var(--wp--custom--radius--l); background: var(--wp--preset--color--yuzey-2); }
.tutanak-eylem .dugme--ana, .tutanak-onizle__eylem .dugme--ana { width: 100%; padding-inline: var(--wp--preset--spacing--40); text-align: center; white-space: normal; } /* site .dugme--ana nowrap: 320 px'te taşmasın */
.tutanak-eylem__ikincil { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--30); }
.hata-ozeti { padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40); border-left: 4px solid var(--rehber-rozet-eskimis-metin); border-radius: var(--wp--custom--radius--m); background: var(--rehber-rozet-eskimis-zemin); color: var(--wp--preset--color--metin); }
.hata-ozeti__baslik { display: flex; gap: var(--wp--preset--spacing--20); align-items: flex-start; color: var(--rehber-rozet-eskimis-metin); font-weight: 700; }
.hata-ozeti__baslik .simge { margin-top: 0.2em; }
.hata-ozeti ul { margin: var(--wp--preset--spacing--10) 0 0; padding-left: var(--wp--preset--spacing--50); }
.hata-ozeti a { display: inline-flex; align-items: center; min-height: var(--wp--custom--anahtar--yukseklik); color: var(--wp--preset--color--metin); font-weight: 600; }

/* ---------- Kâğıt ---------- */
.kagit {
  --mm: calc(100cqw / 210);
  box-sizing: border-box; width: 100%; min-height: calc(297 * var(--mm)); padding: calc(15 * var(--mm));
  border-radius: 2px; background: #fff; color: #000; box-shadow: 0 1px 2px rgb(25 37 59 / 0.12), 0 14px 30px -18px rgb(25 37 59 / 0.45);
  font-family: var(--wp--preset--font-family--govde); font-size: calc(3.6 * var(--mm)); line-height: 1.4; letter-spacing: 0; word-spacing: normal;
}
.kagit * { color: inherit; }
.kagit p { margin: 0; }
.kagit__baslik { margin-bottom: calc(6 * var(--mm)) !important; font-size: calc(6 * var(--mm)); font-weight: 800; letter-spacing: 0.3em; text-align: center; }
.kagit__tablo { width: 100%; margin-bottom: calc(4 * var(--mm)); border-collapse: collapse; font-size: calc(3.55 * var(--mm)); }
.kagit__tablo th, .kagit__tablo td { padding: calc(1.2 * var(--mm)) calc(1.8 * var(--mm)); border: calc(0.25 * var(--mm)) solid #000; text-align: left; vertical-align: top; }
.kagit__tablo thead th { font-size: calc(3 * var(--mm)); font-weight: 700; }
.kagit__bilgi th { width: 26%; font-weight: 700; }
.kagit__yolcu td:first-child, .kagit__yolcu th:first-child { width: 9%; text-align: center; }
.kagit__yolcu th:nth-child(2) { width: 28%; }
.kagit__metin p { margin-bottom: calc(2.4 * var(--mm)); text-align: justify; text-indent: calc(8 * var(--mm)); hyphens: manual; }
.kagit__metin .kagit__liste, .kagit__metin .kagit__etiket { text-indent: 0; text-align: left; }
.kagit__liste { line-height: 1.75; }
.kagit__etiket { font-weight: 700; }
.kagit__cizgiler { margin-bottom: calc(3 * var(--mm)); }
.kagit__cizgi { display: block; height: calc(7.5 * var(--mm)); border-bottom: calc(0.2 * var(--mm)) solid #000; }
.kagit__imza-blok { margin-top: calc(5 * var(--mm)); break-inside: avoid; page-break-inside: avoid; }
.kagit__uyari-satir { display: flex; gap: calc(2.5 * var(--mm)); align-items: stretch; margin-bottom: calc(2.5 * var(--mm)); }
.kagit__uyari { flex: 1; padding: calc(1.8 * var(--mm)) calc(2.4 * var(--mm)); border: calc(0.3 * var(--mm)) solid #000; font-size: calc(2.9 * var(--mm)); line-height: 1.35; }
.kagit__inceleme { flex: 0 0 30%; padding: calc(1.8 * var(--mm)) calc(2.4 * var(--mm)); border: calc(0.4 * var(--mm)) dashed #8a4d00; background: #fff1d1; font-size: calc(2.9 * var(--mm)); line-height: 1.35; }
.kagit__imza td { height: calc(15 * var(--mm)); vertical-align: middle; }
.kagit__imza th:nth-child(1) { width: 24%; } .kagit__imza th:nth-child(2) { width: 19%; } .kagit__imza th:nth-child(3) { width: 13%; } .kagit__imza th:nth-child(4) { width: 22%; }
.kagit__olay .kagit__secenek { display: flex; margin: calc(0.6 * var(--mm)) 0; }
.kagit__rol { display: block; font-size: calc(2.6 * var(--mm)); font-weight: 700; }
.kagit__secenek { display: inline-flex; align-items: center; margin-right: calc(2.2 * var(--mm)); white-space: nowrap; }
.kagit__alt-satir { display: block; margin-top: calc(1 * var(--mm)); }
.kutu { display: inline-block; flex: none; box-sizing: border-box; width: calc(3.2 * var(--mm)); height: calc(3.2 * var(--mm)); margin-right: calc(1.2 * var(--mm)); border: calc(0.3 * var(--mm)) solid #000; background: #fff; vertical-align: -0.15em; }
.kagit__kacindi { display: flex; align-items: center; margin-top: calc(2.5 * var(--mm)) !important; }
.kagit__alt { margin-top: calc(6 * var(--mm)) !important; padding-top: calc(2 * var(--mm)); border-top: calc(0.25 * var(--mm)) solid #000; font-size: calc(2.8 * var(--mm)); text-align: center; }
.bosluk { display: inline-block; width: calc(24 * var(--mm)); height: 1em; border-bottom: calc(0.25 * var(--mm)) dotted #000; vertical-align: -0.2em; }
.bosluk--k { width: calc(8 * var(--mm)); }
.bosluk--u { width: calc(42 * var(--mm)); }

/* ---------- Yazdırma: A4 dikey, kenar 15 mm; yalnızca kâğıt basılır ---------- */
@page { size: A4 portrait; margin: 15mm; @bottom-center { font-family: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif; font-size: 8pt; color: #000; } }
@media print {
  html, body.sayfa-tutanak { background: #fff !important; color: #000 !important; }
  body.sayfa-tutanak { padding-top: 0 !important; }
  body.sayfa-tutanak .ust, body.sayfa-tutanak .alt, body.sayfa-tutanak .cekmece, body.sayfa-tutanak .cekmece-perde,
  body.sayfa-tutanak .atla, body.sayfa-tutanak .bildirim, body.sayfa-tutanak .cevrimdisi, body.sayfa-tutanak .kirinti,
  body.sayfa-tutanak .tutanak-bas, body.sayfa-tutanak [data-sekme-serit], body.sayfa-tutanak [data-panel="doldur"],
  body.sayfa-tutanak .tutanak-onizle__bas, body.sayfa-tutanak .tutanak-onizle__eylem, body.sayfa-tutanak .kagit__inceleme { display: none !important; }
  .sayfa--tutanak [data-panel="onizle"][hidden] { display: block !important; }
  body.sayfa-tutanak main, .sayfa--tutanak, .tutanak-duzen, .tutanak-onizle, .kagit-kap {
    display: block !important; position: static !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0 !important;
    overflow: visible !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; container-type: normal;
  }
  .kagit { --mm: 1mm; width: auto; min-height: 0; padding: 0; border-radius: 0; box-shadow: none; }
}

/* ---------- Tur R1d: tutanak türü + kayıp eşya ---------- */
/* Tür seçimi: iki seçenek kartı (radyo grubu; oklarla gezilir). Sekme şeridinden ayrı görünsün diye hap değil, kart. */
.tip-sec { min-width: 0; margin: 0; padding: 0; border: 0; }
.tip-sec__baslik { margin-bottom: var(--wp--preset--spacing--20); padding: 0; font-weight: 700; }
.tip-sec__secenekler { display: grid; gap: var(--wp--preset--spacing--20); }
@media (min-width: 30rem) { .tip-sec__secenekler { grid-template-columns: 1fr 1fr; } }
.tip-sec__secenek { display: flex; gap: var(--wp--preset--spacing--10); align-items: flex-start; min-height: var(--wp--custom--anahtar--yukseklik); padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40) var(--wp--preset--spacing--30) var(--wp--preset--spacing--20); border: 2px solid var(--wp--preset--color--cizgi-guclu); border-radius: var(--wp--custom--radius--l); background: var(--wp--preset--color--yuzey); cursor: pointer; }
.tip-sec__secenek:has(.tip-sec__kutu:checked) { border-color: var(--wp--preset--color--metin); background: var(--wp--preset--color--yuzey-2); }
/* Görünen daire 22 px, dokunma alanı 44 × 44 (onay kutusuyla aynı kalıp) */
.tip-sec__kutu { position: relative; display: grid; flex: none; place-items: center; width: var(--wp--custom--anahtar--yukseklik); height: var(--wp--custom--anahtar--yukseklik); margin: calc(-1 * var(--wp--preset--spacing--10)) 0 0; appearance: none; -webkit-appearance: none; border: 0; background: none; cursor: pointer; }
.tip-sec__kutu::before { content: ""; box-sizing: border-box; width: 1.375rem; height: 1.375rem; border: 2px solid var(--wp--custom--renk--cerceve); border-radius: 50%; background: var(--wp--preset--color--yuzey); }
.tip-sec__kutu:checked::before { border-color: var(--wp--preset--color--baglanti); }
.tip-sec__kutu:checked::after { content: ""; position: absolute; top: 50%; left: 50%; width: 0.7rem; height: 0.7rem; border-radius: 50%; background: var(--wp--preset--color--baglanti); transform: translate(-50%, -50%); }
.tip-sec__kutu:focus-visible { outline-offset: -2px; border-radius: 50%; } /* halka radyonun dokunma alanında, kart kenarına taşmaz */
.tip-sec__metin { display: grid; gap: 0.15rem; padding-top: var(--wp--preset--spacing--20); }
.tip-sec__ad { font-weight: 700; }
.tip-sec__aciklama { color: var(--wp--preset--color--metin-2); }
.tutanak-kayip-bilgi { display: flex; gap: var(--wp--preset--spacing--20); align-items: flex-start; padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40); border-left: 4px solid var(--wp--preset--color--baglanti); border-radius: var(--wp--custom--radius--m); background: var(--wp--preset--color--yuzey-2); }
.tutanak-kayip-bilgi .simge { flex: none; margin-top: 0.2em; }
.tutanak-kayip-bilgi a { display: inline-flex; align-items: center; min-height: var(--wp--custom--anahtar--yukseklik); font-weight: 600; }
/* Radyo (eşyayı kim buldu): onay kutusunun yuvarlak eşi, aynı 44 × 44 dokunma alanı */
.secenek__kutu[type="radio"]::before { border-radius: 50%; }
.secenek__kutu[type="radio"]:checked::before { background: var(--wp--preset--color--yuzey); }
.secenek__kutu[type="radio"]:checked::after { width: 0.7rem; height: 0.7rem; border: 0; border-radius: 50%; background: var(--wp--preset--color--baglanti); transform: translate(-50%, -50%); }
.alan__uyari { color: var(--rehber-rozet-eskimis-metin); font-weight: 700; }
.alan__uyari:empty { display: none; }
/* Kâğıt: eşya dökümü ve rol sütunlu imza tablosu */
.kagit__esya td:first-child, .kagit__esya th:first-child { width: 8%; text-align: center; }
.kagit__esya th:nth-child(2) { width: 30%; } .kagit__esya th:nth-child(3) { width: 9%; } .kagit__esya th:nth-child(4) { width: 27%; }
.kagit__esya td { height: calc(7 * var(--mm)); }
.kagit__esya thead { display: table-header-group; }
.kagit__esya tr { break-inside: avoid; page-break-inside: avoid; }
.kagit__imza--kayip th:nth-child(1) { width: 15%; } .kagit__imza--kayip th:nth-child(2) { width: 25%; } .kagit__imza--kayip th:nth-child(3) { width: 21%; } .kagit__imza--kayip th:nth-child(4) { width: 14%; }
.kagit__imza--kayip .kagit__rol-hucre { font-weight: 700; vertical-align: middle; }