/* Silinecek.com: ds.css üzerine çalışma ekranı. Renkler yalnızca token. */
.sl-lead { color: var(--ds-text-2); font-size: .92rem; }
.table-responsive { position: relative; } /* gizli ekran okuyucu metinleri kaydırma alanından taşmasın */

/* Sıradaki silinme */
.sl-next { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.2; }
.sl-next-l { font-size: .72rem; color: var(--ds-text-2); }
.sl-next strong { font-size: 1.15rem; font-variant-numeric: tabular-nums; color: var(--ds-brand); }

/* Gün şeridi */
.sl-days { display: flex; gap: .5rem; overflow-x: auto; padding-bottom: .15rem; scrollbar-width: thin; }
.sl-day { flex: 1 0 8.2rem; display: flex; flex-direction: column; gap: .1rem; padding: .5rem .7rem; border: 1px solid var(--ds-border); border-radius: .7rem; background: var(--ds-surface); color: var(--ds-text); text-decoration: none; transition: border-color .15s; }
.sl-day:hover { border-color: rgba(var(--ds-brand-rgb), .5); color: var(--ds-text); }
.sl-day.active { border-color: var(--ds-brand); box-shadow: inset 0 0 0 1px var(--ds-brand); }
.sl-day.done { opacity: .72; }
.sl-day-t { font-weight: 650; font-size: .88rem; }
.sl-day-n { font-size: .74rem; color: var(--ds-text-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sl-day-n b { color: var(--ds-brand); font-weight: 650; }

/* Hazır listeler */
.sl-lists { display: flex; flex-wrap: wrap; gap: .4rem; }
.sl-list { display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .65rem; border-radius: 999px; border: 1px solid var(--ds-border); background: var(--ds-surface); color: var(--ds-text); font-size: .82rem; font-weight: 550; text-decoration: none; white-space: nowrap; }
.sl-list span { color: var(--ds-text-2); font-weight: 450; font-variant-numeric: tabular-nums; }
.sl-list:hover { border-color: rgba(var(--ds-brand-rgb), .5); color: var(--ds-text); }
.sl-list.active { background: var(--ds-brand); border-color: var(--ds-brand); color: #fff; }
.sl-list.active span { color: #fff; }
[data-bs-theme="dark"] .sl-list.active, [data-bs-theme="dark"] .sl-list.active span { color: #0a0c10; }

/* Yerleşim */
.sl-layout { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: 1.25rem; align-items: start; }
.sl-main { min-width: 0; }
.sl-side .offcanvas-body { padding: 0; }
@media (min-width: 992px) { .sl-side { position: sticky; top: .75rem; max-height: calc(100vh - 1.5rem); overflow-y: auto; scrollbar-width: thin; padding-right: .25rem; } }
@media (max-width: 991.98px) {
  .sl-layout { display: block; }
  .sl-side .offcanvas-body { padding: 0 1rem 1rem; overflow-y: auto; }
}
.sl-f { margin-bottom: 1rem; min-width: 0; }
.sl-f legend, .sl-f legend label { font-size: .76rem; font-weight: 650; color: var(--ds-text-2); margin-bottom: .3rem; float: none; padding: 0; }
.sl-f[disabled] { opacity: .55; }
.sl-opt { display: flex; align-items: center; gap: .45rem; padding: .16rem 0; font-size: .85rem; cursor: pointer; }
.sl-opt .form-check-input { margin: 0; flex: none; }
.sl-opt span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.sl-opt small { color: var(--ds-text-2); font-variant-numeric: tabular-nums; }
.sl-f[disabled] .sl-opt { cursor: not-allowed; }
.sl-more summary { font-size: .8rem; color: var(--ds-brand); cursor: pointer; padding: .2rem 0; }
.sl-lock { display: flex; gap: .5rem; padding: .6rem .7rem; margin-bottom: 1rem; border: 1px dashed var(--ds-border-strong); border-radius: .7rem; font-size: .8rem; line-height: 1.4; }

/* Arama çubuğu */
.sl-bar { display: flex; gap: .5rem; margin-bottom: .6rem; }
.sl-search { flex: 1; min-width: 0; display: flex; align-items: center; gap: .4rem; padding: .25rem .3rem .25rem .7rem; background: var(--ds-surface); border: 1px solid var(--ds-border-strong); border-radius: .7rem; }
.sl-search:focus-within { border-color: rgba(var(--ds-brand-rgb), .6); box-shadow: var(--ds-ring); }
.sl-search > .bi { color: var(--ds-text-2); }
.sl-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--ds-text); padding: .25rem 0; }
.sl-search select { width: auto; flex: none; }
.sl-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .5rem; margin-bottom: .6rem; font-size: .85rem; min-height: 2rem; }
.sl-tag { display: inline-flex; align-items: center; padding: .08rem .25rem .08rem .55rem; border-radius: 999px; background: var(--ds-surface-3); color: var(--ds-text); font-size: .78rem; text-decoration: none; }
.sl-tag:hover { color: var(--ds-text); text-decoration: line-through; }

/* Tablo */
.sl-card { overflow: hidden; }
.sl-table { font-size: .875rem; --bs-table-bg: transparent; }
.sl-table th { font-size: .74rem; font-weight: 600; color: var(--ds-text-2); white-space: nowrap; }
.sl-table td { padding-top: .5rem; padding-bottom: .5rem; }
.sl-sort { color: inherit; text-decoration: none; }
.sl-sort:hover { color: var(--ds-text); }
.sl-c-sec { width: 2rem; }
.sl-dom { display: block; font-weight: 650; font-size: .95rem; overflow-wrap: anywhere; }
.sl-tld { font-weight: 450; color: var(--ds-text-2); }
.sl-words { display: block; font-size: .76rem; color: var(--ds-text-2); }
.sl-auc { display: inline-flex; align-items: center; gap: .3rem; margin-top: .15rem; padding: .05rem .45rem; border-radius: 999px; background: rgba(var(--ds-brand-rgb), .1); color: var(--ds-brand); font-size: .74rem; font-weight: 550; text-decoration: none; font-variant-numeric: tabular-nums; }
.sl-auc:hover { background: rgba(var(--ds-brand-rgb), .18); color: var(--ds-brand); }
.sl-none { color: var(--ds-text-3); }
a.sl-none:hover { color: var(--ds-brand); }
.sl-c-kw b { font-weight: 650; font-variant-numeric: tabular-nums; }
.sl-c-uz, .sl-c-tr, .sl-c-sira { font-variant-numeric: tabular-nums; }
.sl-p { display: inline-flex; align-items: center; gap: .4rem; }
.sl-p b { min-width: 1.4rem; text-align: right; font-variant-numeric: tabular-nums; font-weight: 700; }
.sl-p i { position: relative; display: block; width: 2.6rem; height: .3rem; border-radius: 99px; background: var(--ds-surface-3); overflow: hidden; }
.sl-p i::after { content: ''; position: absolute; inset: 0 auto 0 0; width: var(--p); border-radius: 99px; background: var(--ds-text-3); }
.sl-p[data-l="hi"] b { color: var(--ds-brand); }
.sl-p[data-l="hi"] i::after { background: var(--ds-brand); }
.sl-p[data-l="mid"] i::after { background: var(--ds-text-2); }
.sl-note { margin: .9rem 0 0; font-size: .76rem; color: var(--ds-text-2); }

/* Yönetim: IPS */
.sl-ips { font-size: .82rem; --bs-table-bg: transparent; }
.sl-ips th { font-size: .72rem; font-weight: 600; color: var(--ds-text-2); white-space: nowrap; }
.sl-ips td { padding-top: .35rem; padding-bottom: .35rem; font-variant-numeric: tabular-nums; }
.sl-ips .sl-dom { font-size: .85rem; }
.sl-rd { max-width: 12rem; overflow-wrap: anywhere; }

/* Sık görünüm */
.sl-dense .sl-table td { padding-top: .18rem; padding-bottom: .18rem; }
.sl-dense .sl-words { display: none; }
.sl-dense .sl-dom { font-size: .875rem; }
#slDense[aria-pressed="true"] { background: var(--ds-surface-3); }

/* JS varken süzgeçler kendiliğinden uygulanır */
.sl-js .sl-apply { display: none; }

/* Telefon: satır kart olur */
@media (max-width: 767.98px) {
  .sl-next { align-items: flex-start; }
  .sl-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .sl-table tbody tr { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .1rem .55rem; padding: .55rem .7rem; border-bottom: 1px solid var(--ds-border); }
  .sl-table td { display: block; padding: 0; border: 0; }
  .sl-c-kw, .sl-c-tr, .sl-c-uz { display: none !important; }
  .sl-c-sec { grid-row: 1; }
  .sl-c-dom { grid-row: 1; grid-column: 2; }
  .sl-c-p { grid-row: 1; grid-column: 3; }
  .sl-c-gun { grid-row: 2; grid-column: 2; }
  .sl-c-sira { grid-row: 2; grid-column: 3; }
  .sl-c-act { grid-row: 3; grid-column: 2 / 4; text-align: left !important; }
}

/* Sonraki günler (.tr günleri iki ay ileriye gider): çip içinde açılan liste, JS yok */
.sl-day-sonra { align-self: flex-start; cursor: pointer; }
.sl-day-sonra > summary { list-style: none; display: flex; flex-direction: column; gap: .1rem; }
.sl-day-sonra > summary::-webkit-details-marker { display: none; }
.sl-day-sonra[open] .bi-chevron-down { transform: rotate(180deg); }
.sl-day-menu { max-height: 14rem; overflow-y: auto; margin-top: .4rem; padding-top: .3rem; border-top: 1px solid var(--ds-border); }
.sl-day-menu a { display: flex; justify-content: space-between; gap: .75rem; padding: .15rem 0; font-size: .82rem; color: var(--ds-text); text-decoration: none; }
.sl-day-menu a:hover { color: var(--ds-brand); }
.sl-day-menu a span { color: var(--ds-text-2); font-variant-numeric: tabular-nums; }
.sl-day-menu a[aria-current] { color: var(--ds-brand); font-weight: 650; }
