/* Zümre Tutanağı Hazırlayıcı — Öğretmenler Odası Network (TEST212)
   Bütün sınıflar oon-zt- önekiyle sınırlıdır; sitenin başka bölümlerini etkilemez. */
.oon-zt { --zt-laci: #132c40; --zt-vurgu: #8a6d1f; --zt-cizgi: rgba(0,0,0,.13); --zt-yesil: #1a7a3e; max-width: 980px; }
.oon-zt-bildirim { margin: 0 0 16px; padding: 10px 14px; border-radius: 8px; background: rgba(26,122,62,.10); font-size: .95rem; }
.oon-zt-bildirim--hata { background: rgba(161,43,43,.09); border-left: 3px solid #a12b2b; }
.oon-zt-baslik { margin: 0 0 18px; }
.oon-zt-ust { margin: 0 0 4px; font-size: .74rem; letter-spacing: .12em; color: var(--zt-vurgu); font-weight: 700; }
.oon-zt-baslik h1 { margin: 0 0 6px; font-size: 1.55rem; line-height: 1.25; }
.oon-zt-alt { margin: 0; opacity: .8; }
.oon-zt-h2 { margin: 24px 0 10px; font-size: 1.08rem; }
.oon-zt-kucuk { font-size: .85rem; opacity: .78; margin: 4px 0 10px; }

.oon-zt-btn { display: inline-block; padding: 10px 18px; border: 0; border-radius: 8px; background: var(--zt-laci); color: #fff !important;
  font: inherit; font-weight: 600; text-decoration: none; cursor: pointer; line-height: 1.3; }
.oon-zt-btn:hover { filter: brightness(1.12); }
.oon-zt-btn--sade { background: transparent; color: var(--zt-laci) !important; border: 1px solid var(--zt-cizgi); }
.oon-zt-btn--buyuk { padding: 13px 24px; font-size: 1rem; }
.oon-zt-btn[disabled] { opacity: .6; cursor: wait; }
.oon-zt-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0; }

.oon-zt-kutu { margin: 16px 0; padding: 16px 18px; border-radius: 10px; border: 1px solid var(--zt-cizgi); background: rgba(19,44,64,.03); }
.oon-zt-kutu h2 { margin: 0 0 6px; font-size: 1.05rem; }
.oon-zt-kutu p:last-child { margin-bottom: 0; }
.oon-zt-kutu--tamam { border-left: 4px solid var(--zt-yesil); background: rgba(26,122,62,.06); }
.oon-zt-kutu--uyari { border-left: 4px solid var(--zt-vurgu); background: rgba(138,109,31,.07); }
.oon-zt-kutu--cta { text-align: center; background: rgba(19,44,64,.06); }
.oon-zt-hatirlatma { margin: 10px 0 0; padding-left: 18px; font-size: .88rem; opacity: .85; }
.oon-zt-hatirlatma li { margin: 3px 0; }
.oon-zt-not { margin: 10px 0 0; font-size: .88rem; padding: 8px 12px; border-radius: 8px; background: rgba(138,109,31,.09); }

.oon-zt-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.oon-zt-kart { padding: 14px 16px; border: 1px solid var(--zt-cizgi); border-radius: 10px; background: #fff; }
.oon-zt-kart h3 { margin: 0 0 4px; font-size: .98rem; line-height: 1.35; }
.oon-zt-kart__alt { margin: 0 0 10px; font-size: .84rem; opacity: .75; }
.oon-zt-kart__dugme { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.oon-zt-kart__dugme .oon-zt-btn { padding: 7px 14px; font-size: .88rem; }
.oon-zt-sil-form { margin: 0 0 0 auto; }
.oon-zt-siradaki { margin: 10px 0 0; font-size: .85rem; }
.oon-zt-siradaki a { color: var(--zt-laci); font-weight: 600; text-decoration: none; }
.oon-zt-siradaki a:hover { text-decoration: underline; }
.oon-zt-sil { border: 0; background: transparent; color: #a12b2b; font: inherit; font-size: .85rem; cursor: pointer; padding: 4px; }

.oon-zt-form { margin: 0 0 24px; }
.oon-zt-bolum { margin: 0 0 16px; padding: 16px 18px 18px; border: 1px solid var(--zt-cizgi); border-radius: 12px; background: #fff; min-width: 0; }
.oon-zt-bolum legend { padding: 0 8px; font-weight: 700; font-size: 1rem; display: flex; align-items: center; gap: 8px; }
.oon-zt-bolum legend span { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%;
  background: var(--zt-laci); color: #fff; font-size: .8rem; }
.oon-zt-alanlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin-top: 6px; }
.oon-zt-genis { grid-column: 1 / -1; }
.oon-zt-alanlar label { display: flex; flex-direction: column; gap: 5px; font-size: .9rem; min-width: 0; }
.oon-zt-alanlar label > span { font-weight: 600; }
.oon-zt-alanlar label b { color: #a12b2b; font-weight: 700; }
.oon-zt-alanlar input, .oon-zt-alanlar select, .oon-zt-alanlar textarea {
  padding: 9px 11px; border: 1px solid var(--zt-cizgi); border-radius: 7px; font: inherit; font-size: .93rem; width: 100%; background: #fff; box-sizing: border-box; }
.oon-zt-alanlar textarea { resize: vertical; line-height: 1.45; }
.oon-zt-alanlar select[disabled] { background: rgba(0,0,0,.04); }
.oon-zt-alanlar small { font-size: .8rem; opacity: .72; line-height: 1.45; }
.oon-zt-onay { flex-direction: row !important; align-items: center; gap: 8px !important; }
.oon-zt-onay input { width: auto; }
.oon-zt-onay span { font-weight: 400 !important; }

.oon-zt-gundem { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 6px 16px; }
.oon-zt-gundem li[hidden] { display: none; }
.oon-zt-gundem label { display: flex; gap: 9px; align-items: flex-start; padding: 7px 9px; border-radius: 8px; font-size: .9rem; line-height: 1.4; cursor: pointer; }
.oon-zt-gundem label:hover { background: rgba(19,44,64,.04); }
.oon-zt-gundem input { margin-top: 3px; flex: none; }
.oon-zt-gundem em { font-style: normal; font-size: .74rem; opacity: .6; white-space: nowrap; }
.oon-zt-gundem small { display: block; font-size: .78rem; opacity: .7; margin-top: 2px; }
.oon-zt-ekler { margin: 14px 0; padding: 10px 14px; border: 1px dashed var(--zt-cizgi); border-radius: 10px; }
.oon-zt-ekler summary { cursor: pointer; font-weight: 600; font-size: .92rem; }
.oon-zt-ek { margin-top: 12px; }
.oon-zt-ek__no { margin: 0 0 4px; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; opacity: .65; font-weight: 700; }
.oon-zt-gonder { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; position: sticky; bottom: 0; padding: 12px 0; background: linear-gradient(rgba(255,255,255,0), #fff 30%); }

.oon-zt-ozellik { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin: 0 0 18px; }
.oon-zt-ozellik article { padding: 14px 16px; border-radius: 10px; background: rgba(19,44,64,.05); }
.oon-zt-ozellik h3 { margin: 0 0 4px; font-size: .95rem; }
.oon-zt-ozellik p { margin: 0; font-size: .86rem; line-height: 1.5; opacity: .85; }
.oon-zt-demo-etiket { display: inline-block; margin: 6px 0 8px; padding: 4px 10px; border-radius: 999px; background: rgba(138,109,31,.12); color: var(--zt-vurgu); font-size: .74rem; font-weight: 700; letter-spacing: .06em; }
.oon-zt-kagit { position: relative; max-height: 440px; overflow: hidden; padding: 28px 34px; border: 1px solid var(--zt-cizgi); border-radius: 6px; background: #fff; color: #111;
  font-family: "Times New Roman", Georgia, serif; font-size: .98rem; line-height: 1.5; box-shadow: 0 6px 22px rgba(0,0,0,.07); }
.oon-zt-kagit p { margin: 0 0 8px; text-align: justify; }
.oon-zt-kagit__ust { text-align: center !important; font-weight: 700; margin-bottom: 14px !important; }
.oon-zt-kagit__bas, .oon-zt-kagit__m { font-weight: 700; text-align: left !important; }
.oon-zt-kagit__solgun { position: absolute; left: 0; right: 0; bottom: 0; height: 130px; background: linear-gradient(rgba(255,255,255,0), #fff); }
.oon-zt-yakinda { margin: 26px 0 0; padding: 14px 16px; border-radius: 10px; background: rgba(19,44,64,.04); }
.oon-zt-yakinda h2 { margin: 0 0 4px; font-size: .95rem; }
.oon-zt-yakinda p { margin: 0; font-size: .87rem; opacity: .8; }

@media (max-width: 600px) {
  .oon-zt-baslik h1 { font-size: 1.3rem; }
  .oon-zt-bolum { padding: 14px 12px 16px; }
  .oon-zt-gundem { grid-template-columns: 1fr; }
  .oon-zt-kagit { padding: 18px 16px; font-size: .92rem; }
  .oon-zt-gonder { position: static; background: none; }
  .oon-zt-gonder .oon-zt-btn { flex: 1 1 100%; text-align: center; }
}
@media (prefers-color-scheme: dark) {
  .oon-zt-kagit { background: #fff; color: #111; }
}