/* İlahiyat-İhtisas — müzakere takvimi */
.tk { margin-top: 1.75rem; padding: 1rem; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-lg); box-shadow: var(--golge); }
.tk-yukleniyor { margin: 0; color: var(--gri); font-size: var(--fs-sm); }
.gorunmez { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.tk-arac { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: 1rem; }
.tk-gez, .tk-sag { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.tk-baslik { margin: 0 0 0 .5rem; font-size: var(--fs-h3); color: var(--teal-950); }
.tk-dugme {
  font: inherit; font-size: var(--fs-xs); font-weight: 600; cursor: pointer;
  padding: .45rem .75rem; border: 1px solid var(--cizgi); border-radius: var(--r);
  background: var(--beyaz); color: var(--teal-950); transition: background var(--gecis), border-color var(--gecis);
}
.tk-dugme:hover { background: var(--teal-050); border-color: var(--teal); }
.tk-dugme:focus-visible, .tk-hucre:focus-visible, .tk-mini button:focus-visible, .tk-lejant button:focus-visible { outline: 2px solid var(--teal-400); outline-offset: 2px; }
.tk-ok { font-size: 1.1rem; line-height: 1; padding: .35rem .7rem; }
.tk-gorunum { display: inline-flex; }
.tk-gorunum .tk-dugme { border-radius: 0; margin-left: -1px; }
.tk-gorunum .tk-dugme:first-child { border-radius: var(--r) 0 0 var(--r); margin-left: 0; }
.tk-gorunum .tk-dugme:last-child { border-radius: 0 var(--r) var(--r) 0; }
.tk-dugme[aria-pressed="true"] { background: var(--teal); border-color: var(--teal); color: #fff; position: relative; }
.tk-suz select { font: inherit; font-size: var(--fs-xs); padding: .42rem .5rem; border: 1px solid var(--cizgi); border-radius: var(--r); background: var(--beyaz); color: var(--murekkep); max-width: 14rem; }

/* Aylık */
.tk-ay { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; }
.tk-ay__gun { padding: .3rem .4rem; font-size: var(--fs-xs); font-weight: 600; color: var(--gri); text-align: left; }
.tk-hucre {
  display: flex; flex-direction: column; align-items: stretch; gap: .2rem; min-height: 6.2rem; min-width: 0;
  padding: .35rem; text-align: left; font: inherit; cursor: pointer;
  background: var(--kagit); border: 1px solid var(--cizgi-ince); border-radius: var(--r); color: var(--murekkep);
}
.tk-hucre:hover { border-color: var(--teal-400); }
.tk-hucre--dis { opacity: .45; }
.tk-hucre--dolu { background: var(--teal-050); border-color: var(--teal-100); }
.tk-hucre--bugun .tk-hucre__no { background: var(--kirmizi); color: #fff; }
.tk-hucre--secili { border-color: var(--teal); box-shadow: inset 0 0 0 1px var(--teal); }
.tk-hucre__no { align-self: flex-start; min-width: 1.6rem; padding: .05rem .3rem; border-radius: 999px; font-size: var(--fs-xs); font-weight: 700; text-align: center; }
.tk-hucre__olay { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tk-cip {
  display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  padding: .1rem .3rem; font-size: .72rem; line-height: 1.35; border-radius: 3px;
  background: var(--teal); border: 1px solid var(--teal); color: #fff;
}
.tk-cip--fazla { background: transparent !important; border-color: transparent !important; color: var(--gri) !important; padding-left: 0; }
.tk-hucre__nokta { display: none; gap: 2px; flex-wrap: wrap; }
.tk-nokta { display: inline-block; width: .55rem; height: .55rem; border-radius: 50%; background: var(--teal); flex: none; }
.tk-ozet { margin: .75rem 0 0; font-size: var(--fs-sm); color: var(--gri); }

/* Gün ayrıntısı */
.tk-detay { margin-top: 1rem; }
.tk-detay:empty { display: none; }
.tk-detay__baslik { margin: 0 0 .5rem; font-size: 1rem; color: var(--teal-950); }
.tk-bos { margin: 0; color: var(--gri-acik); font-size: var(--fs-sm); }
.tk-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.tk-kart { display: flex; flex-direction: column; gap: .2rem; padding: .65rem .8rem; background: var(--kagit); border: 1px solid var(--cizgi-ince); border-left: 4px solid var(--teal); border-radius: var(--r); }
.tk-kart__ust { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; margin: 0; }
.tk-kart__saat { font-family: var(--font-mono); font-size: var(--fs-xs); font-weight: 700; color: var(--kirmizi-koyu); }
.tk-kart__alan { padding: .05rem .45rem; border-radius: 3px; background: var(--teal); color: #fff !important; font-size: .72rem; font-weight: 600; text-decoration: none; }
.tk-kart__alan:hover { text-decoration: underline; }
.tk-kart__makale { font-weight: 600; color: var(--teal-950); }
a.tk-kart__makale { text-decoration: underline; text-decoration-color: var(--teal-100); text-underline-offset: 2px; }
a.tk-kart__makale:hover { text-decoration-color: currentColor; }
.tk-kart__hoca { font-size: var(--fs-sm); color: var(--gri); }
.tk-kart__not { font-size: var(--fs-xs); color: var(--gri-acik); }
.tk-kart__eylem { display: flex; flex-wrap: wrap; gap: .35rem; margin: .3rem 0 0; }

/* Haftalık */
.tk-hafta { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.tk-hafta__gun { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: .75rem; align-items: start; padding: .6rem; border: 1px solid var(--cizgi-ince); border-radius: var(--r); background: var(--beyaz); }
.tk-hafta__gun--bugun { border-color: var(--kirmizi); background: var(--kirmizi-050); }
.tk-hafta__tarih { display: flex; flex-direction: column; }
.tk-hafta__ad { font-weight: 700; color: var(--teal-950); }
.tk-hafta__no { font-size: var(--fs-sm); color: var(--gri); }
.tk-hafta .tk-bos { padding-top: .15rem; }

/* Yıllık */
.tk-yil { display: grid; grid-template-columns: repeat(auto-fill, minmax(13.5rem, 1fr)); gap: .9rem; }
.tk-mini { padding: .6rem; border: 1px solid var(--cizgi-ince); border-radius: var(--r); background: var(--kagit); }
.tk-mini__baslik { display: flex; width: 100%; justify-content: space-between; align-items: baseline; gap: .5rem; margin-bottom: .4rem; padding: 0; font: inherit; font-weight: 700; color: var(--teal-950); background: none; border: 0; cursor: pointer; text-align: left; }
.tk-mini__baslik:hover > span:first-child { text-decoration: underline; }
.tk-mini__say { font-size: var(--fs-xs); font-weight: 600; color: var(--gri); }
.tk-mini__izgara { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; text-align: center; }
.tk-mini__gun { font-size: .66rem; font-weight: 600; color: var(--gri-acik); }
.tk-mini__no { display: block; padding: .15rem 0; font: inherit; font-size: .74rem; line-height: 1.3; color: var(--gri); border: 0; border-radius: 3px; background: none; }
.tk-mini__no--dolu { background: var(--teal); color: #fff; font-weight: 700; cursor: pointer; }
.tk-mini__no--dolu:hover { filter: brightness(1.15); }
.tk-mini__no--bugun { box-shadow: inset 0 0 0 2px var(--kirmizi); }

/* Lejant (genel takvim) */
.tk-lejant { display: flex; flex-wrap: wrap; gap: .35rem; list-style: none; margin: 1rem 0 0; padding: .75rem 0 0; border-top: 1px solid var(--cizgi-ince); }
.tk-lejant button { display: inline-flex; align-items: center; gap: .35rem; padding: .2rem .5rem; font: inherit; font-size: var(--fs-xs); color: var(--murekkep); background: var(--beyaz); border: 1px solid var(--cizgi-ince); border-radius: 999px; cursor: pointer; }
.tk-lejant button:hover { border-color: var(--teal-400); }
.tk-lejant button[aria-pressed="true"] { border-color: var(--teal); background: var(--teal-050); font-weight: 700; }

@media (max-width: 720px) {
  .tk { padding: .7rem; }
  .tk-arac { flex-direction: column; align-items: stretch; }
  .tk-sag { justify-content: space-between; }
  .tk-baslik { flex: 1 1 100%; order: -1; margin: 0 0 .3rem; }
  .tk-hucre { min-height: 3.1rem; padding: .25rem; align-items: center; }
  .tk-hucre__no { align-self: center; }
  .tk-hucre__olay { display: none; }
  .tk-hucre__nokta { display: flex; justify-content: center; }
  .tk-ay__gun { text-align: center; padding: .3rem 0; }
  .tk-hafta__gun { grid-template-columns: 1fr; gap: .4rem; }
  .tk-hafta__tarih { flex-direction: row; gap: .5rem; align-items: baseline; }
}
/* Vitrin: öne çıkan müzakere sahnesi + takvim ve gün ayrıntısı yan yana */
.tk--vitrin { padding: 0; overflow: hidden; border-color: var(--cizgi); }
.tk--vitrin > .tk-arac { margin: 0; padding: .9rem 1.1rem; border-bottom: 1px solid var(--cizgi-ince); background: var(--kagit); }
.tk--vitrin .tk-baslik { font-size: clamp(1.25rem, 1.05rem + .8vw, 1.6rem); letter-spacing: -.01em; }
.tk--vitrin > .tk-ana { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(17rem, 1fr); }
.tk--vitrin .tk-govde { padding: 1rem 1.1rem 1.1rem; min-width: 0; }
.tk--vitrin .tk-detay { margin: 0; padding: 1rem 1.1rem 1.1rem; background: var(--kagit); border-left: 1px solid var(--cizgi-ince); max-height: 44rem; overflow-y: auto; }
.tk--vitrin .tk-detay__baslik { position: sticky; top: -1rem; margin: -1rem -1.1rem .75rem; padding: .9rem 1.1rem .6rem; background: var(--kagit); border-bottom: 1px solid var(--cizgi-ince); font-size: 1.02rem; }
.tk--vitrin .tk-kart { background: var(--beyaz); box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.tk--vitrin .tk-hucre { min-height: 5.4rem; background: var(--beyaz); transition: border-color var(--gecis), transform var(--gecis), box-shadow var(--gecis); }
.tk--vitrin .tk-hucre--dolu { background: var(--teal-050); }
.tk--vitrin .tk-hucre--dolu:hover { transform: translateY(-1px); box-shadow: 0 3px 10px rgba(0,0,0,.07); }
.tk--vitrin .tk-hucre--dis { opacity: .35; }
.tk--vitrin .tk-cip { white-space: normal; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; border-radius: 6px; padding: .12rem .4rem; font-weight: 600; line-height: 1.25; }
.tk--vitrin .tk-cip b { display: block; font-family: var(--font-mono); font-size: .66rem; font-weight: 700; opacity: .9; }
.tk--vitrin .tk-lejant { margin: 0; padding: .8rem 1.1rem 1rem; background: var(--kagit); }
.tk--vitrin .tk-ozet { margin-top: .9rem; }

/* Öne çıkan müzakere sahnesi: sıradaki müzakere; takvimde başka bir müzakere seçilince o görünür */
.tk-sahne {
  --tk-renk: var(--teal);
  position: relative; overflow: hidden; color: #fff;
  background: var(--tk-renk);
  background-image:
    radial-gradient(120% 140% at 100% 0%, rgba(255,255,255,.16), rgba(255,255,255,0) 55%),
    linear-gradient(115deg, rgba(0,0,0,.34), rgba(0,0,0,.06) 70%);
  transition: background-color 260ms ease;
}
.tk-sahne[hidden] { display: none; }
.tk-sahne::after {
  content: ""; position: absolute; inset: auto -3rem -4rem auto; width: 16rem; height: 16rem; border-radius: 50%;
  border: 2.2rem solid rgba(255,255,255,.06); pointer-events: none;
}
.tk-sahne__ic { position: relative; z-index: 1; display: flex; gap: 1.4rem; align-items: flex-start; padding: 1.5rem 1.5rem 1.15rem; animation: tkSahne 280ms ease both; }
@keyframes tkSahne { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .tk-sahne__ic { animation: none; } .tk-sahne { transition: none; } }
.tk-sahne__tarih {
  flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center;
  width: 7.2rem; padding: .7rem .4rem .75rem; border-radius: 10px; text-align: center;
  background: #fff; color: var(--tk-renk); box-shadow: 0 10px 24px -10px rgba(0,0,0,.45);
}
.tk-sahne__hg { font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--gri); }
.tk-sahne__gun { font-family: var(--font-display); font-size: 3.1rem; font-weight: 800; line-height: 1; margin: .15rem 0 .1rem; }
.tk-sahne__ay { font-size: .8rem; font-weight: 700; color: var(--murekkep); }
.tk-sahne__saat { margin-top: .45rem; padding: .15rem .55rem; border-radius: 999px; background: var(--tk-renk); color: #fff; font-family: var(--font-mono); font-size: .8rem; font-weight: 700; }
.tk-sahne__yazi { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: .35rem; }
.tk-sahne__etiket { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 0; }
.tk-sahne__durum { font-family: var(--font-mono); font-size: .74rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.tk-sahne__durum::before { content: ""; display: inline-block; width: .5rem; height: .5rem; margin-right: .45rem; border-radius: 50%; background: #fff; vertical-align: .05em; }
.tk-sahne--canli .tk-sahne__durum::before { background: #ff5a4f; box-shadow: 0 0 0 0 rgba(255,90,79,.7); animation: tkNabiz 1.6s infinite; }
@keyframes tkNabiz { 70% { box-shadow: 0 0 0 .5rem rgba(255,90,79,0); } 100% { box-shadow: 0 0 0 0 rgba(255,90,79,0); } }
.tk-sahne--gecmis .tk-sahne__durum::before { background: rgba(255,255,255,.55); }
.tk-sahne__sayac { padding: .12rem .6rem; border-radius: 999px; background: rgba(255,255,255,.18); font-size: .8rem; font-weight: 600; }
.tk-sahne__baslik { margin: .1rem 0 0; color: #fff; font-family: var(--font-display); font-size: clamp(1.3rem, 1.05rem + 1.1vw, 1.95rem); font-weight: 800; line-height: 1.2; letter-spacing: -.01em; overflow-wrap: anywhere; }
.tk-sahne__hoca { margin: 0; font-size: 1.05rem; font-weight: 600; opacity: .97; }
.tk-sahne__alt { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .75rem; margin: 0; font-size: var(--fs-sm); opacity: .92; font-style: italic; }
.tk-sahne__grup { font-style: normal; padding: .1rem .55rem; border-radius: 4px; background: rgba(255,255,255,.95); color: var(--tk-renk) !important; font-size: .78rem; font-weight: 700; text-decoration: none; }
.tk-sahne__grup:hover { text-decoration: underline; }
.tk-sahne__eylem { display: flex; flex-wrap: wrap; gap: .5rem; margin: .55rem 0 0; }
.tk-sahne__dugme {
  display: inline-flex; align-items: center; gap: .3rem; padding: .5rem .95rem; border-radius: 6px;
  border: 1px solid rgba(255,255,255,.55); color: #fff !important; font-size: var(--fs-sm); font-weight: 700; text-decoration: none;
  transition: background var(--gecis), transform var(--gecis);
}
.tk-sahne__dugme:hover { background: rgba(255,255,255,.14); transform: translateY(-1px); }
.tk-sahne__dugme--ana { background: #fff; border-color: #fff; color: var(--tk-renk) !important; box-shadow: 0 6px 16px -8px rgba(0,0,0,.5); }
.tk-sahne__dugme--ana:hover { background: #fff; }
.tk-sahne__gez {
  position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: .5rem;
  padding: .55rem 1rem; background: rgba(0,0,0,.16); border-top: 1px solid rgba(255,255,255,.14);
}
.tk-sahne__orta { display: flex; flex-wrap: wrap; justify-content: center; gap: .35rem; }
.tk-sahne__ok, .tk-sahne__bag {
  font: inherit; font-size: var(--fs-xs); font-weight: 700; cursor: pointer; color: #fff;
  padding: .4rem .75rem; border-radius: 999px; border: 1px solid rgba(255,255,255,.35); background: transparent;
  transition: background var(--gecis);
}
.tk-sahne__ok, .tk-sahne__bag { white-space: nowrap; }
.tk-sahne__bag { border-color: transparent; text-decoration: underline; text-underline-offset: .2em; }
.tk-sahne__ok:hover:not(:disabled), .tk-sahne__bag:hover { background: rgba(255,255,255,.14); }
.tk-sahne__ok:disabled { opacity: .35; cursor: default; }
.tk-sahne a:focus-visible, .tk-sahne button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* Takvimdeki kart seçilebilir; seçili kart sahnede görünendir */
.tk-kart--secilebilir { cursor: pointer; transition: box-shadow var(--gecis), border-color var(--gecis), transform var(--gecis); }
.tk-kart--secilebilir:hover { box-shadow: 0 4px 14px -6px rgba(0,0,0,.18); transform: translateY(-1px); }
.tk-kart--secilebilir:focus-visible { outline: 2px solid var(--teal-400); outline-offset: 2px; }
.tk-kart--secili { border-color: var(--teal-400); box-shadow: 0 0 0 2px var(--teal-100), 0 4px 14px -6px rgba(0,0,0,.18); }
.tk-kart--secili::before { content: "Yukarıda gösteriliyor"; align-self: flex-start; margin-bottom: .15rem; padding: .05rem .45rem; border-radius: 3px; background: var(--teal-100); color: var(--teal-800); font-size: .68rem; font-weight: 700; letter-spacing: .03em; }

@media (max-width: 960px) {
  .tk--vitrin > .tk-ana { grid-template-columns: 1fr; }
  .tk--vitrin .tk-detay { border-left: 0; border-top: 1px solid var(--cizgi-ince); max-height: none; overflow: visible; }
  .tk--vitrin .tk-detay__baslik { position: static; margin: 0 0 .6rem; padding: 0; border: 0; }
}
@media (max-width: 720px) {
  .tk--vitrin { padding: 0; }
  .tk--vitrin > .tk-arac { padding: .75rem; }
  .tk--vitrin .tk-govde, .tk--vitrin .tk-detay { padding: .75rem; }
  .tk--vitrin .tk-hucre { min-height: 3.1rem; }
  .tk--vitrin .tk-lejant { padding: .7rem .75rem .85rem; }
  .tk-sahne__ic { gap: .9rem; padding: 1.1rem .9rem .9rem; }
  .tk-sahne__tarih { width: 5rem; padding: .5rem .3rem .55rem; border-radius: 8px; }
  .tk-sahne__gun { font-size: 2.3rem; }
  .tk-sahne__hg { font-size: .62rem; }
  .tk-sahne__ay { font-size: .7rem; }
  .tk-sahne__saat { font-size: .72rem; padding: .1rem .45rem; }
  .tk-sahne__hoca { font-size: .98rem; }
  .tk-sahne__dugme { padding: .5rem .8rem; }
  .tk-sahne__gez { padding: .5rem .6rem; }
  .tk-sahne__ok { padding: .4rem .6rem; }
  .tk-sahne__bag { padding: .3rem .4rem; }
  .tk-sahne__eylem .tk-sahne__dugme { flex: 1 1 auto; justify-content: center; }
}
@media print { .tk-arac, .tk-lejant, .tk-sahne__gez, .tk-sahne__eylem { display: none; } }