/* Yıldızel Defter — sade arayüz.
   Tasarım ilkesi: müşteri Excel'e alışkın, bu yüzden ekran bir tabloya
   benziyor. Muhasebe terimi yok (kasa, kategori, cari tipi vs). */

:root {
    --lacivert: #1f3864;
    --mavi:     #2e5c8a;
    --yesil:    #2e7d32;
    --kirmizi:  #c62828;
    --turuncu:  #e65100;
    --gri:      #f4f6f9;
    --cizgi:    #d8dee7;
    --metin:    #1b2430;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    font: 15px/1.5 "Segoe UI", system-ui, sans-serif;
    color: var(--metin);
    background: var(--gri);
}

/* ---------- üst şerit ---------- */
.ust {
    background: var(--lacivert);
    color: #fff;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.ust .marka { font-weight: 700; font-size: 18px; margin-right: 22px; padding: 14px 0; }
.ust a {
    color: #cfe0f5;
    text-decoration: none;
    padding: 15px 16px;
    border-bottom: 3px solid transparent;
    font-weight: 600;
}
.ust a:hover { color: #fff; background: rgba(255,255,255,.07); }
.ust a.etkin { color: #fff; border-bottom-color: #7fb2ff; background: rgba(255,255,255,.1); }

.govde { padding: 22px; max-width: 1500px; margin: 0 auto; }

/* ---------- seçim çubuğu ---------- */
.secim {
    background: #fff;
    border: 1px solid var(--cizgi);
    border-radius: 10px;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
.secim label { font-weight: 700; font-size: 15px; color: var(--lacivert); }
.secim select {
    font: 600 17px "Segoe UI", sans-serif;
    padding: 10px 14px;
    border: 2px solid var(--mavi);
    border-radius: 8px;
    background: #fff;
    min-width: 330px;
    color: var(--metin);
}

/* ---------- düğmeler ---------- */
.dugme {
    font: 600 15px "Segoe UI", sans-serif;
    padding: 10px 18px;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    background: var(--mavi);
    color: #fff;
}
.dugme:hover { filter: brightness(1.1); }
.dugme.yesil  { background: var(--yesil); }
.dugme.gri    { background: #607d8b; }
.dugme.buyuk  { font-size: 16px; padding: 12px 26px; }
.dugme:disabled { opacity: .5; cursor: default; }

/* ---------- tablo ---------- */
.kutu {
    background: #fff;
    border: 1px solid var(--cizgi);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
table { border-collapse: collapse; width: 100%; }
thead th {
    background: var(--lacivert);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 11px 8px;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 2;
}
tbody td {
    border-bottom: 1px solid #eef1f5;
    padding: 0;
    text-align: center;
}
tbody tr:nth-child(even) { background: #fafbfd; }
tbody tr:hover { background: #eef5ff; }

tbody input {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 9px 8px;
    font: 15px "Segoe UI", sans-serif;
    text-align: center;
    color: var(--metin);
}
tbody input:focus {
    outline: 2px solid var(--mavi);
    background: #fffdf0;
    border-radius: 4px;
}
tbody input.sol { text-align: left; }
td.hesap {
    padding: 9px 8px;
    background: #f7f9fc;
    font-weight: 600;
    color: #37474f;
    white-space: nowrap;
}
td.hesap.eksi { color: var(--kirmizi); }
td.hesap.arti { color: var(--yesil); }

/* ---------- toplam şeridi ---------- */
.toplam {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 16px;
}
.kart {
    background: #fff;
    border: 1px solid var(--cizgi);
    border-left: 5px solid var(--mavi);
    border-radius: 9px;
    padding: 13px 20px;
    min-width: 175px;
    flex: 1;
}
.kart .baslik { font-size: 12px; color: #6b7a8d; font-weight: 700; letter-spacing: .3px; }
.kart .deger  { font-size: 21px; font-weight: 700; margin-top: 4px; }
.kart.yesil  { border-left-color: var(--yesil); }
.kart.yesil .deger { color: var(--yesil); }
.kart.kirmizi { border-left-color: var(--kirmizi); }
.kart.kirmizi .deger { color: var(--kirmizi); }
.kart.turuncu { border-left-color: var(--turuncu); }

/* ---------- uyarı ---------- */
.uyari {
    background: #fff4e5;
    border: 1px solid #ffcc80;
    border-left: 5px solid var(--turuncu);
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 16px;
    font-size: 14px;
}
.uyari b { color: var(--turuncu); }
tr.sorunlu { background: #fff1f1 !important; }
tr.sorunlu td:first-child::before { content: "! "; color: var(--kirmizi); font-weight: 700; }

.bilgi { color: #6b7a8d; font-size: 13px; margin: 10px 2px; }

.durum {
    position: fixed;
    right: 22px;
    bottom: 22px;
    background: var(--yesil);
    color: #fff;
    padding: 13px 22px;
    border-radius: 9px;
    font-weight: 600;
    box-shadow: 0 4px 14px rgba(0,0,0,.2);
    display: none;
    z-index: 50;
}
.durum.hata { background: var(--kirmizi); }

.sil {
    color: #b0bec5;
    cursor: pointer;
    font-size: 18px;
    padding: 0 8px;
    user-select: none;
}
.sil:hover { color: var(--kirmizi); }