/* Ekura Pusula — çalışma ekranı. Düzen: koyu sol menü + açık çalışma alanı; tablolar yoğun, rakamlar eşit genişlikte. */
:root{
  --kirmizi:#B8352B; --kirmizi-acik:#F6E3E1;
  --zemin:#F5F3F0; --panel:#FFFFFF; --yazi:#1F1C1A; --soluk:#6E6762; --cizgi:#E2DDD7; --cizgi2:#EFEBE6;
  --menu:#22201E; --menu-yazi:#D9D3CC; --iyi:#2F7D4F; --uyari:#B07A12; --kotu:#B8352B; --mavi:#2F6FB5;
  --f:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif; --m:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --zemin:#171514; --panel:#201E1C; --yazi:#ECE7E1; --soluk:#A39B93; --cizgi:#36322F; --cizgi2:#2A2724; --menu:#0F0E0D; --kirmizi-acik:#3A1E1B; color-scheme:dark}}
:root[data-theme="dark"]{--zemin:#171514; --panel:#201E1C; --yazi:#ECE7E1; --soluk:#A39B93; --cizgi:#36322F; --cizgi2:#2A2724; --menu:#0F0E0D; --kirmizi-acik:#3A1E1B; color-scheme:dark}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font:14px/1.45 var(--f);background:var(--zemin);color:var(--yazi)}
button,input,select,textarea{font:inherit;color:inherit}
.yukleniyor{padding:40px;color:var(--soluk)}
.uygulama{display:grid;grid-template-columns:290px 1fr;min-height:100%}
.menu{background:var(--menu);color:var(--menu-yazi);padding:22px 14px;display:flex;flex-direction:column;gap:18px}
.marka{font-weight:700;font-size:21px;letter-spacing:-.3px;color:#fff}.marka span{color:#E2584C}
.marka small{display:block;font-size:10.5px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;color:#8E867F;margin-top:2px}
.menu nav{display:flex;flex-direction:column;gap:2px}
.menu a{color:var(--menu-yazi);text-decoration:none;padding:8px 10px;border-radius:7px;display:flex;justify-content:space-between}
.menu a:hover{background:#2E2B28}.menu a.on{background:#3A2422;color:#fff;box-shadow:inset 3px 0 0 #E2584C}
.menu .alt{margin-top:auto;font-size:12px;color:#8E867F;display:flex;flex-direction:column;gap:6px}
.menu .alt button{background:none;border:1px solid #3A3633;color:var(--menu-yazi);border-radius:6px;padding:6px 8px;cursor:pointer;text-align:left}
main{padding:26px max(24px,env(safe-area-inset-right,0px)) 40px 28px;min-width:0}
.ust{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.ust h1{margin:2px 0 0;font-size:24px;letter-spacing:-.3px;text-wrap:balance}
.etiket{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--soluk)}
.not{color:var(--soluk);font-size:12.5px}
.kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}
.kart{background:var(--panel);border:1px solid var(--cizgi);border-radius:10px;padding:14px 16px}
.kart .d{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:4px}
.panel{background:var(--panel);border:1px solid var(--cizgi);border-radius:10px;min-width:0}
.arac{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--cizgi)}
.arac input[type=search],.arac select{border:1px solid var(--cizgi);background:var(--zemin);border-radius:7px;padding:7px 10px;min-width:200px}
.tabloKap{overflow-x:auto}
table{border-collapse:collapse;width:100%}
th{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--soluk);text-align:left;font-weight:600;padding:9px 12px;border-bottom:1px solid var(--cizgi);background:var(--cizgi2);position:sticky;top:0}
td{padding:8px 12px;border-bottom:1px solid var(--cizgi2);vertical-align:top}
tr.grup td{background:var(--zemin);font-weight:600;font-size:12.5px;color:var(--soluk)}
td.r,th.r{text-align:right}.sayi{font-family:var(--m);font-variant-numeric:tabular-nums;font-size:13px}
.kalite{display:inline-flex;gap:3px}
.kalite button{width:26px;height:24px;border:1px solid var(--cizgi);background:var(--panel);border-radius:5px;cursor:pointer;font-weight:600;font-size:12px}
.kalite button.on[data-k="1"]{background:var(--iyi);color:#fff;border-color:var(--iyi)}
.kalite button.on[data-k="2"]{background:var(--uyari);color:#fff;border-color:var(--uyari)}
.kalite button.on[data-k="3"]{background:var(--soluk);color:#fff;border-color:var(--soluk)}
.kalite button:disabled{cursor:default}
.rozet{display:inline-block;font-size:11px;padding:1px 7px;border-radius:10px;background:var(--cizgi2);color:var(--soluk);white-space:nowrap}
.rozet.k{background:var(--kirmizi-acik);color:var(--kirmizi)}
.kisi{font-size:12.5px}.kisi b{font-weight:600}.kisi .cc{color:var(--soluk)}
.giris{min-height:100%;display:grid;place-items:center;padding:24px}
.giris form{background:var(--panel);border:1px solid var(--cizgi);border-radius:14px;padding:30px;width:min(380px,100%);display:flex;flex-direction:column;gap:12px}
.giris .marka{color:var(--yazi);margin-bottom:6px}
.giris label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--soluk)}
.giris input{border:1px solid var(--cizgi);background:var(--zemin);border-radius:8px;padding:10px 12px;font-size:15px;color:var(--yazi)}
.btn{background:var(--kirmizi);color:#fff;border:0;border-radius:8px;padding:10px 14px;font-weight:600;cursor:pointer}
.btn.ikincil{background:none;color:var(--yazi);border:1px solid var(--cizgi)}
.baglanti{background:none;border:0;color:var(--kirmizi);cursor:pointer;padding:0;font-size:13px;text-align:left}
.mesaj{font-size:13px;padding:9px 12px;border-radius:8px;background:var(--cizgi2)}.mesaj.hata{background:var(--kirmizi-acik);color:var(--kirmizi)}
:focus-visible{outline:2px solid var(--kirmizi);outline-offset:2px}
@media (max-width:820px){.uygulama{grid-template-columns:1fr}.menu{padding:14px max(16px,env(safe-area-inset-left,0px));flex-direction:row;flex-wrap:wrap;align-items:center}
  .menu nav{flex-direction:row;flex-wrap:wrap}.menu .alt{margin:0;flex-direction:row}main{padding:18px max(16px,env(safe-area-inset-right,0px)) 30px max(16px,env(safe-area-inset-left,0px))}}

.araliklar{display:flex;flex-wrap:wrap;gap:4px}
.araliklar span{display:inline-flex;flex-direction:column;align-items:flex-end;min-width:64px;padding:3px 7px;border:1px solid var(--cizgi);border-radius:6px;background:var(--zemin);line-height:1.25}
.araliklar small{font-size:10.5px;color:var(--soluk);white-space:nowrap}
.araliklar b{font-family:var(--m);font-size:13px}

.durum{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:10px;white-space:nowrap;background:var(--cizgi2);color:var(--soluk)}
.durum.mavi{background:#E3ECF7;color:var(--mavi)}.durum.sari{background:#F7EDD8;color:var(--uyari)}.durum.yesil{background:#E1F0E6;color:var(--iyi)}
.durum.kirmizi{background:var(--kirmizi-acik);color:var(--kirmizi)}.durum.koyu{background:var(--yazi);color:var(--panel)}
tr.tik{cursor:pointer}tr.tik:hover td{background:var(--cizgi2)}
.izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;padding:14px}
.izgara label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--soluk)}
.izgara input,.izgara select,.izgara textarea{border:1px solid var(--cizgi);background:var(--zemin);border-radius:7px;padding:8px 10px;color:var(--yazi);min-width:0}
.izgara .genis{grid-column:1/-1}

.kotu{color:var(--kotu)}
.ikiSutun{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:1100px){.ikiSutun{grid-template-columns:1fr}}
.zaman{padding:6px 14px 14px;display:flex;flex-direction:column}
.olay{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--cizgi2)}
.olay.planli{background:linear-gradient(90deg,transparent,transparent)}.olay.iptal{opacity:.55}
.pano{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px}
.kolon{background:var(--cizgi2);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0}
.kolonBas{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}
.fkart{background:var(--panel);border:1px solid var(--cizgi);border-radius:8px;padding:9px 10px;cursor:pointer}.fkart:hover{border-color:var(--kirmizi)}
#frForm:empty{display:none}#frForm{margin-bottom:16px}
.uygulama{min-height:100vh}#app{min-height:100%}

/* Menü bölümleri (Ekura / Seika / Ortak) */
.menu nav{gap:10px;overflow-y:auto}
.menu button.mblokBas,.menu button.mbolBas{width:100%;display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;font:inherit;text-align:left;color:var(--menu-yazi)}
.menu .mblok{background:#292624;border:1px solid #34302D;border-radius:10px;overflow:hidden}
.menu button.mblokBas{font-size:13.5px;font-weight:700;letter-spacing:.3px;color:#fff;padding:11px 12px;border-left:3px solid #E2584C}
.menu .mblok.acik>.mblokBas{border-bottom:1px solid #34302D}
.menu .mblokBas span{flex:1}.menu .mblokBas i{font-style:normal;opacity:.6}
.menu .mblokIc{display:none;flex-direction:column;gap:1px;padding:6px}.menu .mblok.acik>.mblokIc{display:flex}
.menu button.mbolBas{font-size:14px;padding:7px 8px;border-radius:7px}.menu .mbolBas:hover{background:#34302D}
.menu .mbolBas i{font-style:normal;width:12px;font-size:10px;opacity:.55}.menu .mbolBas span{flex:1}
.menu .mbolBas em{font-style:normal;font-size:10px;color:#8E867F;border:1px solid #3F3A37;border-radius:8px;padding:0 6px}
.menu .mbol.aktif>.mbolBas{color:#F2B8B2}
.menu .mlink{display:none;flex-direction:column;gap:1px;margin:2px 0 6px 14px;padding-left:10px;border-left:1px solid #46403C}.menu .mbol.acik>.mlink{display:flex}
.menu .mlink a{padding:6px 10px;font-size:13.5px}.menu .mlink .yakinda{padding:6px 10px;font-size:13px;color:#6E6762;cursor:default}
.rozet.s{background:#E3EAF6;color:#1F3F80}
.sirketSec{border:1px solid var(--cizgi);border-radius:7px;padding:6px 10px;display:flex;gap:14px;align-items:center;margin:0;font-size:13px;color:var(--yazi)}
.sirketSec legend{font-size:12.5px;color:var(--soluk);padding:0 4px}.sirketSec label{flex-direction:row!important;align-items:center;gap:6px!important;color:var(--yazi)!important}

/* Seika teklif kalemleri: iç alanlar (alış, kâr, tedarikçi) mavi zeminli; teklife girmez */
.kalemler td{padding:6px 6px;vertical-align:top}
.kalemler input{border:1px solid var(--cizgi);background:var(--zemin);border-radius:6px;padding:6px 8px;width:100%;min-width:0;color:var(--yazi)}
.kalemler input.r{text-align:right;font-family:var(--m);font-variant-numeric:tabular-nums}
.kalemler input.kucuk{margin-top:4px;font-size:12.5px}
.kalemler input.ic,th.ic{background:#EAF0FA}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .kalemler input.ic,:root:not([data-theme="light"]) th.ic{background:#1E2738}}
:root[data-theme="dark"] .kalemler input.ic,:root[data-theme="dark"] th.ic{background:#1E2738}
.kalemler .sil{padding:6px 9px;min-height:32px}
.toplamlar{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:12px 14px;border-top:1px solid var(--cizgi)}
.toplamlar div{display:flex;gap:24px;justify-content:space-between;min-width:min(420px,100%)}
.toplamlar span{color:var(--soluk)}.toplamlar .genel{font-size:16px;padding-top:4px;border-top:1px solid var(--cizgi2)}.toplamlar .genel span{color:var(--yazi);font-weight:600}
.toplamlar .ic{background:#EAF0FA;border-radius:6px;padding:4px 8px;margin-top:4px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .toplamlar .ic{background:#1E2738}}
.izgara label.secim{flex-direction:row;align-items:center;gap:8px;color:var(--yazi);grid-column:1/-1}.izgara label.secim input{width:18px;height:18px}

.refTablo td{vertical-align:top}.refDil{display:flex;gap:6px;align-items:flex-start;margin:2px 0}.refDil small{font-size:10px;color:var(--soluk);width:18px;padding-top:8px;flex:none}
.refTablo input,.refTablo textarea{width:100%;border:1px solid var(--cizgi);background:var(--zemin);border-radius:6px;padding:6px 8px;color:var(--yazi);resize:vertical;min-width:120px}
.izgara label.genis textarea,.izgara label.genis input{width:100%}
.hucre{width:100%;min-width:76px;border:1px solid transparent;background:transparent;border-radius:6px;padding:4px 6px;text-align:right;font-variant-numeric:tabular-nums;font-family:var(--m);font-size:13px}
.hucre.metin{text-align:left;font-family:var(--f);min-width:140px}
.hucre:hover:not(:disabled),.hucre:focus{border-color:var(--cizgi);background:var(--zemin)}
.hucre.kayitli{border-color:var(--iyi);background:#E1F0E6}

/* Tedarikçi teklifleri – sekmeler */
.sekmeler{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap}
.sekmeler button{background:none;border:1px solid var(--cizgi);border-radius:8px;padding:7px 12px;cursor:pointer;color:var(--soluk);font:inherit;font-size:13px}
.sekmeler button.on{background:var(--yazi);color:var(--panel);border-color:var(--yazi)}
.belge{text-decoration:none;color:var(--kirmizi);white-space:nowrap}.belge:hover{text-decoration:underline}

/* İskontolar */
.iskTablo td{vertical-align:middle;padding:10px 12px}
.iskTablo tr.iskSatir.acik td{background:var(--cizgi2);border-bottom-color:transparent}
.iskOk{display:inline-block;width:16px;color:var(--soluk);font-size:11px}
.iskYuzde{display:inline-block;min-width:58px;text-align:center;font-family:var(--m);font-variant-numeric:tabular-nums;font-weight:700;font-size:14px;padding:3px 10px;border-radius:12px;background:#E1F0E6;color:var(--iyi)}
.iskPerde{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:40}
.iskCekmece{position:fixed;top:0;right:0;bottom:0;width:min(520px,100vw);background:var(--panel);z-index:41;box-shadow:-8px 0 24px rgba(0,0,0,.18);padding:18px 20px;overflow:auto}
.iskCekBas{display:flex;align-items:center;gap:14px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--cizgi)}
.iskCekBas>div{flex:1}.iskCekBas h3{margin:2px 0 0;font-size:18px}
.iskCekmece table th{position:static;background:transparent}
.iskCekmece td{border-bottom:0;padding:8px 6px 2px}
.iskCekmece tr.iskAlt td{padding:0 6px 8px;border-bottom:1px solid var(--cizgi2)}
.iskCekmece tr.eski td{color:var(--soluk)}
.iskGecBas{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:8px}