/* Beniva Yönetim Paneli: kurumsal mavi #009fe3, turuncu #e37a08 */
:root{--bg:#f2f5f7;--kart:#fff;--yazi:#1d1d1b;--soluk:#5d6873;--cizgi:#dce3e8;--mavi:#0086c0;--mavi-a:#e2f2fa;--tur:#c96a05;--tur-a:#fdf0e1;--iyi:#1e7d4f;--iyi-a:#e2f4ea;--kotu:#b3261e;--kotu-a:#fbe7e5;--wa:#1f9d55}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--yazi);font:14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--mavi);text-decoration:none}a:hover{text-decoration:underline}
.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}
nav{background:var(--kart);border-right:1px solid var(--cizgi);padding:18px 14px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh}
nav .brand{margin-bottom:18px}nav .brand img{width:170px;height:auto;display:block}
nav a{padding:9px 12px;border-radius:6px;color:var(--soluk);font-weight:500}nav a:hover{background:var(--bg);text-decoration:none;color:var(--yazi)}nav a.on{background:var(--mavi-a);color:var(--mavi)}
.cikis{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--soluk)}
.cikis button{background:none;border:1px solid var(--cizgi);border-radius:6px;padding:5px 10px;cursor:pointer;color:var(--yazi)}
main{padding:24px;min-width:0;display:flex;flex-direction:column;gap:16px;max-width:1300px}
main.tek{min-height:100vh;display:grid;place-items:center;max-width:none}
h1{font-size:22px;margin:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}h2{font-size:15px;margin:0 0 10px}
.soluk{color:var(--soluk)}.mono{font-family:ui-monospace,Consolas,monospace;font-size:12.5px}.iyi{color:var(--iyi)}.buyuk{font-size:18px}
.bas{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:8px;padding:16px;min-width:0}
.kutu{background:var(--kart);border:1px solid var(--cizgi);border-radius:10px;padding:28px;width:min(380px,92vw);display:flex;flex-direction:column;gap:12px}
.kutu .logo{width:200px;margin:0 auto 6px}.kutu h1{justify-content:center;font-size:20px}
.kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kpi>*{background:var(--kart);border:1px solid var(--cizgi);border-radius:8px;padding:14px;color:var(--yazi)}.kpi>a:hover{border-color:var(--mavi);text-decoration:none}
.kpi small{display:block;color:var(--soluk);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.kpi b{display:block;font-size:21px;margin:4px 0;font-variant-numeric:tabular-nums}.kpi span{color:var(--soluk);font-size:12.5px}
.iki{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}
.form{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;align-items:end}.form .genis,.form h2{grid-column:1/-1}
label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--soluk)}
input,select,textarea{font:inherit;color:var(--yazi);background:#fff;border:1px solid var(--cizgi);border-radius:6px;padding:7px 9px;min-width:0;width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--mavi);outline-offset:0;border-color:var(--mavi)}
input.kisa{width:70px;text-align:right}input.orta{width:120px;text-align:right}input.tam{min-width:220px}
.btn{display:inline-block;background:var(--mavi);color:#fff;border:0;border-radius:6px;padding:8px 14px;font:600 13px system-ui,sans-serif;cursor:pointer;white-space:nowrap;text-align:center}
.btn:hover{filter:brightness(1.08);text-decoration:none}.btn.ince{background:#fff;color:var(--mavi);border:1px solid var(--cizgi)}.btn.wa{background:var(--wa)}.btn.tehlike{background:#fff;color:var(--kotu);border:1px solid var(--kotu-a)}
.islem{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.islem form{display:flex;gap:8px;align-items:center}.satir-form input{width:240px}
.onay{flex-direction:row;align-items:center;gap:6px}.onay input{width:auto}
.tablo{overflow-x:auto;background:var(--kart);border:1px solid var(--cizgi);border-radius:8px}
.kart .tablo{border:0;margin:12px -16px 0;border-radius:0}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--soluk);font-weight:600;padding:9px 10px;border-bottom:1px solid var(--cizgi);white-space:nowrap;background:#fafcfd}
td{padding:9px 10px;border-bottom:1px solid var(--cizgi);vertical-align:middle}tr:last-child td{border-bottom:0}
.n{text-align:right}td.islem{flex-wrap:nowrap}
.rozet{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--bg);color:var(--soluk)}
.r-yeni{background:var(--tur-a);color:var(--tur)}.r-arandi,.r-acik{background:var(--mavi-a);color:var(--mavi)}.r-teklif{background:#efe9fb;color:#6a3fb5}.r-satis{background:var(--iyi-a);color:var(--iyi)}.r-kayip{background:var(--kotu-a);color:var(--kotu)}
.filtre{display:flex;gap:6px;flex-wrap:wrap}.filtre a{padding:5px 12px;border-radius:99px;border:1px solid var(--cizgi);background:var(--kart);color:var(--soluk);font-size:13px}.filtre a.on{background:var(--mavi);border-color:var(--mavi);color:#fff}
.ara{display:flex;gap:8px;max-width:420px}
.flash{background:var(--iyi-a);color:var(--iyi);border-radius:6px;padding:10px 14px;font-weight:500}.hata{background:var(--kotu-a);color:var(--kotu);border-radius:6px;padding:10px 14px}
.satir{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--cizgi);color:var(--yazi)}.satir:last-child{border-bottom:0}
.bilgi{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 14px}.bilgi dt{color:var(--soluk)}.bilgi dd{margin:0}
.toplam{display:grid;grid-template-columns:auto auto;gap:4px 24px;justify-content:end;margin:14px 0;font-variant-numeric:tabular-nums}.toplam b{text-align:right}
.adimlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.adim{border:1px solid var(--cizgi);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--soluk)}
.adim b{color:var(--yazi);font-size:13.5px}.adim.tamam{background:var(--iyi-a);border-color:#b9e2cb}.adim.tamam b{color:var(--iyi)}
.urun img{max-width:100%;max-height:220px;display:block;margin:0 auto 12px}.gorsel-yok{background:var(--mavi-a);color:var(--mavi);border-radius:6px;padding:40px;text-align:center;margin-bottom:12px}
/* sol menü alt menüsü: üstüne gelince / dokununca açılır */
.altmenu{display:flex;flex-direction:column;gap:2px}.altmenu .ok{font-size:11px;opacity:.6}
.altmenu .alt{display:none;flex-direction:column;gap:2px;padding-left:12px;margin-left:12px;border-left:2px solid var(--cizgi)}
.altmenu .alt a{padding:7px 10px;font-size:13px}
.altmenu:hover .alt,.altmenu:focus-within .alt,.altmenu.acik .alt,.altmenu.dokun .alt{display:flex}
@media (max-width:800px){.altmenu{position:relative}.altmenu.acik:not(:hover):not(.dokun) .alt{display:none}.altmenu.dokun .alt{display:flex}.altmenu .alt{position:absolute;top:100%;left:0;z-index:20;background:var(--kart);border:1px solid var(--cizgi);border-radius:8px;margin:4px 0 0;padding:6px;box-shadow:0 8px 24px rgb(0 0 0 / .12);min-width:240px}}
@media (max-width:800px){.app{grid-template-columns:1fr}nav{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px 16px;border-right:0;border-bottom:1px solid var(--cizgi)}nav .brand{width:100%;margin-bottom:6px}.cikis{margin:0 0 0 auto}main{padding:16px}.kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}
.baglanti{background:none;border:0;padding:0;color:var(--mavi);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline}
label small.soluk{display:block;margin-top:4px;font-weight:400}
input.en{margin-top:4px;font-style:italic}
.form.ust-hizali{align-items:start}.form.ust-hizali h2{margin:6px 0 -4px;font-size:15px}
.adim select,.adim input{width:100%}.adim select{font-size:12px;padding-left:6px;padding-right:2px}.adim label.kucuk{display:flex;flex-direction:column;gap:3px;font-size:11.5px}.adim .oran{color:var(--yazi);font-weight:600}
label:has(.oneri){position:relative}.oneri{position:absolute;left:0;right:0;top:100%;margin-top:2px;z-index:20;background:var(--kart);border:1px solid var(--cizgi);border-radius:8px;box-shadow:0 8px 24px rgb(0 0 0 / .12);display:flex;flex-direction:column;max-height:300px;overflow:auto}
.oneri button{all:unset;cursor:pointer;padding:9px 12px;border-bottom:1px solid var(--cizgi);display:flex;flex-direction:column;gap:2px}.oneri button:last-child{border-bottom:0}.oneri button:hover{background:var(--mavi-a,#e6f5fc)}.oneri b{color:var(--yazi);font-size:14px}.oneri small{color:var(--soluk);font-size:11.5px}
.oneri[hidden]{display:none}
.btn.ikonlu{display:inline-flex;align-items:center;gap:7px}.btn.ikonlu img{width:20px;height:20px}
.pencere{border:0;border-radius:12px;padding:20px;width:min(720px,calc(100vw - 24px));max-height:calc(100vh - 40px);box-shadow:0 20px 60px rgb(0 0 0 / .25)}.pencere::backdrop{background:rgb(20 30 40 / .45)}
.pencere form{display:flex;flex-direction:column;gap:12px}.pencere h2{margin:0}.pencere .sag{justify-content:flex-end}
.stok-bas,.stok-satir{display:grid;grid-template-columns:1fr 110px 90px 34px;gap:8px;align-items:center}.stok-bas{font-size:11.5px;color:var(--soluk);text-transform:uppercase;letter-spacing:.05em}
.stok-satirlar{display:flex;flex-direction:column;gap:8px}.stok-satir .ara{position:relative;display:block}.stok-satir .ara input{width:100%}.stok-satir .oneri{margin-top:2px}
.stok-satir .tur{font-size:12.5px}.stok-satir .tur.hata{color:var(--kotu)}.stok-satir .sil{border:1px solid var(--cizgi);background:var(--kart);border-radius:6px;height:34px;cursor:pointer;font-size:18px;color:var(--soluk)}
@media (max-width:560px){.stok-bas{display:none}.stok-satir{grid-template-columns:1fr 70px 34px;border-bottom:1px solid var(--cizgi);padding-bottom:8px}.stok-satir .ara{grid-column:1/-1}.stok-satir .tur{grid-column:1}}
/* Teklif satırı iskonto/kâr sütunları */
.kotu{color:var(--kotu)}.kucuk{font-size:11.5px}.fiyat-tablo input.yuzde{width:72px;background:var(--mavi-a)}.fiyat-tablo td[data-a=kar]{font-weight:600;color:var(--iyi);white-space:nowrap}.fiyat-tablo td[data-a=kar].kotu{color:var(--kotu)}.fiyat-tablo [data-a=aisk-not],.fiyat-tablo [data-a=sisk-not]{margin-top:2px;color:var(--tur);font-weight:600}.fiyat-tablo [data-a$=-not]:empty{display:none}
.fiyat-tablo input.orta{width:96px}.fiyat-tablo input.tam{min-width:170px}.fiyat-tablo input.kisa{width:58px}.fiyat-tablo input.kisa.yuzde{width:68px}.fiyat-tablo th,.fiyat-tablo td{padding-left:6px;padding-right:6px}.fiyat-tablo td[data-a=toplam]{white-space:nowrap}.fiyat-tablo [data-a=sisk-not]{margin-top:3px}
.fiyat-tablo input.yuzde.elle{background:#fff3b0;border-color:#e0c040}
/* Sipariş durum renkleri */
.rozet.d-kotu{background:var(--kotu-a);color:var(--kotu)}.rozet.d-orta{background:#fff3b0;color:#7a5b00}.rozet.d-iyi{background:var(--iyi-a);color:var(--iyi)}
.adim.d-kotu{background:#fdf3f2;border-color:#f0c4c0}.adim.d-kotu b{color:var(--kotu)}.adim.d-orta{background:#fffbe6;border-color:#ecd98a}.adim.d-orta b{color:#7a5b00}.adim.d-iyi{background:var(--iyi-a);border-color:#b9e2cb}.adim.d-iyi b{color:var(--iyi)}
.toplamlar{display:flex;gap:16px;justify-content:flex-end;flex-wrap:wrap;margin:14px 0}.toplam-tablo{border-collapse:collapse;min-width:280px;border:1px solid var(--cizgi);border-radius:8px;font-variant-numeric:tabular-nums}
.toplam-tablo caption{text-align:left;font-weight:700;padding:0 0 6px;font-size:13.5px}.toplam-tablo caption .soluk{font-weight:400;font-size:12px}
.toplam-tablo th{text-align:left;font-weight:500;color:var(--soluk);padding:7px 12px;border-top:1px solid var(--cizgi)}.toplam-tablo td{text-align:right;font-weight:700;padding:7px 12px;border-top:1px solid var(--cizgi);white-space:nowrap}
.toplam-tablo tr.kar td{color:var(--iyi)}.toplam-tablo tr.kar.zarar td{color:var(--kotu)}
.toplamlar .toplam-tablo{width:auto;flex:0 1 340px;background:var(--kart)}.toplamlar .toplam-tablo th{text-transform:none;letter-spacing:0;background:none;font-size:13.5px}.toplamlar .toplam-tablo td{font-size:14px}
.kpi span.iyi{display:block;color:var(--iyi);font-weight:600;margin-top:2px}
.fiyat-tablo label.akdv{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:4px;font-size:11.5px;color:var(--soluk)}.fiyat-tablo label.akdv select{width:auto;padding:2px 4px;font-size:12px}
.fiyat-tablo label.akdv{white-space:nowrap;flex-wrap:nowrap}
#kalemler input[name=iskonto].ortalama,#kalemler input[name=ilave_alis].ortalama{background:#fff3b0;border-color:#e0c040}
#teklif-ara{flex:1;min-width:0}.ara:has(#teklif-ara){max-width:560px;align-items:center;margin:10px 0}#teklif-sayi{white-space:nowrap;font-size:12.5px}
/* Raporlar */
.baslik-satir{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.baslik-satir h1 .soluk{font-size:15px;font-weight:500;margin-left:6px}
.r-aralik{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:12px 0 18px}.r-aralik label{display:flex;flex-direction:column;font-size:12px;color:var(--soluk);gap:3px}.r-aralik input{width:auto}
.r-blok{background:var(--kart);border:1px solid var(--cizgi);border-radius:10px;padding:16px 18px;margin-bottom:14px}
.r-blok h2{font-size:15px;margin:0 0 12px}.r-blok h2 small{font-weight:500;color:var(--soluk);font-size:12px;margin-left:6px}
.r-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.r-kpi>div{background:var(--bg);border-radius:8px;padding:12px}.r-kpi span{display:block;font-size:11.5px;color:var(--soluk);text-transform:uppercase;letter-spacing:.05em}
.r-kpi b{display:block;font-size:20px;margin:4px 0 2px;font-variant-numeric:tabular-nums}.r-kpi b.iyi{color:var(--iyi)}.r-kpi b.kotu{color:var(--kotu)}.r-kpi b.mavi{color:var(--mavi)}.r-kpi small{font-size:12px;color:var(--soluk)}
.r-tablo{width:100%;border-collapse:collapse;font-size:13px}.r-tablo th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--soluk);padding:6px 8px;border-bottom:1px solid var(--cizgi)}
.r-tablo td{padding:7px 8px;border-bottom:1px solid var(--cizgi);font-variant-numeric:tabular-nums}.r-tablo .n{text-align:right;white-space:nowrap}
.r-iki{display:grid;grid-template-columns:1fr 1fr;gap:14px}.r-iki .r-blok{margin-bottom:14px}
.grafik{display:block;width:100%;height:auto}.r-lejant{font-size:12px;color:var(--soluk);margin:-6px 0 8px}.r-lejant i{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 5px 0 10px;vertical-align:-1px}.r-lejant i:first-child{margin-left:0}
.r-not{font-size:13px;color:var(--soluk);margin:10px 0 0}
@media (max-width:800px){.r-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.r-kpi b{font-size:16px;overflow-wrap:anywhere}.r-iki{grid-template-columns:1fr}.r-blok{padding:12px;overflow-x:auto}.r-blok .tablo{border:0}}
.dg{font-weight:700;font-size:12px;white-space:nowrap}.dg.art{color:var(--iyi)}.dg.az{color:var(--kotu)}.dg.es{color:var(--soluk)}
.r-kpi em{display:block;font-style:normal;font-size:11.5px;color:var(--soluk);margin-top:4px}
.r-kars td:first-child{font-weight:500}
.r-kpi em .dg{display:inline;text-transform:none;letter-spacing:0;font-size:11.5px}