/* ==========================================================================
   ek/yasama-suresi.css — /arastirma/yasama-sureleri (YasamaSuresiDenetleyici): kanun tekliflerinin yasama süreleri. Önek "k-".
   ========================================================================== */
.k-tablo .tablo-satir > span:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.k-tablo .k-vurgu { background: rgba(var(--sicak-rgb), 0.08); }
.k-tablo .k-vurgu > span:first-child { color: var(--sicak); font-weight: 700; }
.k-liste .tablo-satir { align-items: start; padding: 12px 0; }
.k-liste .k-govde a { color: var(--baslik); }
.k-alt { display: block; margin-top: 3px; font-family: var(--yazi); font-size: 12.5px; line-height: 1.45; color: var(--soluk); }
.k-cipler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.k-cip { font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.04em; padding: 2px 8px; border: 1px solid var(--kenar-guclu); border-radius: 999px; color: var(--yumusak); }
.k-etiket { display: none; }
@media (max-width: 640px) {
  .k-liste .tablo-bas { display: none; }
  .k-liste .tablo-satir { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 12px; }
  .k-liste .tablo-satir > span:first-child, .k-liste .k-govde { grid-column: 1 / -1; }
  .k-liste .tablo-satir > span:first-child .k-alt { display: inline; margin-left: 8px; }
  .k-liste .tablo-satir > .sag { text-align: left; }
  .k-etiket { display: block; font-family: var(--yazi); font-size: 11px; color: var(--soluk); }
}

/* ---- aşama renkleri (dataviz doğrulayıcısı: ışıklık bandı, doygunluk, renk körlüğü ayrımı, kontrast — koyu yüzey #151920,
   açık yüzey #FFFFFF; sitenin --soguk/--sicak/--mor koyu tonları bant dışında kaldığı için grafiğe özel adımlar) */
:root { --k-havale: #00A3B8; --k-komisyon: #BC8418; --k-genel-kurul: #8466E0; }
:root[data-tema="acik"] { --k-havale: #0088A0; --k-komisyon: #8F5B00; --k-genel-kurul: #6A45D1; }
.k-havale { background: var(--k-havale); }
.k-komisyon { background: var(--k-komisyon); }
.k-genel_kurul { background: var(--k-genel-kurul); }
.k-lejant { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 14px; font-size: 13px; color: var(--yumusak); }
.k-lejant span, .k-yol-alt span { display: inline-flex; align-items: center; gap: 6px; }
.k-lejant i, .k-yol-alt i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; }

/* ---- yatay aşama çubukları (yıl / dönem satırları; tek ölçek) */
.k-yol { display: flex; flex-direction: column; }
.k-yol-satir { display: grid; grid-template-columns: 110px minmax(0, 1fr) 300px; gap: 6px 16px; align-items: center; min-height: 52px; padding: 8px 6px; border-bottom: 1px solid var(--ayrac); color: var(--metin); }
.k-yol-satir:hover { text-decoration: none; background: rgba(var(--ust-rgb), 0.03); }
.k-yol-ad { font-size: 15px; font-weight: 700; color: var(--baslik); }
.k-yol-iz { position: relative; display: flex; align-items: center; gap: 10px; min-width: 0; }
.k-yol-cubuk { flex: none; display: flex; gap: 2px; height: 20px; width: calc((100% - 86px) * var(--x)); min-width: 6px; }
.k-yol-cubuk i { flex-basis: 0; min-width: 2px; }
.k-yol-cubuk i:last-child { border-radius: 0 4px 4px 0; }
.k-yol-toplam { font-size: 14px; color: var(--baslik); white-space: nowrap; }
.k-yol-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 4px; font-size: 12px; color: var(--yumusak); }
.k-yol-bos { font-size: 13px; color: var(--soluk); }
@media (max-width: 760px) {
  .k-yol-satir { grid-template-columns: 104px minmax(0, 1fr); }
  .k-yol-alt { grid-column: 2; }
}

