/* =============================================================================
   VERI GIRIS EKRANLARI (Create / Edit)
   -----------------------------------------------------------------------------
   Onceki duzen tek bir 720 piksellik karti sayfanin sol ustune birakiyordu;
   genis ekranda saginda ve altinda ekranin yarisi kadar bos alan kaliyor, form
   da etiket-kutu-etiket-kutu diye akan duz bir listeydi. Yeni duzen uc seyi
   degistirir:

     1) BASLIK SERIDI - hangi ekranda olundugunu ve ne yapildigini soyleyen bir
        ust bant (ikon + baslik + tek cumlelik aciklama + geri baglantisi).
     2) BOLUMLER - alanlar anlamli gruplara ayrilir; her grubun kendi ikonu,
        basligi ve gerekiyorsa aciklamasi olur. Form artik "liste" degil,
        okunabilir bir belge.
     3) BOLUM BASLIGI - kendi satirinda: ikon + versal kucuk baslik + satirin
        sonuna uzanan ince cizgi. Alanlar kartin sol kenarindan baslar, hepsi
        ayni hatta oturur; bolum ayraci da bu cizgidir.
     4) OLCULU GENISLIK - kart icerige gore 1040 (genis) ya da 720 (kisa
        formlar) piksel. Alan sayisina gore secilir ki satirin sagi bos kalmasin.
     5) EYLEMLER - ayri bir cubukta degil, formun sag alt kosesinde.

   Alan denetimlerinin kendisi (.form-control, .field-label, .text-danger ...)
   site.css'te kalir; buradaki sinifar yalnizca DUZEN kurar.
   ========================================================================== */

/* Kart genisligi ICERIGE gore. 1040 piksel, dort alanlik bir satirin rahat
   oturdugu genisliktir; daha genisi alanlari gereksiz uzatir, satirin sagini
   bosaltir. Tek-iki alanli kisa formlar --dar ile 720'ye iner. */
.f-sayfa {
    max-width: 1040px;
}

.f-sayfa--dar {
    max-width: 720px;
}

/* Genis form: Rol Tanimlamalari - icindeki yetki izgarasi uc kolon
   (1000px+) istiyor, 1040'ta kart icinde iki kolona dusuyordu. */
.f-sayfa--genis {
    max-width: 1400px;
}

/* ---------- baslik seridi ---------- */
.f-ust {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 16px;
}

.f-geri {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--bd);
    border-radius: 10px;
    background: var(--surf);
    color: var(--tx2);
    flex-shrink: 0;
}

.f-geri:hover {
    border-color: var(--ac);
    color: var(--ac);
    text-decoration: none;
}

.f-ust-ikon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: var(--ac-bg);
    color: var(--ac-text);
    flex-shrink: 0;
}

.f-ust-govde {
    min-width: 0;
}

.f-ust-baslik {
    display: block;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -.01em;
    color: var(--tx);
}

/* ---------- kart ve bolum bantlari ----------
   Uc yapi denendi. Ayri kartlar: boylari tutmadigi icin kirik dokuk. Sol etiket
   rayi: hizayi cozdu ama pahaliya - ray her bantta 242 piksel yiyor ve basligin
   ALTINDA kocaman bir bosluk birakiyordu (Personel ekraninda 214x734 piksellik
   bos bir dikdortgen).

   Su anki yapi: bolum basligi kendi satirindadir. Ikon + kucuk puntolu versal
   baslik + satirin geri kalanini dolduran ince cizgi. Kazanci:
     · Ray yok, dolayisiyla ray altindaki bosluk da yok; alanlar kartin sol
       kenarindan baslar, hepsi ayni hatta oturur.
     · Basliktan uzanan cizgi hem bolumleri ayirir hem de bandi yatay olarak
       baglar; ayrica bant kenarligina gerek kalmaz (tek cizgi, iki degil).
     · Kart genisligi artik icerige gore: dort alanlik satir 1040 pikselde tam
       oturur, kisa formlar (.f-sayfa--dar) 720 piksele iner ve tek alanin
       yaninda 550 piksellik bosluk kalmaz. */
.f-govde {
    background: var(--surf);
    border: 1px solid var(--bd);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-card);
}

.f-govde > .validation-summary-errors {
    margin: 18px 24px 0;
}

/* ---------- bolum bandi ---------- */
.f-bolum {
    padding: 16px 24px 0;
}

/* ---------- bolum basligi ----------
   Versal, harf araligi acilmis kucuk punto: baslik olduguna dair sinyali
   BUYUKLUKLE degil ritimle verir, boylece alan etiketleriyle yarismaz. Onceki
   surumdeki 30 piksellik gri ikon kutusu kaldirildi - her bolumde bir gri leke
   birakiyordu. */
