/* Satış Kayıtları - Stil (Maestro Global marka renkleri; açık + koyu tema) */
:root {
    --marka: #1f3a31;
    --marka-koyu: #14201c;
    --altin: #b8902f;
    --acik-gri: #f3f5f4;
    --kart: #ffffff;
    --kenar: #dbe1de;
    --kirmizi: #c0392b;
    --yesil: #1e8e5a;
    --metin: #22302a;
    --metin-soluk: #66746d;
    --girdi-bg: #ffffff;
    --satir-hover: #f8faf9;
    --hata-bg: #fbeceb; --hata-kenar: #f2c9c5;
    --basari-bg: #e3f5ec; --basari-kenar: #bfe6d2;
    --bilgi-bg: #eaf1ee; --bilgi-kenar: #cfe0d9; --bilgi-metin: #1f3a31;
    --uyari-bg: #fff7e0; --uyari-kenar: #e2c26a; --uyari-metin: #6b5200;
    --nav-metin: #cfdcd6;
    --golge: 0 1px 2px rgba(20, 32, 28, 0.04), 0 4px 14px rgba(20, 32, 28, 0.04);
    --grafik-odendi: #1f8a66;
    --grafik-bekleyen: #b8860b;
    --grafik-izgara: #e3e8e5;
    --grafik-s1: #2a78d6;
    --grafik-s2: #eb6834;
    /* eski adlar (geriye dönük) */
    --lacivert: var(--marka);
    --lacivert-koyu: var(--marka-koyu);
    color-scheme: light;
}

/* Koyu tema: elle seçilmişse (data-tema="koyu") ya da cihaz koyu tema kullanıyor ve elle "açık" seçilmemişse */
:root[data-tema="koyu"] {
    --marka: #3f8a70;
    --marka-koyu: #e6efeb;
    --altin: #d1a94a;
    --acik-gri: #0e1512;
    --kart: #16201c;
    --kenar: #26342e;
    --kirmizi: #ef7d6e;
    --yesil: #4cc38f;
    --metin: #e3ece8;
    --metin-soluk: #93a39b;
    --girdi-bg: #101814;
    --satir-hover: #1a2621;
    --hata-bg: #3a1f1c; --hata-kenar: #61312c;
    --basari-bg: #15332a; --basari-kenar: #24523f;
    --bilgi-bg: #1a2a24; --bilgi-kenar: #2b4439; --bilgi-metin: #cfe4da;
    --uyari-bg: #3a3014; --uyari-kenar: #6b5a22; --uyari-metin: #f1d98c;
    --nav-metin: #b9c9c2;
    --golge: 0 1px 2px rgba(0, 0, 0, 0.3);
    --grafik-odendi: #2aa37c;
    --grafik-bekleyen: #c08a1a;
    --grafik-izgara: #26342e;
    --grafik-s1: #3987e5;
    --grafik-s2: #d95926;
    color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
    :root:not([data-tema="acik"]) {
        --marka: #3f8a70;
        --marka-koyu: #e6efeb;
        --altin: #d1a94a;
        --acik-gri: #0e1512;
        --kart: #16201c;
        --kenar: #26342e;
        --kirmizi: #ef7d6e;
        --yesil: #4cc38f;
        --metin: #e3ece8;
        --metin-soluk: #93a39b;
        --girdi-bg: #101814;
        --satir-hover: #1a2621;
        --hata-bg: #3a1f1c; --hata-kenar: #61312c;
        --basari-bg: #15332a; --basari-kenar: #24523f;
        --bilgi-bg: #1a2a24; --bilgi-kenar: #2b4439; --bilgi-metin: #cfe4da;
        --uyari-bg: #3a3014; --uyari-kenar: #6b5a22; --uyari-metin: #f1d98c;
        --nav-metin: #b9c9c2;
        --golge: 0 1px 2px rgba(0, 0, 0, 0.3);
        --grafik-odendi: #2aa37c;
        --grafik-bekleyen: #c08a1a;
        --grafik-izgara: #26342e;
        --grafik-s1: #3987e5;
        --grafik-s2: #d95926;
        color-scheme: dark;
    }
}

* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    background: var(--acik-gri);
    color: var(--metin);
    -webkit-font-smoothing: antialiased;
}

a { color: var(--marka); text-decoration: none; }
a:hover { text-decoration: underline; }
:focus-visible { outline: 2px solid var(--altin); outline-offset: 2px; }

/* ---------- Giriş sayfası ---------- */
.giris-sayfasi {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0d1814, #1f3a31);
    padding: 20px;
}

.giris-kutu {
    background: var(--kart);
    border-radius: 16px;
    padding: 36px 36px 32px;
    width: 100%;
    max-width: 410px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}

.giris-kutu .logo { display: block; width: 190px; max-width: 70%; margin: 0 auto 6px; }
.giris-kutu h1 {
    font-size: 18px;
    margin: 10px 0 4px;
    color: var(--marka-koyu);
    text-align: center;
}
.giris-kutu .alt-baslik {
    font-size: 13px;
    color: var(--metin-soluk);
    margin-bottom: 22px;
    text-align: center;
}

/* Açık/koyu temaya göre doğru logo (.giris-kutu .logo kuralından daha özgül olmalı) */
.giris-kutu .logo.logo-koyu-tema { display: none; }
:root[data-tema="koyu"] .giris-kutu .logo.logo-acik-tema { display: none; }
:root[data-tema="koyu"] .giris-kutu .logo.logo-koyu-tema { display: block; }
@media (prefers-color-scheme: dark) {
    :root:not([data-tema="acik"]) .giris-kutu .logo.logo-acik-tema { display: none; }
    :root:not([data-tema="acik"]) .giris-kutu .logo.logo-koyu-tema { display: block; }
}

