/* ================================================================= KELİME NABZI · grafikten tarih seçimi (nabız ajanı)
   parca/cizgi-grafik.php 'secim' sütunları + parca/nabiz-secim.php paneli. site.js "nabız" bloğu yerinde doldurur. */

/* Grafiğin üstünde tam boy, saydam sütun bağlantıları: her ay bir hedef. Seçili ay: bant + orta çizgi + nokta. */
.grafik-secim { position: absolute; inset: 0; }
.grafik-sutun { position: absolute; top: 0; bottom: 0; display: block; -webkit-tap-highlight-color: transparent; }
.grafik-sutun:hover { background: rgba(233, 236, 239, 0.05); }
.grafik-sutun:focus-visible { outline: 2px solid var(--soguk); outline-offset: -2px; background: rgba(69, 201, 214, 0.08); }
.grafik-sutun[aria-current]::before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; margin-left: -1px; background: var(--soguk); opacity: 0.55; }
.grafik-sutun[aria-current]::after {
  content: ''; position: absolute; left: 50%; top: var(--y, 50%); width: 12px; height: 12px; margin: -6px 0 0 -6px;
  border-radius: 50%; background: var(--renk, var(--soguk)); box-shadow: 0 0 0 3px var(--kart), 0 0 0 4px var(--soguk);
}

/* Panel */
.n-panel { padding-top: 22px; border-top: 1px solid var(--kenar); scroll-margin-top: 12px; transition: opacity 0.15s; }

.n-secim-ust { display: flex; flex-wrap: wrap; gap: 14px 24px; justify-content: space-between; align-items: flex-end; }
.n-secim-baslik { flex: 1 1 420px; min-width: 0; }
.n-secim-baslik h2 { overflow-wrap: anywhere; }
.n-secim-baslik h2:focus { outline: none; }
.n-secim-form { display: flex; gap: 8px; flex: 0 1 auto; min-width: 0; max-width: 100%; }
.n-secim-form .girdi { width: auto; min-width: 0; max-width: 100%; min-height: 44px; }
.js .n-secim-form [data-nb-dugme] { display: none; }
.n-secim-gez { display: flex; flex-wrap: wrap; gap: 8px 10px; align-items: center; }
.n-gunler .cip { min-height: 40px; }
.n-liste { list-style: none; margin: 0; padding: 0; }
.n-kayit { padding: 16px 0; border-bottom: 1px solid var(--kenar); }
.n-kayit-ust { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; font-size: 13px; color: var(--soluk); }
.n-kayit-ust .mono { font-size: 12px; }
.n-kayit-ust a { color: var(--yumusak); }
.n-alinti { margin-top: 8px; font-size: 17px; }
.n-alinti-baslik { font-family: var(--serif); line-height: 1.55; color: var(--yumusak); overflow-wrap: anywhere; }
.n-vekil { font-weight: 600; }
.n-secim-not { max-width: 860px; }

@media (pointer: coarse) {
  .n-gunler .cip { min-height: 44px; }
}
@media (max-width: 760px) {
  .n-secim-form { flex: 1 1 100%; }
  .n-secim-form .girdi { flex: 1 1 auto; }
  .n-alinti { font-size: 16px; }
}