.f-bolum-bas {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
}

/* Basliktan sonra satirin sonuna kadar uzanan ince cizgi: bolum ayraci budur,
   bantlarin ayrica kenarligi yoktur. */
.f-bolum-bas::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--bd-l);
}

/* Bolum basliginin sagindaki kisa not (cizgiden once). */
.f-bolum-not {
    font-size: 11.5px;
    color: var(--tx3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.f-bolum-ikon {
    display: flex;
    align-items: center;
    color: var(--tx3);
    flex-shrink: 0;
}

.f-bolum-ad {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .085em;
    text-transform: uppercase;
    color: var(--tx2);
    white-space: nowrap;
}

.f-bolum-govde {
    min-width: 0;
}

.f-bolum-govde > * + * {
    margin-top: 14px;
}

/* ---------- alan izgarasi ----------
   12 sutunlu izgara: kisa alanlar (kod, sembol, tarih) yan yana durur, uzun
   alanlar tam genislik alir. Onceki auto-fit izgarasinda her alan en az 220px
   istedigi icin "Kod" ve "Sembol" gibi 4 karakterlik kutular da yari sayfa
   kapliyordu. */
.f-izgara {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px 16px;
}

/* Genislikler grid-column-START degil END uzerinden verilir. Kisayol yazim
   (grid-column: span N) baslangici da "span N" yaptigi icin, .f-satir-basi ile
   baslangici 1'e sabitlemek genisligi 1 sutuna dusuruyordu. */
.f-alan {
    min-width: 0;
    grid-column-end: span 12;
}

.f-2 { grid-column-end: span 2; }
.f-3 { grid-column-end: span 3; }
.f-4 { grid-column-end: span 4; }
.f-5 { grid-column-end: span 5; }
.f-6 { grid-column-end: span 6; }
.f-7 { grid-column-end: span 7; }
.f-8 { grid-column-end: span 8; }
.f-12 { grid-column-end: span 12; }

/* Yeni satirdan basla. Bir onceki alan izgarayi tam doldurmadiginda (ör. adres
   basligi 6 sutun kaplayip yanindaki harita baglantisi kosula bagli oldugu icin
   hic cizilmediginde) sonraki alan bosluga tirmanip anlamsiz bir eslesme
   kuruyordu - "Adres 2" ile "Ilce" yan yana gibi. */
.f-satir-basi {
    grid-column-start: 1;
}

/* Izgaranin icinde, alanlarin yaninda duran anahtar. Ust dolgu etiket
   yuksekligi kadar; genislik sinirini burada izgara belirler. */
.f-alan--anahtar {
    padding-top: 22px;
}

.f-alan--anahtar .f-anahtar {
    max-width: none;
}

/* Izgara icindeki alanlarda site.css'ten gelen alt bosluk gereksiz: araligi
   izgaranin kendi gap'i verir. */
.f-izgara .field,
.f-izgara .field-row {
    margin-bottom: 0;
}

/* Zorunlu alan yildizi. Etiket metni asp-for'dan geldigi icin isaret
   markup'a degil, alanin kendisine verilen sinifa baglanir. */
.f-alan--zorunlu > .field-label::after,
.f-alan--zorunlu > .form-label::after {
    content: " *";
    color: var(--color-danger);
    font-weight: 700;
}

/* ---------- anahtar (switch) satiri ----------
   Ciplak onay kutusu + yanina sikistirilmis aciklama yerine, tiklanabilir bir
   satir. KENARLIK YOK: her anahtar cerceveli bir kutu oldugunda sayfa kutu
   icinde kutuya donuyor, goz nereye bakacagini bilemiyordu. Ayrimi cok hafif
   bir zemin ve satirin kendi bosluklari veriyor.

   Genislik metnin okunabilirligiyle sinirli: 620 pikselin otesinde iki
   kelimelik bir etiketin sag ucunda tek basina duran bir dugme kaliyor. */
.f-anahtar {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 11px 14px;
    border: none;
    border-radius: var(--radius-sm);
    background: var(--alt);
    cursor: pointer;
    margin: 0;
    max-width: 620px;
}

.f-anahtar:hover {
    background: color-mix(in srgb, var(--ac) 6%, var(--alt));
}

.f-anahtar + .f-anahtar {
    margin-top: 8px;
}

/* Is kurali tasiyan anahtarlar (ticket muafiyeti, varsayilan kayit ...):
   dolu sari zemin yerine yalnizca sol kenarda ince bir uyari cizgisi. Ayni
   bilgiyi verir, ekranda leke birakmaz. */
.f-anahtar--dikkat {
    background: var(--alt);
    box-shadow: inset 2px 0 0 var(--color-warning);
}

.f-anahtar--dikkat:hover {
    background: color-mix(in srgb, var(--color-warning) 8%, var(--alt));
}

/* Izgaranin bir hucresine oturan kisa anahtar: yanindaki metin kutulariyla
   ayni yuksekligi tutar, satiri kaplamaz. Iki kelimelik bir etiket icin tam
   genislikte bir bant, ekranda o alanin oneminden fazlasini isgal ediyordu;
   uzun aciklama artik ipucunda (title). */
.f-alan--anahtar .f-anahtar--minik {
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 0 12px;
}

.f-anahtar-govde {
    flex: 1;
    min-width: 0;
}

.f-anahtar-ad {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--tx);
}

.f-anahtar-not {
    display: block;
    font-size: 12px;
    color: var(--tx2);
    line-height: 1.55;
    margin-top: 3px;
}

.f-anahtar-kutu {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 38px;
    height: 22px;
    margin: 1px 0 0;
    border: none;
    border-radius: 999px;
    background: var(--bd);
    cursor: pointer;
    flex-shrink: 0;
    order: 2;
    transition: background .15s ease;
}

.f-anahtar-kutu::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    transition: transform .15s ease;
}

