/* ── Tetikleyici alan · normal girdi gibi görünür, salt-okunur ── */
.sbt{ position:relative; }
.sbt-giris{ width:100%; text-align:left; cursor:pointer; font:inherit; }
.sbt-giris.bos{ color:var(--sbt-soluk, #7f96a8); }

/* ── Açılır panel ── */
.sbt-panel{
  position:absolute; z-index:60; left:0; top:calc(100% + 8px); width:min(310px, 88vw);
  padding:12px; border-radius:16px;
  background:var(--sbt-panel, #0B2136); border:1px solid var(--sbt-line, #2B4E70);
  color:var(--sbt-ink, #E6F4FB);
}
.sbt-panel[data-yon="ust"]{ top:auto; bottom:calc(100% + 8px); }

/* ── Panel başlığı · ay/yıl düğmeleri + oklar ── */
.sbt-bas{ display:flex; align-items:center; gap:6px; margin-bottom:10px; }
.sbt-ok{ width:32px; height:32px; flex:0 0 auto; display:grid; place-items:center;
  border:0; border-radius:9px; background:transparent; color:inherit; cursor:pointer;
  font-size:13px; transition:background-color .15s ease; }
.sbt-ok:hover{ background:var(--sbt-vurgu-zemin, rgba(120,190,235,.14)); }
.sbt-ok:disabled{ opacity:.3; cursor:default; }
.sbt-baslik{ flex:1; display:flex; gap:6px; justify-content:center; }
.sbt-baslik button{ border:0; background:transparent; color:inherit; cursor:pointer;
  font:inherit; font-size:14px; font-weight:800; letter-spacing:-.01em;
  padding:6px 10px; border-radius:9px; transition:background-color .15s ease; }
.sbt-baslik button:hover{ background:var(--sbt-vurgu-zemin, rgba(120,190,235,.14)); }

/* ── Gün ızgarası ── */
.sbt-hafta{ display:grid; grid-template-columns:repeat(7,1fr); gap:2px; margin-bottom:4px; }
.sbt-hafta span{ text-align:center; font-size:10.5px; font-weight:800; letter-spacing:.06em;
  color:var(--sbt-soluk, #7f96a8); padding:4px 0; }
.sbt-gunler{ display:grid; grid-template-columns:repeat(7,1fr); gap:2px; }
.sbt-gun{ aspect-ratio:1; display:grid; place-items:center;
  border:0; border-radius:9px; background:transparent; color:inherit; cursor:pointer;
  font:inherit; font-size:13px; font-weight:600; font-variant-numeric:tabular-nums;
  transition:background-color .14s ease, color .14s ease; }
.sbt-gun:hover:not(:disabled){ background:var(--sbt-vurgu-zemin, rgba(120,190,235,.14)); }
.sbt-gun:disabled{ opacity:.22; cursor:default; }
.sbt-gun.bosluk{ visibility:hidden; }
.sbt-gun.secili{ background:var(--sbt-marka, #3DC8EE); color:var(--sbt-marka-ink, #04121F); font-weight:800; }

/* ── Ay / yıl ızgarası ── */
.sbt-izgara{ display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
.sbt-izgara button{ padding:11px 4px; border:0; border-radius:10px; cursor:pointer;
  background:transparent; color:inherit; font:inherit; font-size:13px; font-weight:600;
  font-variant-numeric:tabular-nums; transition:background-color .14s ease, color .14s ease; }
.sbt-izgara button:hover:not(:disabled){ background:var(--sbt-vurgu-zemin, rgba(120,190,235,.14)); }
.sbt-izgara button:disabled{ opacity:.22; cursor:default; }
.sbt-izgara button.secili{ background:var(--sbt-marka, #3DC8EE); color:var(--sbt-marka-ink, #04121F); font-weight:800; }
.sbt-yillar{ max-height:210px; overflow-y:auto; scrollbar-width:thin; }

/* ── Alt çubuk ── */
.sbt-alt{ display:flex; gap:8px; margin-top:10px; padding-top:10px;
  border-top:1px solid var(--sbt-line, #2B4E70); }
.sbt-alt button{ flex:1; padding:9px; border-radius:10px; cursor:pointer; font:inherit;
  font-size:12.5px; font-weight:700; border:1px solid var(--sbt-line, #2B4E70);
  background:transparent; color:inherit; transition:border-color .15s ease; }
.sbt-alt button:hover{ border-color:var(--sbt-marka, #3DC8EE); }