/* ---- dikey yığılmış sütun grafiği (yıllar): tek eksen gün, kılcal ızgara, ≤24px sütun, 2px yüzey boşluğu, 4px yuvarlak uç */
.k-sg-kaydir { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.k-sg { position: relative; min-width: 900px; height: 300px; padding: 22px 0 28px 66px; }
.k-sg-izgara { position: absolute; inset: 22px 0 28px 66px; }
.k-sg-izgara span { position: absolute; left: 0; right: 0; bottom: calc(var(--t) * 100%); border-top: 1px solid var(--ayrac); }
.k-sg-izgara b { position: absolute; right: calc(100% + 8px); top: -8px; font-size: 10.5px; font-weight: 400; color: var(--soluk); white-space: nowrap; }
.k-sg-sutunlar { position: relative; display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); height: 100%; }
.k-sg-sutun { position: relative; display: flex; justify-content: center; height: 100%; color: var(--metin); }
.k-sg-sutun:hover, .k-sg-sutun:focus-visible { text-decoration: none; }
.k-sg-vurgu::before { content: ''; position: absolute; top: -22px; bottom: -26px; left: 2px; right: 2px; border-radius: 4px; background: rgba(var(--ust-rgb), 0.05); }
.k-sg-yigin { position: absolute; bottom: 0; z-index: 1; display: flex; flex-direction: column-reverse; gap: 2px; width: min(24px, 62%); height: calc(var(--h) * 100%); }
.k-sg-yigin i { flex-basis: 0; min-height: 2px; }
.k-sg-yigin i:last-child { border-radius: 4px 4px 0 0; }
.k-sg-soluk .k-sg-yigin { opacity: 0.45; }
.k-sg-sutun:hover .k-sg-yigin, .k-sg-sutun:focus-visible .k-sg-yigin { filter: brightness(1.15); }
.k-sg-deger { position: absolute; z-index: 1; bottom: calc(var(--h) * 100% + 4px); font-size: 11px; color: var(--baslik); }
.k-sg-etiket { position: absolute; top: calc(100% + 8px); font-size: 10px; color: var(--soluk); }
.k-sg-vurgu .k-sg-etiket { font-weight: 700; color: var(--baslik); }
.k-sg-sutun::after { content: attr(data-ipucu); position: absolute; top: 0; left: 50%; z-index: 3; min-width: 200px; padding: 8px 10px; border: 1px solid var(--kenar-guclu); border-radius: 6px;
  background: var(--yuksek); box-shadow: 0 6px 18px var(--golge); font-family: var(--yazi); font-size: 12.5px; line-height: 1.5; color: var(--metin); white-space: pre-line;
  opacity: 0; pointer-events: none; transition: opacity 0.12s; }
.k-sg-sag::after { left: auto; right: 50%; }
.k-sg-sutun:hover::after, .k-sg-sutun:focus-visible::after { opacity: 1; }

/* ---- ortanca: çubukta dikey çizgi, sütunda nokta (mürekkep rengi, 2px yüzey halkası; seri rengi değil) */
.k-yol-ortanca { position: absolute; z-index: 1; top: 50%; left: calc((100% - 86px) * var(--m)); width: 3px; height: 30px; margin: -15px 0 0 -1px; border-radius: 2px;
  background: var(--baslik); box-shadow: 0 0 0 2px var(--kart); }
.k-yol-olcu { display: inline-block; min-width: 62px; font-family: var(--yazi); font-size: 11px; color: var(--soluk); }
.k-yol-satir2 { display: flex; flex-basis: 100%; flex-wrap: wrap; align-items: center; gap: 2px 4px; margin-top: 2px; }
.k-sg-ortanca { position: absolute; z-index: 2; bottom: calc(var(--m) * 100%); left: 50%; width: 9px; height: 9px; margin: 0 0 -4px -4.5px; border-radius: 50%;
  background: var(--baslik); box-shadow: 0 0 0 2px var(--kart); }
.k-lejant .k-lejant-cizgi { width: 3px; height: 14px; border-radius: 2px; background: var(--baslik); }
.k-lejant .k-lejant-nokta { width: 9px; height: 9px; border-radius: 50%; background: var(--baslik); }
.k-gore-etiket { margin: 0 0 0 8px; align-self: center; }
.k-gore { flex: 0 1 210px; width: auto; }
.k-yol-n { display: block; margin-top: 2px; font-size: 11px; font-weight: 400; color: var(--soluk); }

/* ---- C: yıl yıl üç grup (tasarı / hükümet partisi / diğer), E: parti tablosu */
.k-grup-yil { margin: 18px 0 2px; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; color: var(--baslik); }
.k-grup-yil:first-of-type { margin-top: 4px; }
.k-yol-grup .k-yol-satir { grid-template-columns: 190px minmax(0, 1fr) 300px; min-height: 46px; }
.k-yol-grup .k-yol-ad { font-size: 13.5px; font-weight: 600; }
.k-oran { display: grid; grid-template-columns: minmax(0, 1fr) 48px; gap: 10px; align-items: center; }
.k-oran b { text-align: right; font-size: 13px; font-weight: 400; }
@media (max-width: 760px) {
  .k-yol-grup .k-yol-satir { grid-template-columns: 110px minmax(0, 1fr); }
}

/* ---- dönem çipleri, yıl seçici, dönem sayfası */
.k-cip-baslik { align-self: center; margin-right: 4px; font-size: 11px; letter-spacing: 0.08em; }
.k-yil-secici summary { cursor: pointer; font-size: 14px; color: var(--soguk); }
.k-yil-kutular { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.k-yil-kutular .onay-kutusu { min-width: 78px; }
.k-yol-vurgu { background: rgba(var(--sicak-rgb), 0.08); }
.k-yol-vurgu .k-yol-ad { color: var(--sicak); }
.k-uclar { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 16px; }
.k-uc-satir { display: grid; grid-template-columns: 70px minmax(0, 1fr) 70px; gap: 10px; align-items: start; padding: 10px 0; border-bottom: 1px solid var(--ayrac); font-size: 14px; color: var(--metin); }
.k-uc-satir:hover { text-decoration: none; background: rgba(var(--ust-rgb), 0.03); }
.k-uc-satir b { text-align: right; color: var(--baslik); }
.cip[aria-current] .soluk, .cip.etkin .soluk { color: inherit; opacity: 0.75; }