.f-anahtar-kutu:checked {
    background: var(--ac);
}

.f-anahtar-kutu:checked::after {
    transform: translateX(16px);
}

.f-anahtar-kutu:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px var(--ac-bg);
}

/* ---------- eylem satiri ----------
   Ayri bir cubuk DEGIL: formun sag alt kosesi. Zemin rengi ve yapiskanlik
   birakildi - ikisi de bu satiri kartin uzerinde yuzen bagimsiz bir bara
   ceviriyordu. Ustundeki ince cizgiyi son bolum bandi zaten veriyor, o yuzden
   burada border-top yok (aksi halde cift cizgi olurdu).

   Birincil eylem EN SAGDA durur; sag hizalamada gozun son duragi orasidir.
   Markup sirasi da buna gore: once ikincil baglantilar, en sonda submit. */
.f-eylem {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 24px 18px;
}

/* Yetkinin BITTIGI basamak ince bir cerceveyle isaretlenir: dolu basamaklar
   arasinda hangisinin secim oldugu belli olsun. */
/* Dar ekranda iki sutun sigmaz: liste tek sutuna iner. */
@media (max-width: 1080px) {
    .f-yetki-liste {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 720px) {

    }

/* 12 sutunluk izgara 900 pikselin altinda anlamini yitiriyor: ucer sutunluk
   alanlar 60 piksele iniyor. Alanlar yariya, cok darlar tam genislige gecer. */
@media (max-width: 900px) {
    .f-2, .f-3, .f-4 {
        grid-column-end: span 6;
    }

    .f-5, .f-7, .f-8 {
        grid-column-end: span 12;
    }
}

@media (max-width: 760px) {
    .f-2, .f-3, .f-4, .f-5, .f-6, .f-7, .f-8 {
        grid-column-end: span 12;
    }

    .f-bolum {
        padding: 16px 15px 18px;
    }

    .f-eylem {
        padding: 14px 15px 16px;
    }

    .f-eylem .btn {
        flex: 1;
        justify-content: center;
    }
}

@media (max-width: 620px) {

}

/* =============================================================================
   SECIM KUTUSU PANELI (secim-kutusu.js)
   -----------------------------------------------------------------------------
   select.f-secim, form kutusuyla ayni gorunen bir dugme + yuzen panele
   donusur. Panel, Cari tablosunun KOLON SUZGECI paneliyle ayni dildedir
   (kullanici karari, 2026-09-03): ince gri cerceve, ustte baslik ve arama
   kutusu, altinda kolon baslikli kucuk bir tablo - zebra satirlar, kolonlar
   arasinda dikey cizgi. Yerli select 1 piksellik saydam kutu olarak yerinde
   kalir (display:none OLMAZ: jquery-validate gizli alani dogrulamaz).
   ========================================================================== */
.sk {
    position: relative;
    min-width: 0;
}

/* SECICI SARMAL SINIFIYLA BIRLIKTE YAZILIR (2026-09-18). Tek sinifla
   (".sk-yerli", 0-1-0) yazildiginda iki kural onu geciyordu, ikisi de 0-1-1:
   bootstrap'in "select:disabled { opacity: 1 }" kurali ve sayfa kurallari
   (ornegin rapor-secim.css ".rsecim-form input, .rsecim-form select" -
   dosya sonradan yuklendigi icin esitlikte de o kazaniyordu). Kutu
   KILITLENDIGINDE ikisi bir araya gelip 1 piksellik saydam kutuyu dugmenin sol
   ustunde 22x16'lik gri, cerceveli bir kutucuk olarak ciziyordu (rapor
   penceresinde tarih kirilimi "Tumu"de kilitlenince goruldu). Sarmalla birlikte
   0-2-1 olunca oncelik geri bize gecer; dolgu/cerceve/zemin de burada
   sifirlanir ki sayfaya ozel kurallar yerli select'i buyutemesin. */
.sk select.sk-yerli {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    opacity: 0;
    pointer-events: none;
}

/* Dugme .form-control sinifini da tasir: kenarlik, dolgu, yazi ve odak
   halkasi metin kutusuyla birebir. Burada yalnizca ic dizilim verilir. */
.sk-dugme {
    display: flex;
    align-items: center;
    gap: 8px;
    text-align: left;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.sk-dugme:hover:not(:disabled) {
    border-color: color-mix(in srgb, var(--ac) 45%, var(--bd));
}

.sk-dugme[aria-expanded="true"] {
    border-color: var(--ac);
    box-shadow: 0 0 0 3px var(--ac-bg);
}

.sk-dugme:disabled {
    cursor: default;
    color: var(--tx3);
    background: var(--alt);
}

.sk-metin {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sk-dugme--bos .sk-metin {
    color: var(--tx3);
}

/* Secili degerin kodu: tablodaki cari kodu gibi sabit genislikli, ikincil. */
.sk-kod {
    margin-right: 7px;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--tx2);
}

.sk-ok {
    flex: none;
    color: var(--tx3);
    transition: transform .15s ease, color .15s ease;
}

.sk-dugme[aria-expanded="true"] .sk-ok {
    transform: rotate(180deg);
    color: var(--ac);
}

/* ---- yuzen panel: kolon suzgeci paneliyle ayni kabuk ---- */
@keyframes sk-ac {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: none; }
}

.sk-panel {
    --sk-cizgi: color-mix(in srgb, var(--bd) 50%, var(--tx3));
    --sk-bant: color-mix(in srgb, var(--alt) 55%, var(--surf));
    position: fixed;
    z-index: 230;
    display: flex;
    flex-direction: column;
    max-height: 360px;
    /* Panel ZEMINI gri (kullanici istegi, 2026-09-03): arama kutusu ve tablo
       beyaz kutular olarak gri bir cerceve alaninin icinde durur - kolon
       suzgeci panelindeki "dis cerceve" hissi. Kenarlik cizgisi de ayni tonda. */
    background: var(--alt);
    border: 1px solid var(--sk-cizgi);
    border-radius: 10px;
    box-shadow: var(--shadow-card-lg);
    animation: sk-ac .12s ease;
}

/* Arama kutusu: ince cerceve, buytec SAGDA (kolon suzgecindeki gibi). */
.sk-ara {
    flex: none;
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 10px 10px 8px;
    padding: 0 9px 0 10px;
    height: 32px;
    border: 1px solid var(--bd);
    border-radius: 8px;
    background: var(--surf);
    color: var(--tx3);
    transition: border-color .12s ease, box-shadow .12s ease;
}

.sk-ara:focus-within {
    border-color: var(--ac);
    box-shadow: 0 0 0 3px var(--ac-bg);
}

.sk-ara input {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: none;
    padding: 0;
    font: inherit;
    font-size: 12.5px;
    color: var(--tx);
}

.sk-ara input::placeholder {
    color: var(--tx3);
}

.sk-ara-ikon {
    flex: none;
}

/* ---- Uygula seridi (select data-uygula, bkz. secim-kutusu.js) ----
   Panelin dibinde, listenin altinda; dugme saga yasli. Liste esnek oldugu
   icin serit panelin tavanini (max-height) asmaz, listeden yer alir. */
.sk-uygula-serit {
    flex: none;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    margin: -2px 10px 10px;
}

/* HAP ve INCE (kullanici istegi, 2026-09-23: "cekmece icinde sirimasin"):
   dolu mavi blok yerine ince cerceveli kapsul; yalnizca uzerine gelince
   vurgu rengine dolar. */
.sk-uygula {
    height: 24px;
    padding: 0 14px;
    border: 1px solid color-mix(in srgb, var(--ac) 45%, var(--bd));
    border-radius: 999px;
    background: var(--surf);
    color: var(--ac);
    font: inherit;
    font-size: 11.5px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .12s ease, color .12s ease;
}

.sk-uygula:hover:not(:disabled) {
    background: var(--ac);
    border-color: var(--ac);
    color: #fff;
}

.sk-uygula:disabled {
    border-color: var(--bd);
    background: transparent;
    color: var(--tx3);
    cursor: default;
}

/* ---- tablo ---- */
.sk-liste-sarmal {
    position: relative;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    margin: 0 10px 10px;
}

.sk-liste {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    border: 1px solid var(--bd);
    border-radius: 8px;
    background: var(--surf);
}

/* Kolon cizgisi = tutamak: cizginin uzerinde 7 piksellik gorunmez serit,
   imlec col-resize; uzerine gelince ve suruklerken cizgi aksan rengine doner. */
.sk-tutamak {
    position: absolute;
    top: 1px;
    bottom: 1px;
    width: 7px;
    margin-left: -3px;
    cursor: col-resize;
    z-index: 2;
    touch-action: none;
}

.sk-tutamak::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3px;
    width: 1px;
    background: transparent;
    transition: background .12s ease;
}

