:root{
  --kirmizi:#c8102e; --kirmizi-koyu:#9e0c24; --kirmizi-acik:#fbe9ec;
  --siyah:#1c1c1e; --gri:#6b6b70; --cizgi:#e4e4e7; --zemin:#f6f6f7; --beyaz:#fff;
  --yesil:#1f7a3f; --yesil-acik:#e7f4ec; --turuncu:#b45309; --turuncu-acik:#fef3e2;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--siyah);background:var(--zemin)}
a{color:var(--kirmizi);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:1.45rem;margin:.2rem 0 1rem}
h2{font-size:1.1rem;margin:1.4rem 0 .6rem}

/* Üst menü */
.ust{background:var(--beyaz);border-bottom:3px solid var(--kirmizi);display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;position:sticky;top:0;z-index:5}
.marka{display:flex;align-items:center;gap:.55rem;color:var(--siyah);text-decoration:none!important}
.marka img{width:46px;height:46px}
.marka span{display:flex;flex-direction:column;line-height:1.1}
.marka b{color:var(--kirmizi);font-size:1.1rem;letter-spacing:.02em}
.marka small{color:var(--gri);font-size:.75rem}
.ust nav{display:flex;align-items:center;gap:.15rem;flex-wrap:wrap;flex:1}
.ust nav>a{padding:.4rem .6rem;border-radius:6px;color:var(--siyah);font-weight:500}
.ust nav>a:hover{background:var(--zemin);text-decoration:none}
.ust nav>a.aktif{color:var(--kirmizi)}
.ust nav>a.vurgu{background:var(--kirmizi);color:#fff}
.ust nav>a.vurgu:hover{background:var(--kirmizi-koyu)}
.kim{margin-left:auto;display:flex;align-items:center;gap:.5rem;color:var(--gri)}
.kim form{margin:0}
.menu-ac,.menu-dugme{display:none}
@media (max-width:900px){
  .ust{flex-wrap:wrap}
  .menu-dugme{display:block;margin-left:auto;font-size:1.5rem;cursor:pointer;padding:.2rem .5rem}
  .ust nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch}
  .menu-ac:checked~nav{display:flex}
  .kim{margin:0;padding:.4rem .6rem;border-top:1px solid var(--cizgi)}
}

main{max-width:1280px;margin:0 auto;padding:1.2rem 1rem 2rem}
.alt{text-align:center;color:var(--gri);font-size:.8rem;padding:1rem}

/* Kutular */
.kart{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:10px;padding:1rem;margin-bottom:1rem}
.ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem;margin-bottom:1rem}
.ozet .kart{margin:0}
.ozet .deger{font-size:1.6rem;font-weight:700}
.ozet .etiket{color:var(--gri);font-size:.85rem}
.mesaj{background:var(--yesil-acik);color:var(--yesil);border:1px solid #bfe0cb;padding:.6rem .8rem;border-radius:8px;margin-bottom:1rem}
.mesaj.hata{background:var(--kirmizi-acik);color:var(--kirmizi-koyu);border-color:#f3c3cc}
.uyari{background:var(--turuncu-acik);color:var(--turuncu);border:1px solid #f6d7a8;padding:.6rem .8rem;border-radius:8px;margin:.6rem 0}
.baslik-satir{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:.8rem}
.baslik-satir h1{margin:0}
.baslik-satir .sag{margin-left:auto;display:flex;gap:.5rem;flex-wrap:wrap}

/* Form */
form.izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem;align-items:end}
label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--gri)}
input,select,textarea{font:inherit;color:var(--siyah);padding:.5rem .6rem;border:1px solid #cfcfd4;border-radius:7px;background:#fff;min-width:0}
input:focus,select:focus,textarea:focus{outline:2px solid var(--kirmizi-acik);border-color:var(--kirmizi)}
button,.dugme{font:inherit;font-weight:600;cursor:pointer;border:1px solid var(--kirmizi);background:var(--kirmizi);color:#fff;border-radius:7px;padding:.5rem .9rem;display:inline-block;text-align:center;white-space:nowrap}
button:hover,.dugme:hover{background:var(--kirmizi-koyu);text-decoration:none}
.dugme.ikincil,button.ikincil{background:#fff;color:var(--kirmizi)}
.dugme.ikincil:hover,button.ikincil:hover{background:var(--kirmizi-acik)}
button.bag{background:none;border:none;color:var(--kirmizi);padding:0;font-weight:500}
button.kucuk,.dugme.kucuk{padding:.2rem .5rem;font-size:.8rem}
form.satir-ici{display:inline;margin:0}

/* Tablo */
.tablo-kap{overflow-x:auto;background:var(--beyaz);border:1px solid var(--cizgi);border-radius:10px}
table{border-collapse:collapse;width:100%;font-size:.9rem}
th,td{padding:.45rem .6rem;border-bottom:1px solid var(--cizgi);text-align:left;white-space:nowrap}
th{background:#fafafa;font-weight:600;color:var(--gri);font-size:.8rem;position:sticky;top:0}
tr:hover td{background:#fcf7f8}
td.sayi,th.sayi{text-align:right;font-variant-numeric:tabular-nums}
tfoot td{font-weight:700;background:#fafafa}
tr.pasif td{color:#a1a1a6}
tr.iptal td{color:#a1a1a6;text-decoration:line-through}
.rozet{display:inline-block;font-size:.72rem;padding:.1rem .45rem;border-radius:99px;font-weight:600}
.rozet.aktif{background:var(--yesil-acik);color:var(--yesil)}
.rozet.pasif{background:#ececef;color:var(--gri)}
.rozet.iptal{background:var(--kirmizi-acik);color:var(--kirmizi-koyu)}
.rozet.uyari{background:var(--turuncu-acik);color:var(--turuncu);margin:0;border:none;padding:.1rem .45rem}
.matris td.hucre{text-align:right;min-width:88px}
.matris td.hucre small{display:block;color:var(--gri);font-size:.72rem}
.matris td.bos a{color:#c7c7cc;display:block;text-align:center}
.matris td.bos a:hover{color:var(--kirmizi)}
.matris td:first-child,.matris th:first-child{position:sticky;left:0;background:inherit;z-index:1}
.matris tbody td:first-child{background:#fff}
.matris thead th:first-child{background:#fafafa;z-index:2}
.gri{color:var(--gri)}

/* Makbuz görünümü */
.makbuz{max-width:620px}
.makbuz dl{display:grid;grid-template-columns:150px 1fr;gap:.35rem .8rem;margin:0}
.makbuz dt{color:var(--gri)}
.makbuz dd{margin:0;font-weight:600}
.makbuz .tutar{font-size:1.6rem;color:var(--kirmizi)}

/* Giriş */
.giris{max-width:360px;margin:8vh auto 0;text-align:center}
.giris img{width:120px;height:120px}
.giris h1{color:var(--kirmizi);margin:.5rem 0 0}
.giris p{color:var(--gri);margin:.2rem 0 1.2rem}
.giris form{display:flex;flex-direction:column;gap:.7rem;text-align:left}

/* Yazarak arama kutusu (ara.js) */
[hidden]{display:none!important}
input,select,textarea{font-size:16px}
.ara{position:relative;display:flex;align-items:center}
.ara-giris{width:100%;padding-right:2rem}
.ara-gizli{position:absolute!important;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}
.ara-temizle{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gri);font-size:1.3rem;line-height:1;padding:.2rem .45rem;min-height:0}
.ara-temizle:hover{background:var(--zemin);color:var(--siyah)}
.ara-liste{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;margin:0;padding:.25rem 0;list-style:none;background:var(--beyaz);border:1px solid #cfcfd4;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.12);max-height:min(60vh,360px);overflow-y:auto;color:var(--siyah)}
.ara-liste.acik{display:block}
.ara-liste li{padding:.6rem .75rem;cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:.95rem}
.ara-liste li.isaretli,.ara-liste li[role=option]:hover{background:var(--kirmizi-acik)}
.ara-liste li[aria-selected=true]{font-weight:600}
.ara-liste li.kapali{color:#a1a1a6;cursor:not-allowed}
.ara-liste li.ara-yok{color:var(--gri);cursor:default;font-size:.85rem}
.ara-liste li.ara-yok:hover{background:none}
.canli-kutu{max-width:420px;margin-bottom:.8rem}