/* ---------- Üst çubuk + menü ---------- */
.ust-cubuk {
    background: #14201c;
    color: #fff;
    padding: 0 24px;
    min-height: 62px;
    display: flex;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
    position: relative;
    z-index: 20;
}
:root[data-tema="koyu"] .ust-cubuk { background: #0a100e; border-bottom: 1px solid #1c2a25; }
@media (prefers-color-scheme: dark) { :root:not([data-tema="acik"]) .ust-cubuk { background: #0a100e; border-bottom: 1px solid #1c2a25; } }

.ust-cubuk .marka { display: flex; align-items: center; gap: 12px; color: #fff; text-decoration: none; }
.ust-cubuk .marka:hover { text-decoration: none; }
.ust-cubuk .marka img { height: 26px; width: auto; display: block; }
.ust-cubuk .marka-yazi { display: flex; flex-direction: column; line-height: 1.15; font-size: 15px; font-weight: 600; letter-spacing: 0.01em; }
.ust-cubuk .marka-yazi small { font-weight: 400; font-size: 11.5px; color: var(--altin); letter-spacing: 0.08em; text-transform: uppercase; }

.ana-menu { display: flex; align-items: stretch; gap: 4px; align-self: stretch; margin-right: auto; }
.ana-menu a {
    display: flex; align-items: center;
    padding: 0 14px;
    color: var(--nav-metin);
    font-size: 13.5px;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
}
.ana-menu a:hover { color: #fff; text-decoration: none; background: rgba(255, 255, 255, 0.05); }
.ana-menu a.aktif { color: #fff; border-bottom-color: var(--altin); font-weight: 600; }

.menu-rozet {
    display: inline-block; min-width: 18px; margin-left: 6px; padding: 1px 6px;
    border-radius: 10px; background: var(--altin); color: #14201c;
    font-size: 11px; font-weight: 700; line-height: 1.5; text-align: center;
}

.geri-baglanti { color: var(--nav-metin); font-size: 13px; }
.geri-baglanti:hover { color: #fff; }

.kullanici-menu { position: relative; }
.kullanici-menu summary {
    list-style: none; cursor: pointer;
    display: flex; align-items: center; gap: 10px;
    padding: 6px 10px; border-radius: 8px;
    color: #fff; font-size: 13px;
}
.kullanici-menu summary::-webkit-details-marker { display: none; }
.kullanici-menu summary:hover { background: rgba(255, 255, 255, 0.08); }
.kullanici-menu .avatar {
    width: 28px; height: 28px; border-radius: 50%;
    background: var(--altin); color: #14201c;
    display: inline-flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 12.5px;
}
.kullanici-menu .kim { display: flex; flex-direction: column; line-height: 1.2; }
.kullanici-menu .kim small { color: var(--nav-metin); font-size: 11.5px; }
.kullanici-menu .acilir {
    position: absolute; right: 0; top: calc(100% + 6px);
    min-width: 210px;
    background: var(--kart); color: var(--metin);
    border: 1px solid var(--kenar); border-radius: 10px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
    padding: 6px; z-index: 30;
}
.acilir a, .acilir button {
    display: block; width: 100%; text-align: left;
    padding: 9px 12px; border-radius: 7px; border: none; background: none;
    color: var(--metin); font: inherit; font-size: 13.5px; cursor: pointer;
}
.acilir a:hover, .acilir button:hover { background: var(--acik-gri); text-decoration: none; }
.acilir .ayirac { height: 1px; background: var(--kenar); margin: 5px 4px; }

/* ---------- Sayfa gövdesi + kartlar ---------- */
.icerik {
    max-width: 1100px;
    margin: 0 auto;
    padding: 26px 20px 60px;
}

.kart {
    background: var(--kart);
    border: 1px solid var(--kenar);
    border-radius: 14px;
    padding: 22px 24px;
    margin-bottom: 22px;
    box-shadow: var(--golge);
}

.kart h2 {
    margin: 0 0 16px;
    font-size: 16px;
    color: var(--marka-koyu);
}

.ozet-satirlari {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 14px;
    margin-bottom: 6px;
}

.ozet-kutu {
    background: var(--acik-gri);
    border-radius: 10px;
    padding: 14px 16px;
}

.ozet-kutu .etiket { font-size: 12px; color: var(--metin-soluk); margin-bottom: 6px; }
.ozet-kutu .deger { font-size: 19px; font-weight: 700; color: var(--marka-koyu); font-variant-numeric: tabular-nums; }
.ozet-kutu.vurgu .deger { color: var(--altin); }

/* ---------- Tablolar ---------- */
table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

th, td {
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid var(--kenar);
}

th {
    background: var(--acik-gri);
    color: var(--metin-soluk);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

tr:hover td { background: var(--satir-hover); }

.rakam { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* Rakam renkleri: kâr işaretine göre (renk tek başına anlam taşımaz; eksi işareti de görünür) */
.sayi-poz { color: var(--yesil); }
.sayi-neg { color: var(--kirmizi); }
.sayi-sifir { color: var(--metin-soluk); }
.ozet-kutu .deger.sayi-poz { color: var(--yesil); }
.ozet-kutu .deger.sayi-neg { color: var(--kirmizi); }
.ozet-kutu .deger.sayi-sifir { color: var(--metin-soluk); }

/* Tıklanabilir tablo satırı */
tr.satir-link { cursor: pointer; }
tr.satir-link:hover td { background: var(--satir-hover); }

.rozet {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.rozet.odendi { background: var(--basari-bg); color: var(--yesil); }
.rozet.odenmedi { background: var(--hata-bg); color: var(--kirmizi); }
.rozet.bekliyor { background: var(--acik-gri); color: var(--metin-soluk); border: 1px solid var(--kenar); }
.rozet.dikkat { background: var(--uyari-bg); color: var(--uyari-metin); }
.rozet.kritik { background: var(--hata-bg); color: var(--kirmizi); }

/* ---------- Formlar ---------- */
form label {
    display: block;
    font-size: 13px;
    color: var(--metin-soluk);
    margin: 14px 0 5px;
}

form input[type=text],
form input[type=number],
form input[type=date],
form input[type=password],
form select,
form textarea {
    width: 100%;
    padding: 9px 11px;
    border: 1px solid var(--kenar);
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    color: var(--metin);
    background: var(--girdi-bg);
}

form input:focus, form select:focus, form textarea:focus {
    outline: none;
    border-color: var(--marka);
    box-shadow: 0 0 0 3px rgba(63, 138, 112, 0.18);
}
form input[readonly] { background: var(--acik-gri); color: var(--metin-soluk); }

.buton {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 8px;
    border: none;
    background: var(--marka);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    text-align: center;
    transition: background 0.15s, opacity 0.15s;
}
.buton:hover { filter: brightness(1.12); text-decoration: none; }
.buton.ikincil { background: var(--kart); color: var(--marka); border: 1px solid var(--marka); }
.buton.ikincil:hover { background: var(--acik-gri); filter: none; text-decoration: none; }
.buton.tehlike { background: var(--kirmizi); color: #fff; }
.buton.tehlike:hover { filter: brightness(0.9); }
.buton.kucuk { padding: 6px 12px; font-size: 12.5px; }
.buton.tam-genislik { width: 100%; margin-top: 20px; }
.buton[disabled], .buton.yukleniyor { opacity: 0.65; cursor: progress; pointer-events: none; }

.form-satiri { display: flex; gap: 16px; flex-wrap: wrap; }
.form-satiri > div { flex: 1; min-width: 160px; }

/* Yeni kayıt formu: bölümler + sabit sonuç kartı */
.form-duzen { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; align-items: start; }
@media (min-width: 1000px) {
    .form-duzen.sonuclu { grid-template-columns: minmax(0, 1fr) 300px; }
    .form-duzen .sonuc-yan { position: sticky; top: 16px; }
}
.form-bolum { margin: 4px 0 0; }
.form-bolum + .form-bolum { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--kenar); }
.bolum-baslik { display: flex; align-items: center; gap: 10px; margin: 0 0 4px; font-size: 14.5px; font-weight: 700; color: var(--marka-koyu); }
.bolum-baslik .no {
    width: 24px; height: 24px; border-radius: 50%;
    background: var(--marka); color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 12.5px;
}
.bolum-not { font-size: 12.5px; color: var(--metin-soluk); margin: 0 0 6px; }

.sonuc-yan .kart { margin-bottom: 0; }
.sonuc-yan .ozet-satirlari { grid-template-columns: 1fr 1fr; }
.sonuc-yan .ozet-kutu .deger { font-size: 16px; white-space: nowrap; }
@media (min-width: 1000px) { .sonuc-yan .ozet-satirlari { grid-template-columns: 1fr; gap: 10px; } }
.form-bolum .form-satiri { align-items: flex-end; }
#odeme-tl-karsiligi-satiri, #maliyet-kuru-satiri { align-items: flex-start !important; }

.kaydet-cubugu { display: flex; gap: 12px; align-items: center; margin-top: 26px; }
@media (max-width: 999px) {
    .kaydet-cubugu {
        position: sticky; bottom: 0; z-index: 15;
        margin: 22px -24px -22px; padding: 12px 24px;
        background: var(--kart); border-top: 1px solid var(--kenar);
        border-radius: 0 0 14px 14px;
    }
}

/* ---------- Mesajlar ---------- */
.mesaj {
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 13.5px;
    margin-bottom: 18px;
    transition: opacity 0.4s, max-height 0.4s, margin 0.4s, padding 0.4s;
}

.mesaj.hata { background: var(--hata-bg); color: var(--kirmizi); border: 1px solid var(--hata-kenar); }
.mesaj.basari { background: var(--basari-bg); color: var(--yesil); border: 1px solid var(--basari-kenar); }
.mesaj.bilgi { background: var(--bilgi-bg); color: var(--bilgi-metin); border: 1px solid var(--bilgi-kenar); }
.mesaj.uyari { background: var(--uyari-bg); color: var(--uyari-metin); border: 1px solid var(--uyari-kenar); }
.mesaj.kayboluyor { opacity: 0; max-height: 0; margin: 0; padding-top: 0; padding-bottom: 0; overflow: hidden; border-width: 0; }

/* Panelin üstündeki ince bildirim şeritleri (kapatılabilir) */
.serit {
    display: flex; align-items: center; gap: 12px;
    padding: 9px 12px 9px 16px;
    border-radius: 8px;
    font-size: 13px;
    margin-bottom: 10px;
    border: 1px solid var(--bilgi-kenar);
    background: var(--bilgi-bg);
    color: var(--bilgi-metin);
}
.serit.uyari { background: var(--uyari-bg); border-color: var(--uyari-kenar); color: var(--uyari-metin); }
.serit .metin { flex: 1; }
.serit a { color: inherit; font-weight: 600; text-decoration: underline; }
.serit .kapat {
    border: none; background: none; color: inherit; cursor: pointer;
    font-size: 18px; line-height: 1; padding: 2px 6px; border-radius: 6px; opacity: 0.7;
}
.serit .kapat:hover { opacity: 1; background: rgba(0, 0, 0, 0.08); }

.islem-linkleri { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.islem-linkleri form { display: inline; }

/* Satırdaki "⋯" menüsü */
.satir-menu { position: relative; display: inline-block; }
.satir-menu summary {
    list-style: none; cursor: pointer;
    width: 32px; height: 32px; border-radius: 8px;
    display: inline-flex; align-items: center; justify-content: center;
    border: 1px solid var(--kenar); color: var(--metin-soluk); background: var(--kart);
    font-size: 18px; line-height: 1;
}
.satir-menu summary::-webkit-details-marker { display: none; }
.satir-menu summary:hover { background: var(--acik-gri); }
.satir-menu .acilir {
    position: absolute; right: 0; top: calc(100% + 4px);
    min-width: 170px; background: var(--kart);
    border: 1px solid var(--kenar); border-radius: 10px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2); padding: 6px; z-index: 10;
}

.yil-secim {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.yil-secim a {
    padding: 7px 16px;
    border-radius: 20px;
    background: var(--kart);
    border: 1px solid var(--kenar);
    color: var(--metin);
    font-size: 13.5px;
    font-weight: 600;
}

.yil-secim a.aktif {
    background: var(--marka);
    color: #fff;
    border-color: var(--marka);
}

.altbilgi {
    text-align: center;
    color: var(--metin-soluk);
    font-size: 12px;
    margin-top: 30px;
}

.bos-durum {
    text-align: center;
    padding: 30px 10px;
    color: var(--metin-soluk);
    font-size: 13.5px;
}

/* ---------- Panel grafiği ---------- */
.grafik-baslik { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 6px; }
.grafik-baslik h2 { margin: 0; }
.grafik-lejant { display: flex; gap: 16px; font-size: 12.5px; color: var(--metin-soluk); }
.grafik-lejant span { display: inline-flex; align-items: center; gap: 6px; }
.grafik-lejant i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.grafik-kutu { position: relative; }
.grafik-kutu svg { width: 100%; height: auto; display: block; overflow: visible; }
.grafik-kutu .izgara { stroke: var(--grafik-izgara); stroke-width: 1; }
.grafik-kutu .eksen-metin { fill: var(--metin-soluk); font-size: 11px; font-family: inherit; }
.grafik-kutu .deger-metin { fill: var(--metin); font-size: 11.5px; font-weight: 600; font-family: inherit; }
.grafik-kutu .sutun { cursor: default; transition: opacity 0.12s; }
.grafik-kutu .sutun.odendi { fill: var(--grafik-odendi); }
.grafik-kutu .sutun.bekleyen { fill: var(--grafik-bekleyen); }
.grafik-kutu .dilim:hover .sutun, .grafik-kutu .dilim:focus .sutun { filter: brightness(1.15); }
.grafik-kutu .dilim { outline: none; }
.grafik-kutu .dilim:focus-visible rect.hedef { stroke: var(--altin); stroke-width: 2; }
.grafik-ipucu {
    position: absolute; pointer-events: none; z-index: 5;
    background: var(--kart); color: var(--metin);
    border: 1px solid var(--kenar); border-radius: 8px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
    padding: 8px 11px; font-size: 12.5px; line-height: 1.45;
    min-width: 170px; opacity: 0; transition: opacity 0.1s;
}
.grafik-ipucu.gorunur { opacity: 1; }
.grafik-ipucu .ad { color: var(--metin-soluk); font-size: 11.5px; margin-bottom: 2px; }
.grafik-ipucu .satir { display: flex; justify-content: space-between; gap: 14px; }
.grafik-ipucu .satir b { font-variant-numeric: tabular-nums; }

@media (max-width: 820px) {
    .ust-cubuk { padding: 8px 16px; gap: 6px 14px; }
    .ana-menu { order: 3; flex-basis: 100%; overflow-x: auto; margin: 0 -16px; padding: 0 12px; align-self: auto; }
    .ana-menu a { padding: 10px 12px; white-space: nowrap; }
    .kullanici-menu { margin-left: auto; }
    .kullanici-menu .kim small { display: none; }
}

@media (max-width: 640px) {
    table, thead, tbody, th, td, tr { display: block; }
    thead { display: none; }
    tr { border: 1px solid var(--kenar); border-radius: 10px; margin-bottom: 12px; padding: 8px 10px; }
    td { border: none; display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 6px 4px; }
    td::before { content: attr(data-etiket); font-weight: 600; color: var(--metin-soluk); font-size: 12px; }
    .rakam { text-align: right; }
    .kart { padding: 18px 16px; }
    .icerik { padding: 18px 12px 50px; }
    .kaydet-cubugu { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; }
}

@media (prefers-reduced-motion: reduce) {
    * { transition: none !important; }
}

/* ---------- Küçük yardımcı sınıflar (satır içi stil yerine) ---------- */
.not-soluk { font-size: 12.5px; color: var(--metin-soluk); margin: 8px 0 14px; line-height: 1.5; }
.soluk-yazi { font-weight: 400; color: var(--metin-soluk); font-size: 13px; }
.kart-baslik-satiri { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 4px; }
.kart-baslik-satiri h2 { margin: 0; }
.sag-hizali { justify-content: flex-end; flex-wrap: nowrap; }
.grafik-dar { display: none; }
@media (max-width: 640px) {
    .grafik-genis { display: none; }
    .grafik-dar { display: block; }
    .sag-hizali { justify-content: space-between; width: 100%; }
}

/* ---------- Ciro / Kâr serileri + Analiz sayfası ---------- */
.grafik-kutu .sutun.s1, .grafik-lejant i.s1, .grafik-ipucu i.s1, .yatay-cubuk.s1 { fill: var(--grafik-s1); background: var(--grafik-s1); }
.grafik-kutu .sutun.s2, .grafik-lejant i.s2, .grafik-ipucu i.s2, .yatay-cubuk.s2 { fill: var(--grafik-s2); background: var(--grafik-s2); }
.grafik-ipucu i { display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 6px; }
.grafik-ipucu .satir span { display: inline-flex; align-items: center; }
.tablo-ac { margin-top: 10px; font-size: 13px; }
.tablo-ac summary { cursor: pointer; color: var(--marka); font-weight: 600; padding: 4px 0; }
.tablo-ac table { margin-top: 8px; }
.yatay-liste { display: flex; flex-direction: column; gap: 16px; }
.yatay-satir { display: grid; grid-template-columns: minmax(110px, 190px) minmax(0, 1fr); gap: 6px 16px; align-items: center; }
.yatay-satir .ad { font-size: 13.5px; font-weight: 600; word-break: break-word; }
.yatay-satir .ad small { display: block; font-weight: 400; color: var(--metin-soluk); font-size: 12px; }
.yatay-cubuklar { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.yatay-cubuk-satiri { display: flex; align-items: center; gap: 8px; }
.yatay-cubuk { height: 12px; border-radius: 0 4px 4px 0; min-width: 2px; flex: none; }
.yatay-cubuk-satiri .deger { font-size: 12px; color: var(--metin); font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (max-width: 640px) { .yatay-satir { grid-template-columns: 1fr; } }

tr.toplam-satir td { background: var(--acik-gri); border-top: 2px solid var(--kenar); font-weight: 600; }
tr.toplam-satir:hover td { background: var(--acik-gri); }
.sag-metin { text-align: right; color: var(--metin-soluk); font-size: 13px; }

.vade-hizli { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }

/* Satır menüsündeki silme talebi */
.acilir .tehlike-yazi { color: var(--kirmizi); }
.satir-menu .acilir form input[type=text] { font-size: 13px; padding: 7px 9px; }