.sk-tutamak:hover::after,
.sk-tutamak.suruklenirken::after {
    background: var(--ac);
}

.sk-tablo {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 12.5px;
}

/* Kolon basligi: Cari thead ile ayni - --alt zemin, kalin 11.5px, buyuk harf degil. */
.sk-tablo th {
    position: sticky;
    top: 0;
    z-index: 1;
    height: 28px;
    padding: 0 10px;
    /* Beyaz (kullanici istegi): panel zemini zaten gri, baslik satiri da gri
       olunca tablo kutusunun ustu zeminle kaynasiyordu. Basligi alt cizgi ve
       kalin yazi ayirir. */
    background: var(--surf);
    border-bottom: 1px solid var(--sk-cizgi);
    text-align: left;
    font-size: 11.5px;
    font-weight: 700;
    color: var(--tx2);
    white-space: nowrap;
}

.sk-tablo td {
    height: 28px;
    padding: 0 10px;
    color: var(--tx);
    vertical-align: middle;
    border-bottom: 1px solid var(--bd-l);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sk-tablo tbody tr:last-child td {
    border-bottom: none;
}

/* Kolonlar arasinda dikey cizgi - tablodaki hucre cizgisiyle ayni ton. */
.sk-tablo th + th,
.sk-tablo td + td {
    border-left: 1px solid var(--sk-cizgi);
}

.sk-td-kod {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--tx2);
}

.sk-td-ad {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 28px;
}

.sk-td-ad > span {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* COK SECIMLI LISTEDE SATIR BASINDAKI ISARET KUTUSU (2026-09-20).
   Gercek bir <input type=checkbox> degil: satirin kendisi role="option" ve
   tiklanabilir, ikinci bir odak hedefi klavye gezinmesini bolerdi. Durum
   satirin .secili sinifindan okunur. */
/* Secici ".sk-td-ad > .sk-kutucuk" (0,2,0): bir ustteki ".sk-td-ad > span"
   kurali da bu span'i yakaliyor ve flex:1 verip kutuyu satir boyunca
   geriyordu (olculdu). */
.sk-td-ad > .sk-kutucuk {
    flex: none;
    display: grid;
    place-items: center;
    width: 15px;
    height: 15px;
    border: 1px solid var(--bd);
    border-radius: 4px;
    background: var(--surf);
    color: transparent;
}

.sk-tablo tbody tr.secili .sk-kutucuk {
    border-color: var(--ac);
    background: var(--ac);
    color: #fff;
}

/* Zebra: cift satirlar tablodaki bant tonunda. */
.sk-tablo tbody tr:nth-child(even) td {
    background: var(--sk-bant);
}

.sk-tablo tbody tr {
    cursor: pointer;
}

.sk-tablo tbody tr:hover td,
.sk-tablo tbody tr.vurgu td {
    background: var(--alt);
}

/* Secili satir: aksan zemini, sol serit, sagda onay. */
.sk-tablo tbody tr.secili td {
    background: var(--ac-bg);
    color: var(--ac-text);
    font-weight: 600;
}

.sk-tablo tbody tr.secili td:first-child {
    box-shadow: inset 3px 0 0 var(--ac);
}

.sk-onay {
    flex: none;
    color: var(--ac);
    visibility: hidden;
}

.sk-tablo tbody tr.secili .sk-onay {
    visibility: visible;
}

.sk-tablo .sk-bos {
    text-align: center;
    color: var(--tx3);
}

@media (prefers-reduced-motion: reduce) {
    .sk-panel { animation: none; }
    .sk-ok, .sk-dugme { transition: none; }
}