/* ERP ana stil dosyası. Bölüm başları "== N · AD ==" satırıyla işaretli: 1 Temel 2 Yerleşim 3 Bileşenler 4 Tablo 5 Iframe 6 B2B 7 Etiket 8 Kargo etiket 9 Günlük Kırılımlar mobil.css, koyu tema koyu.css — ikisi de bu dosyadan SONRA yüklenir. */ /* ======================== 1 · TEMEL ======================== */ /*#region Universal Reset*/ *, *::before, *::after{box-sizing:border-box;} button, input, select, textarea{font:inherit;} img, svg{vertical-align:middle;} /*#endregion*/ html, body{height:100%;} body{margin:0; font-family:'Poppins', Arial, sans-serif; font-weight:400; font-size:12px; line-height:1.5;} body[tip="layout"]{background:#f5f5f5; overflow-x:hidden; overflow-y:auto; padding:6px; display:flex;} body[tip="boslayout"]{background:#fff; overflow-x:hidden; overflow-y:auto; padding:6px; display:flex;} body[tip="faturalayout"]{background:#fff; display:block;} body[tip="duzenlelayout"]{background:#fff; overflow:hidden; display:flex;} body[tip="iframelayout"]{background:#fff; overflow:hidden; display:flex;} body[tip="hata"]{padding:0px; display:flex;} body[tip="yetkisiz"]{padding:0px; display:flex;} i, button{line-height:1;} *:focus{outline:none;} /* Yukari git — dock'un hapiyla ayni dil: cam zemin, ayni kose yaricapi, ayni kalkma hareketi. */ .yukarigit{position:fixed; bottom:18px; right:18px; width:38px; height:38px; z-index:999; display:flex; align-items:center; justify-content:center; cursor:pointer; border-radius:12px; border:1px solid rgba(255,255,255,0.18); background:rgba(30,36,54,0.68); -webkit-backdrop-filter:blur(22px) saturate(180%); backdrop-filter:blur(22px) saturate(180%); box-shadow:0 8px 22px rgba(0,0,0,0.26), inset 0 1px 0 rgba(255,255,255,0.10); transition:transform .16s cubic-bezier(.2,.8,.3,1.2), background .16s, border-color .16s; animation:yukarigitgel .22s ease-out;} body.pencere-acik .yukarigit{display:none !important;} .yukarigit:hover{background:rgba(30,36,54,0.82); border-color:rgba(255,255,255,0.26); transform:translateY(-3px);} .yukarigit:active{transform:translateY(-1px);} /* Sayfanin sonunda dock ile birlikte asagi cekiliyor: son satirlar arkasinda kalmasin. */ .yukarigit.sayfasonu{transform:translateY(calc(100% + 12px));} .yukarigit.sayfasonu.uyandi{transform:translateY(0);} .yukarigit i{font-size:15px; line-height:1; color:#fff;} /* Sol kenar tutamagi — menuyu acar. Konumu DIKEYDE ORTA: kaydirinca tablonun yapiskan basligina denk gelen ustteki dugme hem cakisiyor hem koyu zeminde kayboluyordu. */ .menuyuzen{position:fixed; top:50%; left:0; width:22px; height:64px; z-index:999; display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0; border:0; border-radius:0 9px 9px 0; background:var(--renk-birincil); color:#fff; box-shadow:0 4px 16px rgba(0,0,0,0.22); transform:translateY(-50%) translateX(-60%); transition:transform .2s ease, background .16s;} .menuyuzen.uyandi{transform:translateY(-50%) translateX(0);} /* Menu acikken: cekmecenin sag kenarina geciyor, tamamen disarida duruyor ve ok ters donuyor. Ayni tutamak hem aciyor hem kapatiyor. */ .menuyuzen.acik{transform:translateY(-50%) translateX(235px);} .menuyuzen.acik i{transform:rotate(180deg);} .menuyuzen:hover{background:var(--renk-birincil-koyu);} .menuyuzen i{font-size:12px; line-height:1; color:#fff; transition:transform .2s ease;} body.pencere-acik .menuyuzen{display:none !important;} /* Mobilde bas parmak kenarda degil altta: cam dugme olarak sol alta iniyor. */ @media screen and (max-width: 768px){ .menuyuzen{top:auto; bottom:18px; left:18px; width:38px; height:38px; border-radius:12px; border:1px solid rgba(255,255,255,0.18); background:rgba(30,36,54,0.68); -webkit-backdrop-filter:blur(22px) saturate(180%); backdrop-filter:blur(22px) saturate(180%); box-shadow:0 8px 22px rgba(0,0,0,0.26), inset 0 1px 0 rgba(255,255,255,0.10); transform:none;} .menuyuzen.uyandi{transform:none;} .menuyuzen:hover{background:rgba(30,36,54,0.82);} .menuyuzen i{font-size:15px;} } @keyframes yukarigitgel{ from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:translateY(0);} } @media (prefers-reduced-motion: reduce){ .yukarigit{animation:none; transition:none;} .menuyuzen{transition:none;} } body[tip=hata] *{line-height:inherit;} button, a, span, i{display:inline-block; border:0; padding:0; margin:0; background:none; transition:.2s; text-transform:none; text-decoration:none; color:inherit;} /* ======================== 2 · YERLEŞİM ======================== */ /*#region Sol Menü*/ /* 1560 ustunde menu sabit acik durdugu icin gecis sureleri 0s birakilmisti; basliktaki dugmeyle kapatilinca anlik yok oluyordu. */ sol-menu{position:relative; width:225px; min-width:225px; height:100%; display:block; transition:transform .2s ease,opacity .2s ease, width .2s ease, min-width .2s ease, padding-right .2s ease; padding-right:10px;} sol-menu .solmenubtn{position:absolute; top:12px; right:-32px; background:#000; color:#fff; height:30px; line-height:30px; padding:0 10px; border-radius:0 10px 10px 0; font-size:14px; cursor:pointer; z-index:9; display:none;} sol-menu sol-menu-icerik{display:flex; flex-direction:column; width:225px; min-width:225px; height:100%; overflow:hidden; padding-right:10px;} /* Kapanirken icerik ayakta kaliyor: display:none anlik oldugu icin menu bos beyaz bir serit olarak buzuluyordu. */ sol-menu.gizle{transform:translateX(-100%); width:0; min-width:0; opacity:0; padding-right:0; overflow:hidden; visibility:hidden; transition:transform .2s ease,opacity .2s ease, width .2s ease, min-width .2s ease, padding-right .2s ease, visibility 0s linear .2s;} sol-menu.goster{transform:translateX(0); opacity:1;} sol-menu menu-icerik::-webkit-scrollbar{width:0;} sol-menu menu-icerik::-webkit-scrollbar-track{box-shadow:none; width:5px; height:5px;} sol-menu menu-icerik::-webkit-scrollbar-thumb{border-radius:10px; background-color:transparent; outline:0;} sol-menu menu-icerik::-webkit-scrollbar-thumb:hover{background-color:#ccc; outline:0;} sol-menu header{display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; width:100%; margin-top:10px;} sol-menu header a.logo{width:165px; display:block; padding-left:5px; margin-bottom:5px} sol-menu header a.logo svg{display:block; width:100%; height:auto; overflow:visible;} sol-menu header a.logo .logo-ikon{fill:#ed1846;} sol-menu header a.logo .logo-harf{fill:#231f20;} sol-menu header a.logo :is(.logo-ikon, .logo-harf){transform-box:fill-box; transform-origin:center; animation:logoHarfBelir .45s ease-out backwards; animation-delay:calc(150ms + var(--sira) * 60ms);} sol-menu header a.logo .logo-ikon{animation-name:logoIkonBelir; animation-duration:.6s;} @keyframes logoIkonBelir{from{opacity:0; transform:scale(.55) rotate(-12deg);} to{opacity:1; transform:none;}} @keyframes logoHarfBelir{from{opacity:0; transform:translateY(5px);} to{opacity:1; transform:none;}} @media (prefers-reduced-motion: reduce){sol-menu header a.logo :is(.logo-ikon, .logo-harf){animation:none;}} sol-menu .kullanici-acilir{flex:0 0 auto; position:relative;} sol-menu .kullanici-ayarlari-buton, sol-menu .cikis-buton{display:flex; align-items:center; justify-content:center; gap:0; width:38px; min-width:38px; height:38px; padding:0; border-radius:8px; font-size:12px; font-weight:600; box-sizing:border-box; flex:0 0 38px;} sol-menu .kullanici-ayarlari-buton{background:#a6aebf; color:#fff; border:1px solid var(--renk-birincil-alfa-08);} sol-menu .kullanici-ayarlari-buton i{margin-left:0;} sol-menu .kullanici-ayarlari-buton:hover{background:#7d91bd;} sol-menu .cikis-buton{background:var(--renk-birincil); color:#fff; text-decoration:none;} sol-menu .cikis-buton:hover{background:#1d2a53; color:#fff;} #kullanici-popup-menu{display:none; position:fixed; width:max-content; min-width:170px; background:#fff; border:1px solid rgba(42,59,114,0.10); border-radius:12px; box-shadow:0 14px 24px rgba(15,23,42,0.10); padding:6px; z-index:9999;} #kullanici-popup-menu.acik{display:block;} #kullanici-popup-menu a{display:flex; align-items:center; gap:8px; padding:10px 12px; border-radius:8px; color:#334155; font-size:10px; font-weight:500; text-decoration:none; white-space:nowrap;} #kullanici-popup-menu a:hover{background:var(--renk-birincil-cok-acik); color:var(--renk-birincil);} sol-menu yil-sube{width:100%; display:flex; margin-top:10px;} sol-menu yil-sube button{display:flex; justify-content:space-between; padding:10px 10px; border-radius:8px;} sol-menu yil-sube button.yil{width:70px; background:var(--renk-vurgu); color:var(--renk-vurgu-yazi); font-size:14px; font-weight:500;} sol-menu yil-sube button.sube{flex:1 0 0; background:#fff; color:#000; font-size:12px; font-weight:400; margin-left:6px;} sol-menu yil-sube button i{font-size:10px;} sol-menu yil-kullanici{width:100%; display:flex; flex:0 0 auto; align-items:center; gap:6px; margin-top:10px; position:relative; z-index:20;} sol-menu yil-kullanici .kullanici-acilir{margin-left:auto;} sol-menu yil-kullanici button.yil{display:flex; justify-content:space-between; align-items:center; height:38px; padding:0 12px; border-radius:8px; width:74px; background:var(--renk-vurgu); color:var(--renk-vurgu-yazi); font-size:12px; font-weight:600; box-sizing:border-box;} sol-menu yil-kullanici button.yil span{line-height:1;} sol-menu yil-kullanici button i{font-size:10px; margin-left:6px;} sol-menu yil-kullanici span.yilsecimsiz{display:flex; justify-content:space-between; align-items:center; height:38px; padding:0 12px; border-radius:8px; width:74px; background:var(--renk-vurgu); color:var(--renk-vurgu-yazi); font-size:12px; font-weight:600; box-sizing:border-box;} sol-menu yil-kullanici span.yilsecimsiz span{line-height:1;} sol-menu aktif-kullanici{width:100%; display:flex; align-items:center; gap:6px; margin-top:9px; padding:0 3px; min-width:0; cursor:default;} sol-menu aktif-kullanici > i{flex-shrink:0; font-size:13px; color:var(--renk-yazi-soluk);} sol-menu aktif-kullanici .adi{font-size:10px; font-weight:500; color:var(--renk-yazi); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} sol-menu aktif-kullanici .yetki{flex-shrink:0; margin-left:auto; padding-left:7px; border-left:1px solid var(--renk-yazi-en-soluk); font-size:8px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--renk-yazi-soluk);} sol-menu servis-arama{width:100%; display:flex; flex:0 0 auto; background:#fff; border-radius:10px; align-items:center; padding:0 10px; margin-top:8px;} sol-menu servis-arama.yilsecimli{margin-left:0;} sol-menu servis-arama i{font-size:14px;} sol-menu servis-arama input{display:block; padding:10px; border:none; background:#fff; font-size:12px; width:100%; flex:1 0 0;} sol-menu mini-buton{width:100%; display:flex; flex:0 0 auto; margin-top:7px;} sol-menu mini-buton .butonlar{width:calc(100% + 6px); margin:0 -3px;} sol-menu mini-buton button{width:100%; font-size:22px; border-radius:10px; background:none; border:1px solid var(--renk-kenar); color:#888; padding:10px;} sol-menu mini-buton button:hover{background:var(--renk-vurgu); border:1px solid var(--renk-vurgu); color:var(--renk-vurgu-yazi);} sol-menu mini-buton button.aktif{background:var(--renk-birincil-acik); border:1px solid var(--renk-birincil-acik); color:var(--renk-birincil);} sol-menu mini-buton .menu-buton-hucre{flex:0 0 25%; min-width:0;} sol-menu menu-icerik{width:100%; display:block; flex:1 1 auto; min-height:0; overflow-y:auto; padding-bottom:10px;} sol-menu .menugrup{display:flex; width:100%; margin-top:15px;} sol-menu .menugrup .isaret{display:flex; flex-direction:column; justify-content:center; text-align:center; align-items:center;} sol-menu .menugrup .isaret .dikcizgi{flex:1; display:flex; flex-direction:column; width:1px; background:rgba(0,0,0,0.3); margin-top:5px;} sol-menu .menugrup .icerik{flex:1 0 0; padding-left:5px;} sol-menu .menugrup .icerik .ustmenu{font-size:12px; letter-spacing:3px; padding-left:5px;} sol-menu .menugrup .icerik .altmenuler{margin-top:10px;} sol-menu .menugrup .icerik .altmenuler a{display:flex; padding:8px 10px; border-radius:5px; align-items:center; margin:2px 0;} sol-menu .menugrup .icerik .altmenuler a i{font-size:14px; width:16px;} sol-menu .menugrup .icerik .altmenuler a span{font-size:11px; padding:0 10px;} sol-menu .menugrup .icerik .altmenuler a:hover{background:var(--renk-birincil-acik); color:var(--renk-birincil);} sol-menu .menugrup .icerik .altmenuler a.aktif{background:var(--renk-birincil); color:#fff;} /*#region Menü satırı ve içeride açılan alt sayfalar*/ sol-menu .altmenu-satir{display:flex; align-items:center; margin:2px 0; padding-right:6px;} sol-menu .altmenu-satir > a{flex:1 1 auto; min-width:0; margin:0 !important;} sol-menu .altmenu-satir > :is(.altmenuac, .kanatac){flex:0 0 22px; width:22px; height:22px; display:flex; align-items:center; justify-content:center; background:none; border:0; border-radius:5px; color:var(--renk-yazi-soluk); font-size:9px; cursor:pointer; padding:0;} /* Ok her zaman duruyor ama silik: "burada alt menu var" bilgisi kaybolmasin, menu de ok tarlasina donmesin. Uzerine gelinen, secili ve acik satirda tam. */ sol-menu .altmenu-satir > :is(.altmenuac, .kanatac){opacity:.35; transition:opacity .12s;} sol-menu .altmenu-satir:hover > :is(.altmenuac, .kanatac), sol-menu .altmenu-satir.acik > .altmenuac, sol-menu .altmenu-satir:has(> a.aktif) > :is(.altmenuac, .kanatac){opacity:1;} sol-menu .altmenu-satir > :is(.altmenuac, .kanatac):hover{background:var(--renk-birincil-alfa-12); color:var(--renk-birincil);} sol-menu .altmenu-satir:has(> a.aktif) > :is(.altmenuac, .kanatac){color:#fff;} sol-menu .altmenu-satir:has(> a.aktif) > :is(.altmenuac, .kanatac):hover{background:rgba(255,255,255,0.2); color:#fff;} sol-menu .altmenu-satir > .altmenuac i{transition:transform .3s cubic-bezier(.32,.72,0,1);} sol-menu .altmenu-satir.acik > .altmenuac i{transform:rotate(180deg);} sol-menu .altmenu-satir > .kanatac.acik{background:var(--renk-birincil-alfa-12); color:var(--renk-birincil);} /* İçeride açılan blok. Satırla kardeş. Dal çizgisi kaldırıldı ve girinti kısaldı: kazanılan genişlik satır adına gidiyor, uzun adlar daha geç kısalıyor. AÇILMA. */ sol-menu .altmenu-ic{display:grid; grid-template-rows:0fr; opacity:0; padding-left:8px; margin:0; visibility:hidden; transition:grid-template-rows .3s cubic-bezier(.32,.72,0,1), opacity .18s ease, margin .3s cubic-bezier(.32,.72,0,1), visibility 0s linear .3s;} sol-menu .altmenu-ic > .ic-govde{overflow:hidden;} /* Aramada bütün bloklar açık: eşleşen satır kapalı bir dalın altında kalmasın. */ sol-menu .altmenu-satir.acik + .altmenu-ic, sol-menu menu-icerik.aramada .altmenu-ic{grid-template-rows:1fr; opacity:1; margin:1px 0 4px 0; visibility:visible; transition:grid-template-rows .3s cubic-bezier(.32,.72,0,1), opacity .18s ease, margin .3s cubic-bezier(.32,.72,0,1), visibility 0s;} /* Menü açılırken satırlar TEK TEK doluyor — sağ tık menüsüyle AYNI giriş (sagtikSatir, sagtik.css): soldan sağa süzülüyorlar. */ sol-menu.menu-giris menu-icerik .menugrup > .icerik > .ustmenu, sol-menu.menu-giris menu-icerik .menugrup > .icerik > .altmenuler > a, sol-menu.menu-giris menu-icerik .menugrup > .icerik > .altmenuler > .altmenu-satir, sol-menu.menu-giris menu-icerik .altmenu-satir.acik + .altmenu-ic .ic-govde > a, sol-menu.menu-giris menu-icerik .altmenu-satir.acik + .altmenu-ic .ic-govde > .altmenu-satir{animation:sagtikSatir .34s cubic-bezier(.32,.72,0,1) backwards; animation-delay:calc(100ms + min(var(--satir, 0), 26) * 15ms);} /* Satırlar birbiri ardına süzülüyor. --sira satırın kaçıncı olduğu; gecikme küçük tutuldu, uzun listede bekleme hissi olmasın diye 6 satırda sınırlanıyor. */ sol-menu .altmenu-ic .ic-govde > :is(.altmenu-satir, a){opacity:0; transform:translateY(-5px); transition:opacity .2s ease, transform .3s cubic-bezier(.32,.72,0,1);} sol-menu :is(.altmenu-satir.acik + .altmenu-ic, menu-icerik.aramada .altmenu-ic) .ic-govde > :is(.altmenu-satir, a){opacity:1; transform:none; transition-delay:calc(min(var(--sira, 0), 6) * 25ms);} /* Hareketi azaltılmış sistemlerde animasyon yok; açılıp kapanma yine çalışıyor. */ @media (prefers-reduced-motion: reduce){ sol-menu.menu-giris menu-icerik :is(.ustmenu, a, .altmenu-satir){animation:none;} sol-menu .altmenu-ic, sol-menu .altmenu-ic .ic-govde > :is(.altmenu-satir, a), sol-menu .altmenu-satir > .altmenuac i{transition:none;} sol-menu .altmenu-ic .ic-govde > :is(.altmenu-satir, a){transform:none;} } /* Alt sayfa satırı ana menüden bir kademe küçük ve daha sakin. Uzun ad iki satıra inmiyor; taşan kısım üç noktaya dönüyor, tamamı tooltip'te. */ sol-menu .menugrup .icerik .altmenuler .altmenu-ic .altmenu-satir{margin:1px 0; padding-right:4px;} sol-menu .menugrup .icerik .altmenuler .altmenu-ic a{padding:5px 8px;} sol-menu .menugrup .icerik .altmenuler .altmenu-ic a i{font-size:11px; width:14px; flex-shrink:0;} sol-menu .menugrup .icerik .altmenuler .altmenu-ic a span{font-size:10px; padding:0 8px; flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /* Zemin SATIRIN tamamında, bağın değil: düğme de bloğun içinde kalsın. Zemin bağın üstünde kalırsa düğme rengin dışına taşıyor. */ sol-menu .menugrup .icerik .altmenuler .altmenu-satir{border-radius:5px; transition:background .12s;} sol-menu .menugrup .icerik .altmenuler .altmenu-satir > a, sol-menu .menugrup .icerik .altmenuler .altmenu-satir > a:hover, sol-menu .menugrup .icerik .altmenuler .altmenu-satir > a.aktif{background:none; color:inherit;} sol-menu .menugrup .icerik .altmenuler .altmenu-ic .altmenu-satir > a.aktif{background:none; color:inherit; box-shadow:none;} sol-menu .menugrup .icerik .altmenuler .altmenu-satir:hover{background:var(--renk-birincil-acik); color:var(--renk-birincil);} sol-menu .menugrup .icerik .altmenuler .altmenu-satir:has(> a.aktif){background:var(--renk-birincil); color:#fff;} /* Seçili alt sayfa ana menüdeki seçiliden ayrı okunsun: ana menü dolu lacivert, alt sayfa açık zemin + lacivert yazı + sol şerit. */ sol-menu .menugrup .icerik .altmenuler .altmenu-ic .altmenu-satir:hover{background:var(--renk-birincil-cok-acik); color:var(--renk-birincil);} sol-menu .menugrup .icerik .altmenuler .altmenu-ic .altmenu-satir:has(> a.aktif){background:var(--renk-birincil-acik); color:var(--renk-birincil); font-weight:600; box-shadow:inset 2px 0 0 var(--renk-birincil);} sol-menu .menugrup .icerik .altmenuler .altmenu-ic a:hover{background:var(--renk-birincil-cok-acik); color:var(--renk-birincil);} sol-menu .menugrup .icerik .altmenuler .altmenu-ic a.aktif{background:var(--renk-birincil-az-acik); color:var(--renk-birincil); font-weight:500; box-shadow:inset 2px 0 0 var(--renk-birincil);} /*#endregion*/ /*#region Sağ İçerik*/ sag-icerik{min-width:0; flex:1 0 0; height:100%; display:flex; flex-direction:column; background:#fff; border-radius:10px; padding:6px; overflow-y:auto; position:relative;} sag-icerik::-webkit-scrollbar{width:5px; height:5px;} sag-icerik::-webkit-scrollbar-track{box-shadow:none; width:5px; height:5px;} sag-icerik::-webkit-scrollbar-thumb{border-radius:10px; background-color:#ccc; outline:0;} sag-icerik::-webkit-scrollbar-thumb:hover{background-color:#ccc; outline:0;} sag-icerik .yiluyari{border-radius:8px; padding:10px; color:#fff; margin-bottom:6px; background:repeating-linear-gradient(135deg, #ff000085 0, #ff000085 10%, transparent 0, transparent 50%) !important; background-size:8px 8px !important; background-color:#b00000 !important;} sag-icerik .yiluyari i{color:var(--renk-vurgu); margin-right:5px;} /* Header zemini akan degrade. Palet aynı, iki tuhaflığı var: - Dizi İKİ KEZ yazılı ve son durak ilk renge dönüyor. */ sag-icerik header{height:auto; min-height:172px; flex-wrap:wrap; display:flex; border-radius:8px; background:#ECE8F9; background:linear-gradient(90deg, rgba(236, 232, 249, 1) 0%, rgba(228, 251, 251, 1) 8.33%, rgba(229, 235, 249, 1) 16.67%, rgba(220, 240, 224, 1) 25%, rgba(245, 217, 206, 1) 33.33%, rgba(255, 237, 207, 1) 41.67%, rgba(236, 232, 249, 1) 50%, rgba(228, 251, 251, 1) 58.33%, rgba(229, 235, 249, 1) 66.67%, rgba(220, 240, 224, 1) 75%, rgba(245, 217, 206, 1) 83.33%, rgba(255, 237, 207, 1) 91.67%, rgba(236, 232, 249, 1) 100%); background-size:200% 100%; animation:headerAkis 7s linear infinite; position:sticky; left:0;} @keyframes headerAkis{ from{background-position:100% 50%;} to{background-position:0% 50%;} } /* Degradenin üstündeki imleçle etkileşen düğüm ağı (headerag.js tuvali kendisi ekler). Renkler buradan okunuyor ki koyu temada tek satırla değişsin. */ /* Açık temada ağ beyaz: pastel degradenin üstünde koyu lacivert çizgiler zemin değil desen gibi duruyordu. */ sag-icerik header{--ag-nokta:#626a8a21; --ag-cizgi:#626a8a1a; --ag-vurgu:#626a8a42;} sag-icerik header canvas.header-agi{position:absolute; inset:0; width:100%; height:100%; border-radius:8px; pointer-events:none; z-index:0;} sag-icerik header header-ust, sag-icerik header header-orta, sag-icerik header header-alt{position:relative; z-index:1;} /* Hareketi kapatan kullanıcıda sabit kalsın. */ @media (prefers-reduced-motion:reduce){ sag-icerik header{animation:none;} } sag-icerik .shrinkarka{background:#fff; outline:6px solid #fff; width:100%; height:0; position:sticky; top:-6px; z-index:3;} sag-icerik header header-ust{align-self:flex-start; width:100%; display:flex; align-items:center;} sag-icerik header header-ust i.solmenubtn{background:#000; color:#fff; width:30px; height:30px; display:flex; align-items:center; justify-content:center; padding:0; border-radius:10px 0 10px 0; font-size:14px; cursor:pointer; align-self:flex-start;} sag-icerik header header-ust i.solmenubtn:hover{background:var(--renk-birincil); color:#fff;} .tema-btn{display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; flex-shrink:0; margin-right:6px; border:none; border-radius:8px; background:var(--renk-birincil); color:#fff; font-size:14px; cursor:pointer; transition:background .15s, color .15s;} .tema-btn:hover{background:var(--renk-birincil-acik); color:#fff;} .admin-ozel{padding:0 10px;} .admin-ozel button{font-size:16px; margin:0 3px;} .admin-ozel button.sayfapanel{color:var(--renk-birincil);} .admin-ozel button.sagtikpanel{color:var(--renk-birincil);} sag-icerik header header-orta{align-self:center; width:100%; display:flex; align-items:center; padding:6px 18px 8px; gap:16px;} sag-icerik header header-orta header-baslik{flex:0 0 auto; min-width:280px; font-size:26px; font-weight:300; letter-spacing:-1px; display:flex; align-items:center;} sag-icerik header header-orta header-baslik i.sayfaikon{margin-right:10px; font-size:34px;} sag-icerik header header-orta header-arama{flex:1 0 0; border-bottom:1px solid rgba(0,0,0,0.3); display:flex; align-items:center;} sag-icerik header header-orta header-arama .fa-search{font-size:16px;} sag-icerik header header-orta header-arama input{flex:1 0 0; background:transparent none; border:0; outline:0; padding:5px 10px; display:inline-block; height:40px; font-size:12px;} sag-icerik header header-orta header-arama input::placeholder{height:40px; font-size:12px; color:#000;} sag-icerik header header-orta header-hizlierisim{flex:1 1 0; min-width:0; display:flex; align-items:stretch; gap:8px; justify-content:flex-end;} sag-icerik header header-orta header-hizlierisim .hizlierisim-kontrol{flex:0 0 34px; display:flex; flex-direction:column; align-self:stretch; justify-content:space-between; padding:5px 0;} sag-icerik header header-orta header-hizlierisim .hizlierisim-duzenle{flex:0 0 34px; width:34px; height:34px; border:none; border-radius:10px; background:var(--renk-birincil); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; user-select:none; padding:0;} sag-icerik header header-orta header-hizlierisim .hizlierisim-duzenle:hover{background:#1a2f61;} sag-icerik header header-orta header-hizlierisim .hizlierisim-duzenle .hizlierisim-ikon{color:#fff; width:26px; height:26px; border-radius:7px; font-size:12px; justify-content:center;} sag-icerik header header-orta header-hizlierisim .hizlierisim-nav{display:flex; gap:3px; height:22px;} sag-icerik header header-orta header-hizlierisim .hizlierisim-prev, sag-icerik header header-orta header-hizlierisim .hizlierisim-next{flex:1 1 0; height:22px; border:none; border-radius:6px; background:rgba(42,59,114,0.10); color:var(--renk-birincil); font-size:9px; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0;} sag-icerik header header-orta header-hizlierisim .hizlierisim-prev:hover, sag-icerik header header-orta header-hizlierisim .hizlierisim-next:hover{background:rgba(42,59,114,0.20);} sag-icerik header header-orta header-hizlierisim .hizlierisim-prev.devre-disi, sag-icerik header header-orta header-hizlierisim .hizlierisim-next.devre-disi{opacity:0.35; cursor:default;} sag-icerik header header-orta header-hizlierisim .hizlierisim-grid{display:flex; gap:6px; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -ms-overflow-style:none; cursor:grab; min-width:0; padding-bottom:2px; flex:0 1 580px; touch-action:pan-x;} sag-icerik header header-orta header-hizlierisim .hizlierisim-grid::-webkit-scrollbar{display:none;} sag-icerik header header-orta header-hizlierisim .hizlierisim-grid.surukleniyor{cursor:grabbing;} sag-icerik header header-orta header-hizlierisim .hizlierisim-kart{flex:0 0 90px; height:78px; min-height:78px; border:1px solid var(--renk-birincil-alfa-08); border-radius:10px; background:#fff; padding:9px 10px; display:flex; flex-direction:column; gap:8px; text-decoration:none; color:#000;} sag-icerik header header-orta header-hizlierisim .hizlierisim-kart:hover{background:#000; color:#fff;} sag-icerik header header-orta header-hizlierisim .hizlierisim-ikon{width:30px; height:30px; border-radius:8px; display:flex; align-items:center; font-size:16px;} sag-icerik header header-orta header-hizlierisim .hizlierisim-kart-baslik{font-size:9px; font-weight:400; line-height:1.25; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;} sag-icerik header header-orta header-hizlierisim .hizlierisim-yukleniyor, sag-icerik header header-orta header-hizlierisim .hizlierisim-bos{flex:0 0 200px; min-height:68px; border:1px dashed rgba(100,116,139,0.26); border-radius:14px; display:flex; align-items:center; justify-content:center; text-align:center; color:var(--renk-yazi-orta); background:var(--renk-arkaplan-acik); padding:12px;} sag-icerik header header-alt{align-self:flex-end; width:100%; display:flex; padding:0 10px; margin-top:0; align-items:flex-end; justify-content:space-between;} sag-icerik header sayfa-menu{display:block; flex:1 0 0; align-self:flex-end; padding-top:0;} sag-icerik header sayfa-menu .bos{padding:10px;} sag-icerik header sayfa-menu a{padding:10px 15px; border-radius:8px 8px 0 0; margin:0 4px;} sag-icerik header sayfa-menu a.aktif{background:#fff;} sag-icerik header sayfa-menu a.aktif:hover{background:#fff; color:#000;} sag-icerik header sayfa-menu a:hover{background:#000; color:#fff;} sag-icerik header sayfa-islemmenu{display:flex; background:var(--renk-birincil); padding:0; border-radius:8px 8px 0 0;} sag-icerik header sayfa-islemmenu .islemmenu{align-self:center; padding:6px; display:flex;} sag-icerik header sayfa-islemmenu .islemmenu .oto:empty{display:none;} sag-icerik header sayfa-islemmenu .islemmenu .oto button{padding:8px 12px; color:#fff; font-size:12px; border-radius:5px; margin-right:3px; border:1px solid rgba(255,255,255,0.3);} sag-icerik header sayfa-islemmenu .islemmenu .oto button i{margin-right:0px;} sag-icerik header sayfa-islemmenu .islemmenu .oto button:hover{background:#fff; color:var(--renk-birincil);} sag-icerik header sayfa-islemmenu .islemmenu .manuel{height:31px;} sag-icerik header sayfa-islemmenu .islemmenu .manuel button.excelindir{padding:8px 8px; color:#fff; background:var(--renk-basari); font-size:14px; border-radius:5px; border:0;} sag-icerik header sayfa-islemmenu .islemmenu .manuel button.excelindir i{margin-right:0px;} sag-icerik header sayfa-islemmenu .islemmenu .manuel button.excelindir:hover{background:#fff; color:var(--renk-birincil);} sag-icerik header sayfa-islemmenu .islemmenu .manuel button.datatablesexcelindir{padding:8px 8px; color:#fff; background:var(--renk-excel); font-size:14px; border-radius:5px; border:0;} sag-icerik header sayfa-islemmenu .islemmenu .manuel button.datatablesexcelindir i{margin-right:0px;} sag-icerik header sayfa-islemmenu .islemmenu .manuel button.datatablesexcelindir:hover{background:#fff; color:var(--renk-birincil);} sag-icerik header sayfa-islemmenu .sayfa-arama{position:relative; display:flex; align-items:center; background:#0a1742; margin:6px 6px 6px 0; border-radius:5px; min-width:260px;} sag-icerik header sayfa-islemmenu .sayfa-arama i{position:relative; z-index:2; margin:0 8px; font-size:11px; color:#fff9;} sag-icerik header sayfa-islemmenu .sayfa-arama input{position:relative; z-index:1; border:none; background:transparent; height:20px; line-height:25px; font-size:11px; padding:0 10px 0 0; flex:1 0 0; min-width:0; margin:0; color:#fff;} sag-icerik header sayfa-islemmenu .sayfa-arama input::placeholder{color:#fff8;} sag-icerik header sayfa-islemmenu .tarihalan{position:relative; display:flex; align-items:center; background:#0a1742; margin:6px 6px 6px 0; border-radius:5px;} sag-icerik header sayfa-islemmenu .tarihalan input:nth-of-type(1){border-left:0;} sag-icerik header sayfa-islemmenu .tarihalan input{position:relative; z-index:1; border:none; border-left:1px solid #fff4; text-align:center; background:transparent; height:20px; line-height:25px; font-size:11px; padding:0 10px; flex:1 0 0; width:90px; margin:0 2px; color:#fff;} sag-icerik header sayfa-islemmenu .tarihalan input::placeholder{height:25px; line-height:25px;} sag-icerik header sayfa-islemmenu .tarihalan i.onayla{color:var(--renk-basari); transition:.1s; z-index:2; font-size:16px; cursor:pointer; margin-left:5px; margin-right:10px;} sag-icerik header sayfa-islemmenu .tarihalan i.onayla:hover{color:var(--renk-uyari);} sag-icerik header sayfa-islemmenu .tarihalan select.hazirdonem{border:none; background:transparent; height:20px; font-size:11px; color:#fff; outline:none; cursor:pointer; padding:0 6px 0 10px; font-family:inherit;} sag-icerik header sayfa-islemmenu .tarihalan select.hazirdonem option{color:#1e293b;} sag-icerik .satirsayisi{background:#9E9E9E; border-top-right-radius:8px; display:flex; align-items:center;} sag-icerik .satirsayisi .kayitsayisi{font-size:8px; color:#fff; margin-left:10px;} sag-icerik .satirsayisi select{margin-left:10px; font-size:18px; width:50px; background:#9E9E9E; border:none; outline:none; color:#fff; font-weight:300; margin-right:5px;} select.sube-secimi{height:32px; min-width:90px; padding:0 28px 0 12px; border:none; border-radius:8px; background-color:var(--renk-birincil); color:#fff; font-size:12px; font-weight:400; line-height:1; cursor:pointer; outline:none; transition:background-color .15s, box-shadow .15s;} select.sube-secimi:hover{background-color:var(--renk-birincil-koyu);} select.sube-secimi:focus-visible{box-shadow:0 0 0 3px rgba(42,59,114,0.22);} select.sube-secimi:disabled{opacity:0.55; cursor:not-allowed;} select.sube-secimi option{background:#fff; color:var(--renk-yazi); font-weight:500;} sag-icerik #toplamkayit{padding:10px; font-size:12px;} .toplam-kayit-alan{flex:1 1 0; min-width:0;} sag-icerik .icerik{flex:1; display:flex; flex-direction:column; min-width:0; width:100%; height:100%; position:relative; margin-top:6px; border-radius:8px;} /* Bilgilendirme seridi bilesenleri iki layout DOM kokunde de gecerli: _Layout "sag-icerik .icerik", _IframeLayout "iframe-alan". */ :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan button.yil{display:flex; justify-content:space-between; align-items:center; border-radius:8px; width:70px; background:var(--renk-vurgu); color:var(--renk-vurgu-yazi); font-size:12px; font-weight:500; padding:10px; margin-right:10px;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan button i{font-size:10px;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan .btnduzenle i{font-size:16px; margin-left:0px;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan button.islemlistesi{display:inline-flex; align-items:center; gap:7px; padding:0 12px; border-radius:8px; height:32px; min-width:0; background:#eef2ff; color:#1e2d5a; font-size:12px; font-weight:600; border:1px solid #c7d4ff; margin-right:10px; white-space:nowrap; box-shadow:0 1px 3px rgba(47,77,191,0.08); transition:background .15s,border-color .15s,box-shadow .15s;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan button.islemlistesi:hover{background:#e0e8ff; border-color:#2f4dbf; box-shadow:0 2px 8px rgba(47,77,191,0.14); color:#1e2d5a;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan button.islemlistesi.aktif{background:#dbe4ff; border-color:#2f4dbf; box-shadow:inset 0 1px 3px rgba(47,77,191,0.20);} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan button.islemlistesi.aktif .fa-chevron-down{opacity:1; transform:rotate(180deg);} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan button.islemlistesi i.siparisikon{font-size:13px; color:#2f4dbf; flex-shrink:0; margin:0;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan button.islemlistesi .fa-chevron-down{font-size:10px; color:#2f4dbf; opacity:0.6; margin:0; margin-left:auto;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan :is(a, button).bilgilendirmestdbuton{display:inline-flex; align-items:center; gap:7px; padding:7px 12px; border-radius:8px; height:32px; min-width:0; background:#eef2ff; color:#1e2d5a; font-size:12px; font-weight:600; border:1px solid #c7d4ff; margin-right:10px; white-space:nowrap; box-shadow:0 1px 3px rgba(47,77,191,0.08); transition:background .15s,border-color .15s,box-shadow .15s;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan :is(a, button).bilgilendirmestdbuton i{margin-left:0 !important;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan :is(a, button).bilgilendirmestdbuton.aktif{background:#eefff7; color:#1e5a37; border:1px solid #c7ffdd;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan :is(a, button).bilgilendirmestdbuton:hover{background:#e0e8ff; border-color:#2f4dbf; box-shadow:0 2px 8px rgba(47,77,191,0.14); color:#1e2d5a;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan :is(a, button).bilgilendirmestdbuton.aktif:hover{background:#e0fff1; border-color:#2fbf78; color:#1e5a3d;} /* Pasif hal bilesende tanimli degildi; serit icinde eylem dugmesi kullanilinca gerekti (Yuvarlama Farki: duzeltilecek satir yoksa basilamiyor). */ :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan :is(a, button).bilgilendirmestdbuton:disabled, :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan :is(a, button).bilgilendirmestdbuton:disabled:hover{background:var(--renk-kenar-acik); color:var(--renk-yazi-soluk); border-color:var(--renk-kenar); box-shadow:none; cursor:not-allowed;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan :is(a, button).bilgilendirmestdbuton:disabled i{color:var(--renk-yazi-soluk);} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan :is(a, button).bilgilendirmestdbuton i.siparisikon{font-size:13px; color:#2f4dbf; flex-shrink:0; margin:0;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan :is(a, button).bilgilendirmestdbuton .fa-chevron-down{font-size:10px; color:#2f4dbf; opacity:0.6; margin:0; margin-left:auto;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan .uzun-aciklama{flex:1 0 0;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan .mini-toplamlar{display:flex; flex-wrap:wrap; border-radius:5px; padding:0;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan .mini-toplamlar .tutar-alan{border:1px solid rgba(0,0,0,0.1); border-radius:5px; padding:5px 10px; align-content:center; vertical-align:central; transition:.2s; margin-left:5px;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan .mini-toplamlar .tutar-alan:hover{background:#000; color:#fff;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan .mini-toplamlar .tutar-alan > div{min-width:70px;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan .mini-toplamlar .tutar-alan:hover > div.baslik{color:#fff;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan .mini-toplamlar .tutar-alan > div.baslik{font-size:8px; font-weight:600; white-space:nowrap;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-alan .mini-toplamlar .tutar-alan > div.tutar{font-size:14px;} sayfa-grid{--lb: 6px; --ks: 10; --bs: calc(var(--ks) - 1); --tbg: calc(var(--bs) * var(--lb)); --ming: 120px; --maxg: calc((100% - var(--tbg)) / var(--ks));} sayfa-grid{width:100%; display:grid; grid-template-columns:repeat(auto-fill, minmax(max(var(--ming), var(--maxg)), 1fr)); grid-gap:var(--lb);} sayfa-grid .grid{border-radius:8px; background:#fff; color:#000; border:1px solid rgba(0,0,0,0.1); padding:15px; display:block; cursor:pointer; transition:.2s;} sayfa-grid .grid:hover{background:var(--renk-birincil);} sayfa-grid .grid i{font-size:38px; color:#000;} sayfa-grid .grid .yaz{font-size:12px; margin-top:25px; color:#000; display:block; line-height:16px;} sayfa-grid .grid:hover :is(i,.yaz){color:#fff;} klasor-grid{--lb: 6px; --ks: 10; --bs: calc(var(--ks) - 1); --tbg: calc(var(--bs) * var(--lb)); --ming: 120px; --maxg: calc((100% - var(--tbg)) / var(--ks));} klasor-grid{width:100%; display:grid; grid-template-columns:repeat(auto-fill, minmax(max(var(--ming), var(--maxg)), 1fr)); grid-gap:var(--lb);} klasor-grid .grid{border-radius:8px; background:#fff; color:#000; border:1px solid rgba(0,0,0,0.1); padding:15px; display:block; cursor:pointer; transition:.2s; position:relative; overflow:hidden;} klasor-grid .grid:has(.kullaniciadisoyadi){padding:15px 25px 15px 15px;} klasor-grid .grid:hover{background:var(--renk-birincil);} klasor-grid .grid[firmadurum="0"]:hover{background:#ccc;} klasor-grid .grid i{font-size:38px; color:#000;} klasor-grid .grid i.bilgi{font-size:24px; color:#ccc; position:absolute; right:5px; top:5px;} klasor-grid .grid .karlilik{font-size:9px; color:#ccc; position:absolute; right:35px; top:10px; font-weight:500;} klasor-grid .grid .yaz{font-size:12px; color:#000; display:block; line-height:16px; margin-top:25px;} klasor-grid .grid .baslik{font-size:10px; margin-top:25px; color:#000; display:block; line-height:16px;} klasor-grid .grid:has(.baslik) .yaz{margin-top:0;} klasor-grid .grid .aciklama{font-size:9px; margin:5px 0 15px 0; color:#000; display:block; line-height:11px; font-style:italic;} klasor-grid .grid[firmadurum="0"] :is(.yaz, .baslik, .aciklama){color:#aaa;} klasor-grid .grid i.klasor-sari{color:#eb9711;} klasor-grid .grid i.klasor-mavi{color:#2f4dbf;} klasor-grid .grid i.klasor-yesil{color:#1fca56;} klasor-grid .grid i.klasor-kirmizi{color:#f00;} klasor-grid .grid i.klasor-mor{color:#bf27dd;} klasor-grid .grid i.klasor-gri{color:#ccc;} klasor-grid .grid .klasor-say{position:absolute; top:12px; left:44px; min-width:20px; height:20px; padding:0 5px; background:#f6d860; color:#5b4300; font-size:11px; font-weight:700; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; line-height:1; box-shadow:0 1px 3px rgba(0,0,0,0.15); pointer-events:none;} klasor-grid .grid .durum{position:absolute; right:36px; top:10px; display:flex; gap:6px;} klasor-grid .grid[sayfaController="Ihracat"]:not(:has(> i.bilgi)) .durum{right:10px;} klasor-grid .grid .durum i{font-size:14px; color:#666;} klasor-grid .grid .durum i.durum-turuncu{color:#f28500;} klasor-grid .grid .durum i.durum-yesil{color:var(--renk-basari);} klasor-grid .grid:hover .durum i{color:#fff;} klasor-grid .grid.muhtelif-grup{background:#faf5ff; border-color:#d8b4fe;} klasor-grid .grid.muhtelif-grup:hover{background:#8b5cf6;} klasor-grid .grid.muhtelif-grup:hover :is(.yaz, .baslik, .aciklama, i){color:#fff;} .klasor-yol{display:flex; align-items:center; gap:8px; margin-bottom:10px; font-size:12px; flex-wrap:wrap;} .klasor-yol-geri{display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:6px; background:#fff; border:1px solid rgba(0,0,0,0.1); color:#1e293b; transition:.2s;} .klasor-yol-geri:hover{background:var(--renk-birincil); color:#fff;} .klasor-yol-ayrac{color:#94a3b8;} .klasor-yol-aktif{font-weight:600; color:#7e22ce;} /* Klasör sayfası canlı arama çubuğu — henüz kaydı olmayan cari/firma seçip devam etmek için. Klasör kartlarıyla aynı dil: beyaz zemin, 8px köşe, 1px kenar. */ .klasor-arama{display:flex; align-items:center; gap:10px; width:100%; margin-bottom:var(--lb, 6px); height:46px; padding:0 5px; background:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:8px; transition:.2s;} .klasor-arama:focus-within{border-color:var(--renk-birincil); box-shadow:0 0 0 3px rgba(42,59,114,0.08);} .klasor-arama input{flex:1; min-width:0; height:100%; border:0; outline:0; background:transparent; font-size:12px; color:#000; padding:15px 0;} .klasor-arama input::placeholder{color:#94a3b8;} .klasor-arama-etiket{flex:0 0 auto; display:inline-flex; align-items:center; gap:6px; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.3px; color:#fff; background:var(--renk-birincil); padding:8px 12px; border-radius:6px; white-space:nowrap;} .klasor-arama-etiket i{font-size:14px;} klasor-grid .klasor-yukleyici{grid-column:1 / -1; display:flex; justify-content:center; align-items:center; min-height:200px;} klasor-grid .grid-hata{grid-column:1 / -1; padding:30px; text-align:center; color:#888; font-size:13px; background:#fff7ee; border:1px dashed #ffd086; border-radius:8px;} klasor-grid .grid .kullaniciadisoyadi{position:absolute; right:2px; top:50%; writing-mode:vertical-rl; transform:translateY(-50%) rotate(180deg); text-orientation:mixed; color:rgba(0,0,0,0.4); font-size:8px; font-weight:600; letter-spacing:1px; line-height:1; white-space:nowrap; max-height:calc(100% - 18px); overflow:hidden; text-overflow:ellipsis; pointer-events:none;} klasor-grid .grid:hover .kullaniciadisoyadi{color:rgba(255,255,255,0.7);} klasor-grid .grid:has(> i.bilgi) .kullaniciadisoyadi{top:calc(50% + 16px); max-height:calc(100% - 48px);} klasor-grid .grid .oran-bar{position:absolute; left:3px; right:3px; bottom:3px; height:5px; width:0; border-radius:5px; transition:width 700ms cubic-bezier(0.22, 1, 0.36, 1);} klasor-grid .grid .oran-bar.oran-bar-yesil{background:#1fca56;} klasor-grid .grid .oran-bar.oran-bar-turkuaz{background:#2fadbf;} klasor-grid .grid .oran-bar.oran-bar-turuncu{background:#eb9711;} klasor-grid .grid .oran-bar.oran-bar-kirmizi{background:#f00;} klasor-grid .grid .oran-bar .oran{position:absolute; left:100%; bottom:5px; transform:translateX(0); transition:transform 700ms cubic-bezier(0.22, 1, 0.36, 1); font-size:9px; font-weight:500; line-height:1; padding:0; border-radius:4px; white-space:nowrap;} klasor-grid .grid .oran-bar.oran-bar-icsag .oran{transform:translateX(-100%); border-radius:4px 4px 0 0;} klasor-grid .grid:hover :is(i,.yaz, .baslik, .aciklama, .oran){color:#fff;} klasor-grid .grid i.bilgi:hover{color:#f00;} sag-icerik .icerik .stdkutualan{flex:0 0 auto;} sag-icerik .icerik .stdkutualan.satisiade{width:28%;} sag-icerik .icerik .stdkutualan.caritahsilat{width:28%;} sag-icerik .icerik .stdkutualan.satistahsilatgrafik{width:44%;} sag-icerik .icerik .stdkutualan.stokenvanter{width:100%;} sag-icerik .icerik .stdkutualan.stokenvanter .stdkutu .veri{width:20%;} sag-icerik .icerik .stdkutualan.stokenvanter .stdkutu .veri:last-child{width:40%;} sag-icerik .icerik .stdkutualan.stokenvanter .renk-rozet[davranis=pencere-ac]{cursor:pointer;} sag-icerik .icerik .stdkutualan.stokenvanter .hesapnotu{height:100%;} iframe-alan .icerik > .stdkutualan:has(> .hesapnotu){margin:0 0 6px;} :is(sag-icerik .icerik, gosterge-icerik, iframe-alan .icerik) .stdkutualan :is(.stdkutu .veri .hesapnotu, .hesapnotu){padding:9px 12px; border:1px solid var(--cip-mor-kenar); border-radius:var(--radius-lg); background:var(--cip-mor-zemin);} :is(sag-icerik .icerik, gosterge-icerik, iframe-alan .icerik) .stdkutualan :is(.stdkutu .veri .hesapnotu, .hesapnotu) .minibaslik{display:flex; align-items:center; gap:6px; margin-bottom:4px; color:var(--cip-mor-yazi); font-size:10.5px; font-weight:600; text-transform:uppercase; letter-spacing:.3px;} :is(sag-icerik .icerik, gosterge-icerik, iframe-alan .icerik) .stdkutualan :is(.stdkutu .veri .hesapnotu, .hesapnotu) .miniveri{color:var(--renk-yazi-orta); font-size:10.5px; line-height:1.6;} :is(sag-icerik .icerik, gosterge-icerik, iframe-alan .icerik) .stdkutualan :is(.stdkutu .veri .hesapnotu, .hesapnotu) .miniveri b{color:var(--renk-yazi); font-weight:600;} :is(sag-icerik .icerik, gosterge-icerik, iframe-alan .icerik) .stdkutualan :is(.stdkutu .veri .hesapnotu, .hesapnotu) .renk-rozet{padding:0 6px; font-size:9.5px;} iframe-alan .icerik > .stdkutualan > :is(.stdkutu .veri .hesapnotu, .hesapnotu){display:flex; align-items:baseline; gap:10px; padding:7px 12px;} iframe-alan .icerik > .stdkutualan > .hesapnotu.ctooltip{cursor:help;} iframe-alan .icerik > .stdkutualan > :is(.stdkutu .veri .hesapnotu, .hesapnotu) .minibaslik{display:block; margin:0; flex-shrink:0; line-height:16px;} iframe-alan .icerik > .stdkutualan > :is(.stdkutu .veri .hesapnotu, .hesapnotu) .minibaslik i{margin-right:3px;} iframe-alan .icerik > .stdkutualan > :is(.stdkutu .veri .hesapnotu, .hesapnotu) .miniveri{min-width:0; line-height:16px;} sag-icerik .icerik .stdkutualan.subestok{width:100%;} sag-icerik .icerik .stdkutualan.subestok .stdkutu .veri{width:25%;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.songuncelleme{width:100%;} sag-icerik .icerik .stdkutualan .stdkutubaslikalan{display:flex; padding:0 10px; height:45px; justify-content:space-between;} sag-icerik .icerik .stdkutualan .stdkutubaslikalan .stdkutubaslik{border-radius:8px 8px 0 0; font-size:14px; padding:12px 15px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.satisiade .stdkutubaslikalan .stdkutubaslik{background:#FFF6D1; color:#744807; white-space:nowrap;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.caritahsilat .stdkutubaslikalan .stdkutubaslik{background:#CDD3EE; color:var(--renk-birincil);} sag-icerik .icerik .stdkutualan.satistahsilatgrafik .stdkutubaslikalan .stdkutubaslik{background:#E5F9ED; color:#26844C;} sag-icerik .icerik .stdkutualan.stokenvanter .stdkutubaslikalan .stdkutubaslik{background:var(--cip-mor-zemin); color:var(--cip-mor-yazi);} sag-icerik .icerik .stdkutualan.subestok .stdkutubaslikalan .stdkutubaslik{background:var(--cip-turuncu-zemin); color:var(--cip-turuncu-yazi);} sag-icerik .icerik .stdkutualan .stdkutubaslikalan .butonalan{border-radius:8px 8px 0 0; padding:4px 2px; background:#efefef; align-self:flex-end; position:relative; display:flex; margin-left:20px;} :is(.stdkutubaslikalan, .stdickutu-baslik) .butonalan .lineGrafikSec{display:flex; align-items:center; justify-content:center; min-height:32px; padding:0 12px; border-right:1px solid rgba(0,0,0,0.1); font-size:10px; font-weight:600; color:#475569; background:transparent;} :is(.stdkutubaslikalan, .stdickutu-baslik) .butonalan .lineGrafikSec:nth-last-of-type(1){border-right:0px;} :is(.stdkutubaslikalan, .stdickutu-baslik) .butonalan .lineGrafikSec.aktif{background:var(--renk-birincil); color:#fff; border-radius:7px; border-right:0px; box-shadow:0 6px 14px rgba(42,59,114,0.20);} sag-icerik .icerik .stdkutualan .stdkutubaslikalan .tarihalan{border-radius:8px 8px 0 0; padding:4px 2px; background:#efefef; align-self:flex-end; position:relative; flex:1 0 0; display:flex; margin-left:10px;} sag-icerik .icerik .stdkutualan .stdkutubaslikalan .tarihalan input{position:relative; z-index:1; border:none; background:#fff; border-radius:5px; height:25px; line-height:25px; font-size:11px; padding:0 10px; flex:1 0 0; width:50%; margin:0 2px;} sag-icerik .icerik .stdkutualan .stdkutubaslikalan .tarihalan input::placeholder{height:25px; line-height:25px;} sag-icerik .icerik .stdkutualan .stdkutubaslikalan .tarihalan i.onayla{color:var(--renk-basari); position:absolute; right:10px; transition:.1s; z-index:2; top:50%; transform:translateY(-55%); font-size:16px; cursor:pointer;} sag-icerik .icerik .stdkutualan .stdkutubaslikalan .tarihalan i.onayla:hover{color:var(--renk-uyari);} sag-icerik .icerik .stdkutualan .stdkutu{padding:5px; border:1px solid rgba(0,0,0,0.1); border-radius:8px; display:flex; flex-wrap:wrap;} sag-icerik .icerik .stdkutualan .stdkutu.baslikli{height:calc(100% - 45px);} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.songuncelleme .stdkutu{background:#33394A; background:linear-gradient(90deg,rgba(51, 57, 74, 1) 0%, rgba(64, 74, 107, 1) 31%, rgba(41, 70, 136, 1) 67%, rgba(39, 47, 81, 1) 100%); display:flex; flex-wrap:wrap;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.songuncelleme .stdkutu .stdickutualan{padding:0 3px; flex:1 0 0; min-width:0;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.songuncelleme .stdkutu .stdickutu{border-radius:5px; border:1px solid rgba(255,255,255,0.1); padding:10px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.songuncelleme .stdkutu .stdickutu .stdickutu-baslik{color:#fff; font-size:16px; font-weight:600;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.songuncelleme .stdkutu .stdickutu .stdickutu-icerik{display:flex; align-items:center; margin-top:15px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.songuncelleme .stdkutu .stdickutu .stdickutu-icerik .ikon{font-size:40px; color:#FFDA9B;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.songuncelleme .stdkutu .stdickutu .stdickutu-icerik .yaz{color:#fff; flex:1 1 auto; min-width:0; padding-left:25px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.songuncelleme .stdkutu .stdickutu .stdickutu-icerik .yaz .mini{font-size:10px; font-weight:600;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.songuncelleme .stdkutu .stdickutu .stdickutu-icerik .yaz .normal{font-size:12px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.songuncelleme .stdkutu .stdickutu .stdickutu-icerik .yaz .buyuk{font-size:14px; margin-top:15px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.songuncelleme .stdkutu .stdickutu .kayan-liste{color:#fff;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.songuncelleme .stdkutu .stdickutu .stdickutu-icerik[davranis=pencere-ac]{cursor:pointer;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.songuncelleme .stdkutu .stdickutu .kayan-liste .stdickutu-icerik{margin-top:7px; padding:8px 10px; border-radius:8px; transition:background .25s ease, box-shadow .25s ease;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.songuncelleme .stdkutu .stdickutu .kayan-liste .stdickutu-icerik .ikon{transition:transform .25s ease;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.songuncelleme .stdkutu .stdickutu .kayan-liste .stdickutu-icerik[davranis=pencere-ac]:hover{background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.songuncelleme .stdkutu .stdickutu .kayan-liste .stdickutu-icerik[davranis=pencere-ac]:hover .ikon{transform:scale(1.08);} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.gosterge-kapsam{width:100%; position:sticky; top:-6px; z-index:5; background:#fff;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.gosterge-kapsam .bilgilendirme{margin-bottom:0; gap:8px;} .gosterge-kapsam .bilgilendirme > a.bilgilendirmestdbuton + .islemlistesi{position:relative; margin-left:9px;} .gosterge-kapsam .bilgilendirme > a.bilgilendirmestdbuton + .islemlistesi::before{content:''; position:absolute; left:-9px; top:22%; height:56%; border-left:1px solid var(--renk-kenar);} .gosterge-paneli .gizlenen-tutar > .tutar-maske{display:none;} .gosterge-paneli .veri.tutar-gizli .gizlenen-tutar > .tutar-acik{display:none;} .gosterge-paneli .veri.tutar-gizli .gizlenen-tutar > .tutar-maske{display:inline; letter-spacing:.06em;} sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutu .veri .miniacikveri.dolarsatir{color:var(--renk-teal); font-weight:600;} .gosterge-paneli .veri .tutar-goz{margin-left:6px; font-size:.8em; color:var(--renk-yazi-soluk); cursor:pointer; vertical-align:middle; transition:color .15s;} .gosterge-paneli .veri .tutar-goz:hover{color:var(--renk-birincil);} .gosterge-paneli .veri[davranis=pencere-ac]{cursor:pointer; border-radius:8px; transition:background .15s;} .gosterge-paneli .veri[davranis=pencere-ac]:hover{background:var(--renk-birincil-alfa-08);} .gosterge-paneli .onecikan [onecikan-rapor]{cursor:pointer;} .gosterge-paneli .onecikan [onecikan-rapor]:hover{text-decoration:underline;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan:is(.sonhareket, .onecikan){width:33.333%;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan:is(.sonhareket, .onecikan) .stdkutu{height:100%; flex-direction:column; flex-wrap:nowrap; padding:12px 10px 8px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan:is(.sonhareket, .onecikan) .stdickutu-baslik{display:flex; align-items:center; gap:8px; margin:0 4px 6px; padding-bottom:10px; border-bottom:1px solid var(--renk-kenar-acik); font-size:14px; font-weight:600;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan:is(.sonhareket, .onecikan) .stdickutu-baslik::before{content:""; flex:0 0 4px; height:16px; border-radius:2px; background:currentColor;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket.siparis .stdickutu-baslik{color:#B7791F;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket.tahsilat .stdickutu-baslik{color:var(--renk-birincil);} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket.fatura .stdickutu-baslik{color:#26844C;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket .kayan-liste{width:100%; color:var(--renk-yazi-soluk);} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket .stdickutu-icerik{display:flex; align-items:center; gap:14px; padding:10px; border-radius:8px; transition:background .25s ease, box-shadow .25s ease;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket .stdickutu-icerik[davranis=pencere-ac]{cursor:pointer;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket .stdickutu-icerik[davranis=pencere-ac]:hover{background:rgba(0,0,0,.035); box-shadow:inset 0 0 0 1px var(--renk-kenar-acik);} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket .stdickutu-icerik .ikon{flex:0 0 46px; height:46px; display:flex; align-items:center; justify-content:center; border-radius:12px; font-size:20px; transition:transform .25s ease;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket.siparis .stdickutu-icerik .ikon{background:#FFF6D1; color:#B7791F;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket.tahsilat .stdickutu-icerik .ikon{background:#E3E8F8; color:var(--renk-birincil);} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket.fatura .stdickutu-icerik .ikon{background:#E5F9ED; color:#26844C;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket .stdickutu-icerik[davranis=pencere-ac]:hover .ikon{transform:scale(1.06);} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket .stdickutu-icerik .yaz{flex:1 1 auto; min-width:0;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket .stdickutu-icerik .yaz .mini{font-size:10px; font-weight:600; color:var(--renk-yazi-soluk); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket .stdickutu-icerik .yaz .normal{margin-top:3px; font-size:12px; font-weight:600; color:var(--renk-yazi); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket .stdickutu-icerik .yaz .buyuk{margin-top:6px; font-size:12px; color:var(--renk-yazi-orta);} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket .stdickutu-icerik .yaz .buyuk b{font-size:14px; color:var(--renk-yazi); white-space:nowrap;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.sonhareket .stdickutu-icerik .yaz .buyuk .dolar-karsilik{display:inline; margin-left:4px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .stdickutu-baslik > span{flex:1 1 auto; min-width:0;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .stdickutu-baslik .butonalan{display:flex; flex:0 0 auto; padding:3px; border-radius:8px; background:#efefef;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .stdickutu-baslik .butonalan .lineGrafikSec{min-height:26px; padding:0 10px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan.stok .stdickutu-baslik{color:#26844C;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan.cari .stdickutu-baslik{color:var(--renk-birincil);} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan.iade .stdickutu-baslik{color:#C2410C;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-liste{flex:1 1 auto; max-height:430px; margin:0 -2px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-bos{padding:28px 8px; text-align:center; font-size:12px; color:var(--renk-yazi-soluk);} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-satir{display:flex; align-items:center; gap:12px; padding:10px 8px; border-radius:8px; cursor:pointer; transition:background .2s ease;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-satir + .onecikan-satir{margin-top:2px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-satir:hover{background:rgba(0,0,0,.035);} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-satir .gorsel{flex:0 0 44px; height:44px; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:50%; background:var(--renk-kenar-acik); color:var(--renk-yazi-soluk); font-size:18px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-satir .gorsel img{width:100%; height:100%; object-fit:contain; background:#fff; cursor:zoom-in;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan.cari .onecikan-satir .gorsel{border-radius:12px; background:#E3E8F8; color:var(--renk-birincil);} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan.cari .onecikan-satir .gorsel.tac{background:#FFF6D1; color:#B7791F;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-satir .yaz{flex:1 1 auto; min-width:0;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-satir .kod{font-size:11px; font-weight:700; color:var(--renk-yazi);} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-satir .ad{margin-top:2px; font-size:11px; color:var(--renk-yazi-orta); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-satir .alt{margin-top:1px; font-size:10px; color:var(--renk-yazi-soluk); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-satir .bar{height:3px; margin-top:6px; border-radius:2px; background:var(--renk-kenar-acik); overflow:hidden;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-satir .bar i{display:block; height:100%; border-radius:2px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan.stok .onecikan-satir .bar i{background:#26844C;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan.cari .onecikan-satir .bar i{background:var(--renk-birincil);} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan.iade .onecikan-satir .bar i{background:#EA580C;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-satir .deger{flex:0 0 auto; max-width:45%; text-align:right;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-satir .deger b{display:block; font-size:15px; color:var(--renk-yazi); white-space:nowrap;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-satir .deger b small{margin-left:3px; font-size:9px; font-weight:700; color:var(--renk-yazi-soluk);} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-satir .deger span{display:block; margin-top:2px; font-size:10px; color:var(--renk-yazi-soluk); white-space:nowrap;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.onecikan .onecikan-satir .deger span.dolar-karsilik{margin-top:1px; font-size:11px; font-weight:600; color:var(--renk-teal);} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan .stdkutu .veri{width:100%; padding:10px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan .stdkutu .veri .minibaslik{font-size:11px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan .stdkutu .veri .buyukveri{font-size:20px; display:flex; flex-wrap:wrap;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan .stdkutu .veri .buyukveri > span{margin-right:5px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan .stdkutu .veri .miniacikveri{font-size:11px; color:#888;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan .stdkutu .veri .miniveri{font-size:12px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan .stdkutu .ozelalan{padding:10px; width:100%; border-radius:5px; margin-top:10px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan .stdkutu .ozelalan.iade{background:#FFECEC;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan .stdkutu .ozelalan.iade .veri{color:#781919;} /*#region Düzenleme Ekranı*/ form.duzenle-alan{flex:1 0 0; height:auto; display:block; background:#fff; overflow-y:auto;} form.duzenle-alan::-webkit-scrollbar{width:5px;} form.duzenle-alan::-webkit-scrollbar-track{box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.3); width:5px;} form.duzenle-alan::-webkit-scrollbar-thumb{border-radius:10px; background-color:rgba(0, 0, 0, 0.4); outline:0;} form.duzenle-alan header{flex-wrap:wrap; position:sticky; top:0; display:flex; background:#ededed; padding:6px; justify-content:space-between; border-bottom:1px solid rgba(0,0,0,0.1); z-index:2;} form.duzenle-alan header navigasyon-menu{align-self:center; display:block; max-width:120px;} form.duzenle-alan header navigasyon-menu i{font-size:16px; width:30px; height:30px; line-height:30px; align-content:center; border-radius:5px; margin:0 3px; text-align:center;} form.duzenle-alan header navigasyon-menu i.disabled{color:rgba(0,0,0,0.2);} form.duzenle-alan header navigasyon-menu i:not(.disabled):hover{background:rgba(0,0,0,0.1);} form.duzenle-alan header duzenle-arama{position:relative; flex:1 0 0; display:flex; align-items:center; margin:0 10px;} form.duzenle-alan header duzenle-arama input{display:block; background:#fff; border-radius:8px; border:none; position:absolute; z-index:10; width:100%; height:100%; top:0; left:0; padding-left:30px;} form.duzenle-alan header duzenle-arama i{margin:0 10px; position:relative; z-index:11;} form.duzenle-alan header duzenle-arama input.aktif{border-radius:8px 8px 0 0;} form.duzenle-alan header duzenle-islemmenu{display:flex; gap:8px; padding-left:10px; border-left:1px solid rgba(0,0,0,0.1);} form.duzenle-alan header duzenle-islemmenu button{padding:8px 12px; display:flex; background:var(--renk-tehlike); color:#fff; font-size:12px; border-radius:8px; align-items:center;} form.duzenle-alan header duzenle-islemmenu button:hover{background:#16a84f; color:#fff;} form.duzenle-alan header duzenle-islemmenu button.excel-vazgec{background:#f1f5f9; color:#475569; border:1px solid var(--renk-kenar);} form.duzenle-alan header duzenle-islemmenu button.excel-vazgec:hover{background:#e2e8f0; color:#334155;} form.duzenle-alan header duzenle-islemmenu button i{font-size:16px; margin-right:10px;} duzenle-icerik{padding:14px 8px; display:flex; flex-wrap:wrap; background:#fff; border-radius:10px; overflow:hidden;} duzenle-icerik > *{padding:8px 4px;} /* İç içe kullanıldığında (sayfa kendi duzenle-icerik'ini açıyorsa) içteki bir flex öğesi olur ve genişliğini içerikten alır. */ duzenle-icerik duzenle-icerik{width:100%;} duzenle-icerik .inputalan{position:relative; display:flex; width:100%; height:45px; align-items:center; border:1px solid rgba(0, 0, 0, 0.1); border-radius:8px;} duzenle-icerik .inputalan label{position:absolute; transition:.1s ease-in; pointer-events:none; font-size:10px; top:-10px; left:10px; transform:translateY(0); background:#fff; padding:5px; text-transform:uppercase; border-radius:5px; font-feature-settings:"case"; line-height:1;} duzenle-icerik .inputalan .inputabsoluteaciklama{position:absolute; font-size:10px; bottom:-5px; background:var(--renk-tehlike); padding:2px 5px; border-radius:5px; color:#fff; left:50%; transform:translateX(-50%); line-height:1;} duzenle-icerik .inputalan .inputabsoluteaciklama.efaturacarisi{background:var(--renk-basari); color:#fff;} duzenle-icerik .inputalan .inputabsoluteaciklama.earsivcarisi{background:var(--renk-tehlike); color:#fff;} duzenle-icerik .tabmenu{display:flex; justify-content:space-between; width:100%; margin-top:10px; border-radius:10px; background:var(--renk-birincil); padding:15px; color:#fff; align-items:center;} duzenle-icerik .tabmenubaslik{font-size:18px; font-weight:500;} duzenle-icerik .tabmenubutonlar button[tab-id]{font-size:12px; padding:10px; border:1px solid rgba(255,255,255,0.1); border-radius:8px; margin:0 3px;} duzenle-icerik .tabmenubutonlar button[tab-id].aktif{border:1px solid #fff; background:#fff; color:var(--renk-birincil);} duzenle-icerik .tabmenubutonlar button[tab-id]:hover{border:1px solid #3e5cbf; background:#3e5cbf; color:#fff;} duzenle-icerik .checkboxalan{position:relative; display:flex; width:100%; height:100%; align-items:center;} duzenle-icerik .checkboxalan label{font-feature-settings:"case";} duzenle-icerik .checkboxalan input[type=checkbox]{width:20px; height:20px; margin-right:6px; margin-top:0; margin-left:0;} :is(duzenle-icerik, body[tip="iframelayout"] .icerik-alan) .ozelalan .checkboxalan:has(.yetki-aciklama){align-items:flex-start; border-bottom:1px solid rgba(0,0,0,0.1); padding:5px 0;} :is(duzenle-icerik, body[tip="iframelayout"] .icerik-alan) .ozelalan .checkboxalan:has(.yetki-aciklama) input[type=checkbox]{margin-top:3px;} .checkboxalan label .yetki-aciklama{display:block; margin-top:0px; font-size:10px; line-height:1.35; font-weight:400; color:var(--renk-yazi-soluk); font-feature-settings:normal;} duzenle-icerik .inputalan :is(input, select, input:disabled, select:disabled){border:none; width:100%; height:20px; line-height:20px; transition:.2s; padding:0 10px; font-size:12px; background:#fff;} duzenle-icerik .inputalan :is(input, select):hover{border-color:#34cc6f55;} duzenle-icerik .inputalan :is(input, select):focus{border-color:#1c33a8 !important;} duzenle-icerik .bilgilendirme-alan{background:#fff; width:100%; padding:0 4px;} duzenle-icerik .bilgilendirme{border-radius:8px; border:1px solid rgba(0,0,0,0.1); padding:5px; margin-bottom:6px; display:flex; flex-wrap:wrap; align-items:center;} duzenle-icerik .bilgilendirme .temelbilgiler{padding:5px;} duzenle-icerik .bilgilendirme .baslik{font-weight:600;} duzenle-icerik .bilgilendirme .efaturacarisi, iframe-alan .bilgilendirme .earsivcarisi{display:inline-block; font-weight:600; font-size:8px; border-radius:5px; padding:3px 8px;} duzenle-icerik .bilgilendirme .efaturacarisi{background:var(--renk-basari); color:#fff;} duzenle-icerik .bilgilendirme .earsivcarisi{background:var(--renk-tehlike); color:#fff;} duzenle-icerik .bilgilendirme .markalogo{width:80px;} duzenle-icerik .bilgilendirme .urunresmi{width:80px; border-radius:5px; overflow:hidden; border:1px solid rgba(0,0,0,0.1); margin-right:10px;} .urunresmi img{max-width:100%; height:auto;} /*#region Sol Menü Overlay*/ .sol-menu-overlay{display:none; position:fixed; inset:0; background:rgba(0,0,0,0.45); z-index:7; cursor:pointer;} /*#endregion*/ /*#region Düzenleme/Form Layout*/ .duzenleme-grid{display:flex; flex-wrap:wrap; align-items:stretch; gap:15px 12px; width:100%;} .duzenleme-alan-cokkucuk{flex:1 1 130px; min-width:130px;} .duzenleme-alan-kucuk{flex:1 1 175px; min-width:175px;} .duzenleme-alan-orta{flex:1 1 235px; min-width:235px;} .rol-kullanicilar{display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:10px;} .rol-kullanicilar .renk-rozet[davranis]{cursor:pointer;} .rol-onizleme{max-height:45vh; margin:10px 0 8px; text-align:left;} .rol-onizleme-kisi{padding:8px 0; border-top:1px solid var(--renk-kenar-acik);} .rol-onizleme-kisi .rol-kullanicilar{margin-top:6px; gap:4px;} .rol-onizleme .renk-rozet{white-space:normal; text-align:left;} .duzenleme-alan-buyuk{flex:1 1 320px; min-width:320px;} .duzenleme-alan-cokbuyuk{flex:1 1 420px; min-width:420px;} .duzenleme-alan-full{flex:1 1 100%; min-width:100%;} .duzenleme-grid > bol{display:block; flex:1 1 100%; min-width:100%; height:0; margin:0; padding:0;} .duzenleme-grid:has(> bol){row-gap:0;} .duzenleme-grid:has(> bol) > *{margin-bottom:15px;} .duzenleme-grid:has(> bol) > bol{margin-bottom:0;} .duzenleme-alan-sigdir{flex:1 1 auto; min-width:200px;} .duzenleme-alan{flex:1 1 235px; min-width:235px;} .duzenleme-alan-genis{flex:1 1 100%; min-width:100%;} .duzenleme-grid.kartli > *{flex:1 1 380px; min-width:320px;} .ozelalan .ozelalan-texticerik:is(.duzenleme-grid, .izgara){padding-top:0;} .ozelalan .ozelalan-texticerik:is(.duzenleme-grid, .izgara) > *{padding:0;} /*#endregion*/ /* Siralama (surukle-birak). Yer degistirme animasyonu JS tarafinda FLIP ile: grid akisindaki konum degisimi CSS transition ile yakalanamiyor. */ klasor-grid.siralaniyor .grid{cursor:grab; user-select:none;} klasor-grid.siralaniyor .grid:hover{background:inherit;} klasor-grid .grid.siralanan{cursor:grabbing; z-index:30; box-shadow:0 14px 30px rgba(0,0,0,.28); opacity:.95; transition:none;} /* ======================== 3 · BİLEŞENLER ======================== */ /*#region Yetkisiz - Hata*/ .yetkisizalan{background:#959aa6;} .yetkisizalan .yaz{background:#fff; padding:80px;} .yetkisizalan .baslik{color:#727c93; font-weight:700; font-size:68px; line-height:68px;} .yetkisizalan .kucukbaslik{color:#959aa6; font-weight:700; font-size:28px;} .yetkisizalan .acikla{color:#444; font-weight:400; font-size:14px; margin-top:20px; padding-right:40px;} .hataalan{background:#959aa6;} .hataalan .yaz{background:#fff; padding:80px;} .hataalan .baslik{color:#727c93; font-weight:700; font-size:68px; line-height:68px;} .hataalan .kucukbaslik{color:#959aa6; font-weight:700; font-size:28px;} .hataalan .acikla{color:#444; font-weight:400; font-size:14px; margin-top:20px; padding-right:40px;} /*#region Hata Sayfası Layout*/ body[tip="hata"]{min-height:100vh;} .hata-sayfa{display:grid; place-items:center; width:100%; min-height:100vh;} .hata-panel{width:100%; max-width:900px; box-sizing:border-box;} .hata-icerik{display:flex; flex-wrap:wrap; align-items:center; gap:24px;} .hata-metin{flex:1 1 320px; min-width:0;} .hata-gorsel{flex:1 1 320px; min-width:0; text-align:center;} .hata-gorsel img{max-width:100%; height:auto;} /*#endregion*/ .metin-tehlike{color:var(--renk-tehlike);} /*#endregion*/ /*#region Açılır Menü*/ [davranis=select]{cursor:pointer;} /* Giris sag tik menusuyle ayni dil: kutu YERINDE duruyor ve siliniyor, satirlar birbiri ardina doluyor. */ .acilirmenu{position:absolute; min-width:60px; background:#fff; border:1px solid #e5e7eb; border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,.1); padding:6px; z-index:9999; opacity:0; transition:opacity .12s ease; pointer-events:none;} .acilirmenu.show{opacity:1; pointer-events:auto;} /* Madde `button` ya da `a` olabiliyor: sayfa değiştirmeyen seçimler düğme, adrese giden seçimler bağ (şube seçici) - orta tıkla yeni sekme çalışsın. */ .acilirmenu.show :is(button, a, .yilizgara-baslik){animation:sagtikSatir .34s cubic-bezier(.32,.72,0,1) backwards; animation-delay:calc(min(var(--sira, 0), 8) * 42ms);} @media (prefers-reduced-motion: reduce){ .acilirmenu.show :is(button, a, .yilizgara-baslik){animation:none;} } .acilirmenu :is(button, a){display:block; width:100%; text-align:left; padding:8px 10px; border:0; background:transparent; cursor:pointer; border-radius:8px; font-size:12px; white-space:nowrap;} .acilirmenu :is(button, a):hover{background:#f1f1f1;} .acilirmenu a{color:var(--renk-yazi); text-decoration:none;} .acilirmenu :is(a, button).aktif{background:#eef2ff; color:#1e2d5a; font-weight:600;} .acilirmenu a .kod-rozet{margin-right:4px; vertical-align:middle;} .acilirmenu button.acilirmenu-uyari{color:var(--renk-tehlike); cursor:default;} .acilirmenu button.acilirmenu-uyari:hover{background:transparent;} .acilirmenu > button i{width:20px; display:inline-block;} .acilirmenu[veri="iade.tanzim"] button{padding:6px 10px; font-size:10px; white-space:nowrap;} /*#region Yil Izgarasi - acilirmenu[veri=yilSec]*/ .acilirmenu[veri="yilSec"]{padding:8px;} .yilizgara{display:grid; grid-template-columns:repeat(4, 52px); gap:5px;} .yilizgara-baslik{grid-column:1 / -1; font-size:10px; font-weight:600; color:var(--renk-yazi-soluk); padding:4px 2px 1px;} .yilizgara-baslik:first-child{padding-top:0;} .acilirmenu[veri="yilSec"] button.yilizgara-yil{width:52px; padding:6px 0; text-align:center; font-size:12px; font-weight:500; border:1px solid var(--renk-kenar); border-radius:6px; color:var(--renk-yazi); transition:background .15s, border-color .15s;} .acilirmenu[veri="yilSec"] button.yilizgara-yil:hover{background:var(--renk-birincil-cok-acik); border-color:var(--renk-birincil-acik);} .acilirmenu[veri="yilSec"] button.yilizgara-yil.secili{background:var(--renk-birincil); border-color:var(--renk-birincil); color:#fff;} /*#endregion*/ .acilirmenu[veri="iade.tanzim"] button[value="0"] i{color:#f97316;} .acilirmenu[veri="iade.tanzim"] button[value="1"] i{color:#10b981;} .acilirmenu[veri="iade.tanzim"] button[value="2"] i{color:#f00;} /*#endregion*/ /*#region ApexChart*/ .apexcharts-tooltip *{font-family:'Poppins', sans-serif !important;} .apexcharts-tooltip{font-family:'Poppins', sans-serif !important;} .apexcharts-canvas *{font-family:'Poppins', sans-serif !important;} .donutgrafik .apexcharts-legend{height:100%; display:block; top:50% !important; position:absolute !important; transform:translateY(-50%); bottom:auto; overflow:hidden; align-content:center;} .donutgrafik .apexcharts-legend.position-right, .donutgrafik .apexcharts-legend.position-left{flex-direction:row; flex-wrap:wrap; width:35%;} .apexcharts-legend-text{font-size:10px !important;} .donutgrafik .apexcharts-legend-series{align-self:center; height:20px;} .donutgrafik .apexcharts-datalabels{text-shadow:none !important; fill:#2A3B72; display:block;} .donutgrafik .apexcharts-datalabels text{text-shadow:none !important; font-size:10px; font-weight:400; transform:translate(5%); background:#2A3B72;} .donutgrafik .apexcharts-datalabels rect{transform:translate(5%); fill:#eee !important;} .donutgrafik .apexcharts-tooltip-series-group.apexcharts-active, .donutgrafik .apexcharts-tooltip-series-group:last-child{padding:5px !important;} /*#endregion*/ /*#region Gösterge İçeriği (iframe sayfasında ana sayfa kutuları)*/ gosterge-icerik{width:100%; display:block;} gosterge-icerik .stdkutualan{flex:0 0 auto;} gosterge-icerik .stdkutualan.satisgrafikbar{width:70%;} gosterge-icerik .stdkutualan.tahsilatgrafikbar{width:70%;} gosterge-icerik .stdkutualan.satisgrafikdonut{width:30%;} gosterge-icerik .stdkutualan.tahsilatgrafikdonut{width:30%;} gosterge-icerik .stdkutualan.satisiade{width:50%;} gosterge-icerik .stdkutualan.caritahsilat{width:50%;} gosterge-icerik .stdkutualan .stdkutubaslikalan{display:flex; padding:0 10px; height:45px; justify-content:space-between;} gosterge-icerik .stdkutualan .stdkutubaslikalan .stdkutubaslik{border-radius:8px 8px 0 0; font-size:14px; padding:12px 15px;} gosterge-icerik .stdkutualan.satisgrafik .stdkutubaslikalan .stdkutubaslik{background:#E5F9ED; color:#26844C;} gosterge-icerik .stdkutualan .stdkutubaslikalan .butonalan{border-radius:8px 8px 0 0; padding:4px 2px; background:#efefef; align-self:flex-end; position:relative; display:flex; margin-left:20px;} gosterge-icerik .stdkutualan .stdkutubaslikalan .tarihalan{border-radius:8px 8px 0 0; padding:4px 2px; background:#efefef; align-self:flex-end; position:relative; flex:1 0 0; display:flex; margin-left:20px;} gosterge-icerik .stdkutualan .stdkutubaslikalan .tarihalan input{position:relative; z-index:1; border:none; background:#fff; border-radius:5px; height:25px; line-height:25px; font-size:11px; padding:0 10px; flex:1 0 0; width:50%; margin:0 2px;} gosterge-icerik .stdkutualan .stdkutubaslikalan .tarihalan input::placeholder{height:25px; line-height:25px;} gosterge-icerik .stdkutualan .stdkutubaslikalan .tarihalan i.onayla{color:var(--renk-basari); position:absolute; right:10px; transition:.1s; z-index:2; top:50%; transform:translateY(-55%); font-size:16px; cursor:pointer;} gosterge-icerik .stdkutualan .stdkutubaslikalan .tarihalan i.onayla:hover{color:var(--renk-uyari);} gosterge-icerik .stdkutualan .stdkutu{padding:5px; border:1px solid rgba(0,0,0,0.1); border-radius:8px; display:flex; flex-wrap:wrap;} gosterge-icerik .stdkutualan .stdkutu.baslikli{height:calc(100% - 45px);} /*#endregion*/ /*#region Gümrük*/ gosterge-icerik .stdkutualan.gumruk-genel{width:100%;} gosterge-icerik .stdkutualan.gumruk-genel .stdkutubaslikalan .stdkutubaslik{background:#CDD3EE; color:var(--renk-birincil);} gosterge-icerik .stdkutualan.gumruk-genel .stdkutu .veri{width:20%;} gosterge-icerik.gumruk-ozet .stdkutualan.onecikan{width:25%;} gosterge-icerik.gumruk-ozet .stdkutualan.onecikan .onecikan-liste{max-height:300px;} gosterge-icerik.gumruk-ozet .onecikan-satir .kod{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} gosterge-icerik.gumruk-ozet .gumruk-yillar{display:flex; flex-wrap:wrap; gap:4px; margin-top:4px;} gosterge-icerik.gumruk-ozet [data-yil], .gumruk-suzgec [data-kaldir], #tablo [data-gumruk-gtip]{cursor:pointer;} #tablo .gumruk-firma{cursor:pointer; font-weight:600;} #tablo .gumruk-firma:hover, #tablo [data-gumruk-gtip]:hover{text-decoration:underline;} .gunluk-filtre-alan input.duzenle-kontrol{min-width:260px; height:32px; padding:0 10px; border:1px solid rgba(30,45,90,0.18); border-radius:6px; background:#fff; font-size:12px; color:#1e293b;} /*#endregion*/ /*#region TarihAlan Bileşen*/ .bilgilendirme .tarihalan{display:inline-flex; align-items:center; background:#fff; border:1px solid rgba(0,0,0,0.13); border-radius:8px; padding:0 4px 0 8px; height:32px; box-shadow:0 1px 3px rgba(0,0,0,0.07); transition:border-color .15s,box-shadow .15s; gap:0;} .bilgilendirme .tarihalan:focus-within{border-color:#2f4dbf; box-shadow:0 0 0 3px rgba(47,77,191,0.10);} .bilgilendirme .tarihalan .tarihalan-ikon{color:#94a3b8; font-size:12px; margin-right:4px; flex-shrink:0;} .bilgilendirme .tarihalan input.tarihsec{border:none; background:transparent; height:100%; font-size:11px; padding:0 6px; width:82px; color:#1e293b; outline:none;} .bilgilendirme .tarihalan input.tarihsec::placeholder{color:#94a3b8;} .bilgilendirme .tarihalan input.saatsec{border:none; background:transparent; height:100%; font-size:11px; padding:0 4px; width:42px; color:#1e293b; outline:none; text-align:center;} .bilgilendirme .tarihalan input.saatsec::placeholder{color:#94a3b8;} .bilgilendirme .tarihalan .tarihalan-sep{color:#b0bac6; font-size:11px; flex-shrink:0; user-select:none; padding:0 2px;} .bilgilendirme .tarihalan i.onayla{display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; margin-left:4px; border-radius:5px; background:#eef2ff; color:#2f4dbf; font-size:13px; cursor:pointer; transition:background .15s,color .15s; flex-shrink:0;} .bilgilendirme .tarihalan i.onayla:hover{background:#2f4dbf; color:#fff;} .bilgilendirme .tarihalan select.hazirdonem{border:none; background:transparent; height:100%; font-size:11px; color:#1e293b; outline:none; cursor:pointer; padding:0 6px 0 0; margin-right:4px; border-right:1px solid rgba(0,0,0,0.1); font-family:inherit;} .bilgilendirme .tarihalan select.hazirdonem:hover{color:#2f4dbf;} /*#endregion*/ /*#region Grafik Kapsayıcı*/ .grafik-kapsayici{width:100%;} /*#endregion*/ /*#region Bilgilendirme Üst Bar*/ .bilgilendirme .bilgilendirme-sag-alan{margin-left:auto; display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:6px;} :is(sag-icerik .icerik, iframe-alan) .bilgilendirme-sag-alan button.islemlistesi{margin-right:0;} .bilgilendirme .bilgi-akis-alan{flex:0 0 100%; min-width:0;} @media (min-width: 490px){ .bilgilendirme .bilgi-akis-alan{flex:1 0 0%;} } .bilgilendirme .bilgi-akis-alan.stok{flex:1 1 0; min-width:0;} sag-icerik .icerik .bilgilendirme-alan{background:#fff;} sag-icerik .icerik .bilgilendirme{border-radius:8px; border:1px solid rgba(0,0,0,0.1); padding:5px; margin-bottom:6px; display:flex; flex-wrap:wrap; align-items:center;} /*#region Künye ipucu (info ikonu + hover balon)*/ .kunye-ipucu{position:relative; margin-left:auto; align-self:center; padding:6px;} .kunye-ipucu > i{font-size:18px; color:var(--renk-yazi-soluk); cursor:help;} .kunye-ipucu:hover > i{color:var(--renk-birincil);} .kunye-ipucu .kunye-balon{position:absolute; top:100%; right:-6px; z-index:60; display:none; padding-top:8px;} .kunye-ipucu:hover .kunye-balon{display:block;} .kunye-ipucu + .kunye-ipucu{margin-left:0;} .kunye-ipucu:is([data-kamerakayit], [data-kamerabekliyor]) > i{cursor:pointer; width:32px; height:32px; background:#f00; color:#fff; border-radius:50px; text-align:center; align-content:center; font-size:12px;} .kunye-ipucu[data-kamerabekliyor] > i{opacity:.35; cursor:help;} .kunye-ipucu[data-kamerakayit] > i:hover{background:#1e2d5a} .kunye-ipucu .kunye-balon .siparis-akis{background:#fff; border:1px solid var(--renk-kenar); border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,.14), 0 2px 6px rgba(0,0,0,.08); padding:10px 14px; display:flex; flex-wrap:nowrap; gap:18px; white-space:nowrap;} iframe-alan .icerik:has(table[data-tablotipi]) .bilgilendirme-alan:has(.kunye-ipucu:hover){z-index:7;} /*#endregion*/ sag-icerik .icerik .bilgilendirme-alan .toplamlar{display:flex; flex-wrap:nowrap; border-radius:5px; padding:0;} sag-icerik .icerik .bilgilendirme-alan .toplamlar>*{padding:3px; flex:0 0 auto !important; width:auto !important; max-width:none !important; min-width:fit-content;} sag-icerik .icerik .bilgilendirme-alan .toplamlar .tutar-alan{border:1px solid rgba(0,0,0,0.1); border-radius:5px; padding:5px 10px; align-content:center; vertical-align:central; transition:.2s;} sag-icerik .icerik .bilgilendirme-alan .toplamlar .tutar-alan:hover{background:#000; color:#fff;} sag-icerik .icerik .bilgilendirme-alan .toplamlar .tutar-alan>div{min-width:70px;} sag-icerik .icerik .bilgilendirme-alan .toplamlar .tutar-alan>div.baslik{font-size:9px; font-weight:600; white-space:nowrap;} sag-icerik .icerik .bilgilendirme-alan .toplamlar .tutar-alan>div.tutar{font-size:14px;} .tutar .toplam-doviz{display:inline-block; white-space:nowrap;} .tutar .toplam-doviz + .toplam-doviz{margin-left:8px; padding-left:8px; border-left:1px solid rgba(0,0,0,0.15);} /* Tip paleti — ORTAK renk değiştiricisi. Sınıf yalnız değişkenleri kurar; görünümü kullanan bileşen tarif eder. */ .tip1{--tip-zemin:var(--renk-birincil-cok-acik); --tip-kenar:var(--renk-birincil-az-acik); --tip-yazi:var(--cip-mavi-yazi); --tip-aksan:var(--renk-birincil); --tip-hover:var(--renk-birincil);} .tip2{--tip-zemin:var(--cip-yesil-zemin); --tip-kenar:var(--cip-yesil-kenar); --tip-yazi:var(--cip-yesil-yazi); --tip-aksan:var(--renk-basari); --tip-hover:var(--renk-basari-hover);} .tip3{--tip-zemin:var(--cip-turuncu-zemin); --tip-kenar:var(--cip-turuncu-kenar); --tip-yazi:var(--cip-turuncu-yazi); --tip-aksan:var(--renk-uyari); --tip-hover:var(--renk-uyari-hover);} .tip4{--tip-zemin:var(--cip-kirmizi-zemin); --tip-kenar:var(--cip-kirmizi-kenar); --tip-yazi:var(--cip-kirmizi-yazi); --tip-aksan:var(--renk-tehlike-koyu); --tip-hover:var(--renk-tehlike-hover);} /* Özet kutuları. Kutunun HESAPLANMIŞ sayı taşıdığını belli eder, künye/kimlik kutularıyla karışmaz. */ :is(.tip1, .tip2, .tip3, .tip4) .tutar-alan{background:var(--tip-zemin) !important; border-color:var(--tip-kenar) !important; border-left:3px solid var(--tip-aksan) !important;} :is(.tip1, .tip2, .tip3, .tip4) .tutar-alan:hover{background:var(--tip-hover) !important; color:#fff !important;} :is(.tip1, .tip2, .tip3, .tip4) .tutar-alan:hover > div.baslik, :is(.tip1, .tip2, .tip3, .tip4) .tutar-alan:hover > div.tutar{color:#fff !important;} /* Açılır menü düğmesi. Aynı şeritte yan yana duran seçiciler (durum + şube gibi) birbirinin kopyası görünmesin diye. */ button.islemlistesi:is(.tip1, .tip2, .tip3, .tip4){background:var(--tip-zemin) !important; border-color:var(--tip-kenar) !important; color:var(--tip-yazi) !important;} button.islemlistesi:is(.tip1, .tip2, .tip3, .tip4):hover, button.islemlistesi:is(.tip1, .tip2, .tip3, .tip4).aktif{background:var(--tip-kenar) !important; border-color:var(--tip-aksan) !important;} button.islemlistesi:is(.tip1, .tip2, .tip3, .tip4) :is(i.siparisikon, .fa-chevron-down){color:var(--tip-aksan) !important;} button.islemlistesi:is(.tip1, .tip2, .tip3, .tip4) .kod-rozet{background:var(--tip-aksan) !important;} button.islemlistesi:is(.tip1, .tip2, .tip3, .tip4) .kod-rozet.bos{background:none !important; color:var(--tip-yazi);} button.islemlistesi:is(.tip1, .tip2, .tip3, .tip4) .kod-rozet.bos i{margin-left:0;} /*#endregion*/ /*#region Para Alanı (sembol + değer/input)*/ .para-alan{display:inline-flex; align-items:center; gap:4px; width:100%;} .para-alan .sembol{flex-shrink:0; font-size:10px; color:#888;} .para-alan input{flex:1; min-width:0; width:80px !important; text-align:right !important;} .para-alan > span:last-child{flex:1; text-align:left;} #tablo td.ta-right .para-alan > span:last-child{text-align:right;} #tablo td:has(.para-alan input){width:80px;} #tablo td.stdfiyat{width:80px;} .para-alan.v1 input{width:60px !important; text-align:right !important;} .para-alan.v1c input{width:60px !important; text-align:center !important;} #tablo td:has(.para-alan.v1c input), #tablo td:has(.para-alan.v1 input){width:60px;} .para-alan.v2 input{width:40px !important; text-align:right !important;} .para-alan.v2c input{width:40px !important; text-align:center !important;} #tablo td:has(.para-alan.v2c input), #tablo td:has(.para-alan.v2 input){width:40px;} .aciklama-alan input{width:150px !important; text-align:left !important;} #tablo td:has(.aciklama-alan input){width:150px;} /*#region Hücre Araması*/ .hucre-arama{position:relative; display:inline-flex; align-items:center; width:100%;} .hucre-arama input{width:100% !important; height:28px !important; padding:0 28px 0 9px !important; border:1px solid var(--renk-kenar) !important; border-radius:6px; background:#fff !important; font-size:11px; text-align:left !important; transition:border-color .15s, background .15s, box-shadow .15s;} .hucre-arama input::placeholder{color:#9aa5b8;} .hucre-arama input:hover{border-color:#c7d2fe !important;} .hucre-arama input:focus, .hucre-arama input.aktif{border-color:#2f4dbf !important; box-shadow:0 0 0 2px rgba(47,77,191,0.12);} .hucre-arama input:not(:placeholder-shown){border-color:#86c8a2 !important; background:#f2fbf5 !important; font-weight:600; color:#166534;} .hucre-arama .canliarama-ac{position:absolute; right:2px; width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:5px; background:none; color:#94a3b8; font-size:11px; cursor:pointer; transition:color .15s, background .15s;} .hucre-arama .canliarama-ac:hover{background:#eef2ff; color:#2f4dbf;} .hucre-arama input:not(:placeholder-shown) + .canliarama-ac{color:#4f9d70;} #tablo td:has(.hucre-arama){width:170px;} /*#endregion*/ .aciklama-satir-alan{position:relative; font-size:10px; width:100% !important;} /* Kalem yalnız yazılabilir alanda çıkar. Eski kural :has(:not(input)) idi — metin düğümleri element sayılmadığı için hiçbir zaman eşleşmiyordu. */ .aciklama-satir-alan:has(input):before{content:'\f303'; font-family:'Font Awesome 6 Pro'; font-weight:400; position:absolute; top:0px; left:0px; color:rgba(0,0,0,0.35); font-size:10px;} .aciklama-satir-alan:has(input):hover:before{color:var(--renk-birincil);} .aciklama-satir-alan input{width:100% !important; text-align:left !important; padding:0 0 0 15px !important; font-size:10px; font-weight:600;} .aciklama-alan{display:block; height:100%;} .aciklama-alan textarea{width:150px !important; height:100%; min-height:36px; padding:4px 6px; text-align:left !important; resize:none; font:inherit; line-height:1.4; box-sizing:border-box; border:0px; outline:none; font-size:11px; background:transparent none;} .aciklama-alan textarea:focus{border:0px;} #tablo td:has(.aciklama-alan textarea){width:150px; height:1px; vertical-align:top;} /*#endregion*/ /*#region Hızlı Erişim Düzenle*/ .he-container{display:flex; gap:20px; height:calc(100vh - 24px); min-height:400px; align-items:stretch;} .he-panel{flex:1; border:1px solid var(--renk-birincil-alfa-12); border-radius:8px; background:#fff; display:flex; flex-direction:column;} .he-panel.mevcut{flex:1 1 auto; min-width:0;} .he-panel.secili{flex:0 0 420px; width:420px; height:100%; max-height:100%;} .he-panel-baslik{padding:12px 16px; font-weight:700; font-size:13px; color:var(--renk-birincil); border-bottom:1px solid var(--renk-birincil-alfa-08); display:flex; align-items:center; gap:8px;} .he-panel-baslik i{font-size:14px; opacity:0.6;} .he-panel-baslik .sayi{margin-left:auto; background:var(--renk-birincil); color:#fff; border-radius:10px; padding:1px 8px; font-size:11px; font-weight:600;} .he-panel.secili .he-panel-baslik .sayi{background:var(--renk-teal);} .he-arama{padding:8px 12px; border-bottom:1px solid rgba(42,59,114,0.06);} .he-arama input{width:100%; border:1px solid #e2e8f0; border-radius:6px; padding:7px 10px; font-size:12px; outline:none;} .he-arama input:focus{border-color:var(--renk-birincil);} .he-liste{flex:1; overflow-y:auto; padding:6px; min-height:200px;} .he-panel.secili .he-liste{overflow-y:visible; max-height:none; height:auto;} .he-grup{font-size:11px; font-weight:700; color:var(--renk-birincil); padding:8px 10px 4px; margin-top:6px; display:flex; align-items:center; gap:6px; user-select:none; border-bottom:1px solid rgba(42,59,114,0.06);} .he-grup:first-child{margin-top:0;} .he-grup i{font-size:12px; opacity:0.5;} .he-item{display:flex; align-items:center; gap:10px; padding:7px 12px; margin:2px 0; border-radius:6px; cursor:grab; user-select:none; border:1px solid transparent; transition:all 0.15s; background:#f8fbff;} .he-item:active{cursor:grabbing;} .he-item:hover{background:var(--renk-birincil-cok-acik); border-color:rgba(42,59,114,0.15);} .he-item .ikon{width:28px; height:28px; border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:12px; color:#fff; flex-shrink:0;} .he-panel.mevcut .he-item .ikon{background:linear-gradient(135deg, #64748b 0%, #94a3b8 100%);} .he-panel.secili .he-item .ikon{background:linear-gradient(135deg, #2A3B72 0%, #4f67b3 100%);} .he-item .bilgi{flex:1; min-width:0;} .he-item .bilgi .ad{font-size:12px; font-weight:600; color:var(--renk-yazi); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .he-item .bilgi .detay{font-size:10px; color:var(--renk-yazi-soluk); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .he-item .sira-no{width:20px; height:20px; border-radius:50%; background:var(--renk-teal); color:#fff; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:700; flex-shrink:0;} .he-panel.mevcut .he-item .sira-no{display:none;} .he-btn{width:24px; height:24px; border-radius:5px; border:none; display:inline-flex; align-items:center; justify-content:center; font-size:11px; flex-shrink:0; cursor:pointer; transition:background 0.15s; touch-action:manipulation;} .he-ekle-btn{background:var(--renk-teal); color:#fff;} .he-ekle-btn:hover{background:#0a7a55;} .he-cikar-btn{background:#ef4444; color:#fff;} .he-cikar-btn:hover{background:var(--renk-tehlike-koyu);} .he-yukari-btn, .he-asagi-btn{background:#e2e8f0; color:#475569; display:none;} .he-yukari-btn:hover, .he-asagi-btn:hover{background:var(--renk-yazi-en-soluk);} .he-panel.mevcut .he-yukari-btn, .he-panel.mevcut .he-asagi-btn, .he-panel.mevcut .he-cikar-btn{display:none;} .he-panel.secili .he-ekle-btn{display:none;} .he-item.drag-over{border-color:var(--renk-birincil); background:#dbeafe;} .he-item.dragging{opacity:0.4;} .he-liste.drag-over{background:rgba(219, 234, 254, 0.45); outline:1px dashed rgba(42,59,114,0.28); outline-offset:-6px; border-radius:8px;} .he-panel.secili .he-item{cursor:grab;} .he-panel.secili .he-item .sira-no:empty::before{content:'';} .he-panel .he-item .bilgi .ad, .he-panel .he-item .bilgi .detay{pointer-events:none;} .he-bilgi{padding:12px 16px; font-size:11px; color:var(--renk-yazi-soluk); text-align:center; border-top:1px solid rgba(42,59,114,0.06);} .he-panel.secili .he-bilgi{color:var(--renk-teal);} .he-bos{padding:40px 20px; text-align:center; color:var(--renk-yazi-en-soluk); font-size:12px;} .apexcharts-data-labels{transform:rotate(-90deg); transform-box:fill-box; transform-origin:center; white-space:nowrap; padding:15px;} /*#region Cursor Tooltip*/ .cursor-tooltip{position:fixed; width:max-content; max-width:360px; background-color:#0b1231; color:#fff; padding:5px 10px; border-radius:5px; font-size:12px; pointer-events:none; opacity:0; transform:translate(-50%, -100%); transition:opacity 0.2s ease; z-index:100010;} .cursor-tooltip.ozel{background-color:#f00; color:#fff; font-size:10px;} .cursor-tooltip.tooltip-mobile{transform:none; max-width:calc(100vw - 32px); white-space:normal; word-break:break-word; pointer-events:auto; transition:opacity 0.1s ease;} .ctitlemini{font-size:10px; display:block;} .cursor-tooltip ayrac{display:block; width:100%; height:1px; background:rgba(255,255,255,0.1); margin:2px 0;} .ctitlebuyuk{font-size:14px; display:block;} .tooltipfiyat{line-height:18px;} /*#endregion*/ /*#region Sayfa Yükleyici*/ .sayfayukleyici{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.8); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; z-index:99;} .sayfayukleyici > div{display:block; text-align:center;} .yukleyici{width:12px; height:12px; aspect-ratio:1; position:relative;} .yukleyiciaciklama{width:100%; margin-top:20px;} .kutu-yukleyici{display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; padding:18px 0 14px; color:var(--renk-yazi-orta); font-size:12px;} .kutu-yukleyici .yukleyiciaciklama{width:auto; margin-top:16px;} .satisharitasi .kutu-yukleyici{color:rgba(255,255,255,.75);} .satisharitasi .kutu-yukleyici .yukleyici::before, .satisharitasi .kutu-yukleyici .yukleyici::after{background:#fff;} .satisharitasi .harita-sahne > .kutu-yukleyici{position:absolute; inset:0; padding:0; pointer-events:none;} .yukleyici::before, .yukleyici::after{content:""; position:absolute; inset:0; border-radius:50%; background:#000;} .yukleyici::before{box-shadow:-25px 0; animation:l8-1 .4s infinite linear;} .yukleyici::after{transform:rotate(0deg) translateX(25px); animation:l8-2 .4s infinite linear;} @keyframes l8-1{ 100%{transform:translateX(25px);} } @keyframes l8-2{ 100%{transform:rotate(-180deg) translateX(25px);} } .tabloyukleyici .yukleyici{width:8px; height:8px; aspect-ratio:1; position:relative;} .tabloyukleyici .yukleyiciaciklama{width:100%; margin-top:20px;} .tabloyukleyici .yukleyici::before, .yukleyici::after{content:""; position:absolute; inset:0; border-radius:50%; background:#000;} .tabloyukleyici .yukleyici::before{box-shadow:-15px 0; animation:lk-1 .3s infinite linear;} .tabloyukleyici .yukleyici::after{transform:rotate(0deg) translateX(15px); animation:lk-2 .3s infinite linear;} @keyframes lk-1{ 100%{transform:translateX(15px);} } @keyframes lk-2{ 100%{transform:rotate(-180deg) translateX(15px);} } .win-yukleyici{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.8); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; z-index:100000;} .win-yukleyici > div{display:block; text-align:center;} /*#endregion*/ /*#region Güncelleyici*/ .guncelleyici{position:absolute; top:10px; left:10px; font-size:18px; color:rgba(0,0,0,0.4);} .guncelleyici.basarili{color:#30C8AC; animation:buyutkucult 1s ease-in; opacity:0;} .guncelleyici.hata{color:#fe003e; animation:buyutkucult 1s ease-in; opacity:0;} @keyframes buyutkucult{ 0%{transform:scale(0); opacity:0.5;} 20%{transform:scale(1.8); opacity:1;} 100%{transform:scale(0); opacity:0;} } /*#region Sürükle-Bırak X (yatay drag scroll)*/ .surukle-birak-x{overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; cursor:grab;} .surukle-birak-x:active{cursor:grabbing;} .surukle-birak-x::-webkit-scrollbar{display:none;} /* Sürüklerken metin seçilmesin — alan yazı dolu, sürükleme seçim bırakıyordu. Aynı kalıp .surukle-birak-y ve .siparis-birlestir-kutu.dragging'de de var. */ .surukle-birak-x.suruklerken{cursor:grabbing;} .bilgilendirme.surukle-birak-x{flex-wrap:nowrap;} .bilgilendirme.surukle-birak-x > *{flex-shrink:0;} .surukle-birak-x.suruklerken, .surukle-birak-x.suruklerken *{user-select:none;} /* mini-toplamlar bu sınıfı alınca sarmıyor, tek satırda kayıyor — dar ekranda kutular alt alta yığılıp dikeyde çok yer kaplıyordu. */ .mini-toplamlar.surukle-birak-x{flex-wrap:nowrap !important; min-width:0;} .mini-toplamlar.surukle-birak-x > *{flex:0 0 auto !important; width:auto !important; max-width:none !important; min-width:fit-content;} /* Bastaki serit kalan genisligi alip icinde kaysin - yanindaki ozet/dugme alanini alt satira itmesin. */ .bilgilendirme > .mini-toplamlar.surukle-birak-x{flex:1 1 0;} .bilgilendirme > .mini-toplamlar.siparis-toplamlar > .tutar-alan:first-child{margin-left:auto;} .surukle-birak-x.tasma-sag{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - 48px), transparent); mask-image:linear-gradient(to right, #000 calc(100% - 48px), transparent);} .surukle-birak-x.tasma-sol{-webkit-mask-image:linear-gradient(to right, transparent, #000 48px); mask-image:linear-gradient(to right, transparent, #000 48px);} .surukle-birak-x.tasma-sol.tasma-sag{-webkit-mask-image:linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent); mask-image:linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent);} /*#endregion*/ /*#region Sürükle-Bırak Y (dikey drag scroll)*/ .surukle-birak-y{overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; cursor:grab;} .surukle-birak-y:active{cursor:grabbing;} .surukle-birak-y::-webkit-scrollbar{display:none;} /* Sürüklerken metin seçilmesin — alan bağ ve yazı dolu, sürükleme seçim bırakıyordu. Aynı kalıp .siparis-birlestir-kutu.dragging'de de var. */ .surukle-birak-y.suruklerken{cursor:grabbing;} .surukle-birak-y.suruklerken, .surukle-birak-y.suruklerken *{user-select:none;} /*#endregion*/ /*#region Ekle Buton (yuvarlak ikon + sağ üstte + rozeti)*/ .eklebuton{position:relative; display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; padding:0; border:none; border-radius:5px; background:#573aed; color:#fff; cursor:pointer; box-shadow:0 2px 6px rgba(60, 58, 237, 0.30); transition:background 0.15s, transform 0.15s, box-shadow 0.15s; flex-shrink:0;} .eklebuton:hover{background:#4a28d9; transform:translateY(-1px); box-shadow:0 4px 12px rgba(60, 58, 237, 0.40);} .eklebuton:active{transform:translateY(0); box-shadow:0 2px 6px rgba(124, 58, 237, 0.30);} .eklebuton:disabled{background:#cbd5e1; color:#fff; cursor:not-allowed; box-shadow:none; transform:none; opacity:0.7;} .eklebuton i{font-size:14px; line-height:1;} .eklebuton .arti{position:absolute; top:-5px; right:-5px; display:inline-flex; align-items:center; justify-content:center; min-width:15px; height:15px; border-radius:999px; background:#f97316; color:#fff; font-size:12px; line-height:1; box-shadow:0 1px 3px rgba(249, 115, 22, 0.40);} .stdbuton{position:relative; display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; padding:0; border:none; border-radius:5px; cursor:pointer; box-shadow:0 2px 6px rgba(60, 58, 237, 0.30); transition:background 0.15s, transform 0.15s, box-shadow 0.15s; flex-shrink:0;} .stdbuton .arti{position:absolute; top:-5px; right:-5px; display:inline-flex; align-items:center; justify-content:center; min-width:15px; height:15px; border-radius:999px; background:#f97316; color:#fff; font-size:12px; line-height:1; box-shadow:0 1px 3px rgba(249, 115, 22, 0.40);} .stdbuton:hover{transform:translateY(-1px);} .stdbuton.tip-yesil{background:#15b959; box-shadow:0 2px 6px rgba(21, 185, 89, 0.30); color:#fff;} .stdbuton.tip-yesil:hover{background:#0f9b48; box-shadow:0 4px 12px rgba(21, 185, 89, 0.40);} .stdbuton.tip-mavi{background:#2563eb; box-shadow:0 2px 6px rgba(37, 99, 235, 0.30); color:#fff;} .stdbuton.tip-mavi:hover{background:#1d4ed8; box-shadow:0 4px 12px rgba(37, 99, 235, 0.40);} .stdbuton.tip-kirmizi{background:#e40a0a; box-shadow:0 2px 6px rgba(30, 41, 59, 0.30); color:#fff;} .stdbuton.tip-kirmizi:hover{background:#980f0f; box-shadow:0 4px 12px rgba(30, 41, 59, 0.40);} .stdbuton.tip-koyu{background:#1e293b; box-shadow:0 2px 6px rgba(30, 41, 59, 0.30); color:#fff;} .stdbuton.tip-koyu:hover{background:#0f172a; box-shadow:0 4px 12px rgba(30, 41, 59, 0.40);} /*#endregion*/ /*#region Bilgilendirme Std Buton*/ .mobil-bilgilendirme-menu{display:none; position:relative;} .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-btn{display:inline-flex; align-items:center; gap:8px; padding:0 12px; height:32px; border-radius:8px; background:#eef2ff; color:#1e2d5a; font-size:12px; font-weight:600; border:1px solid #c7d4ff; box-shadow:0 1px 3px rgba(47,77,191,0.08); cursor:pointer; white-space:nowrap; transition:background .15s, border-color .15s;} .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-btn:hover{background:#e0e8ff; border-color:#2f4dbf;} .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-btn .lbl{flex:1; overflow:hidden; text-overflow:ellipsis; text-align:left;} .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-btn .ok{font-size:10px; opacity:0.6; transition:transform .15s;} .mobil-bilgilendirme-menu.acik .mobil-bilgilendirme-menu-btn .ok{transform:rotate(180deg);} .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-list{position:absolute; top:calc(100% + 4px); left:0; right:auto; min-width:200px; max-height:60vh; overflow-y:auto; margin:0; padding:4px; list-style:none; background:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:8px; box-shadow:0 6px 20px rgba(0,0,0,0.15); z-index:9000; opacity:0; transform:translateY(-4px) scale(0.98); transform-origin:top left; transition:opacity .15s, transform .15s; pointer-events:none;} .mobil-bilgilendirme-menu.acik .mobil-bilgilendirme-menu-list{opacity:1; transform:translateY(0) scale(1); pointer-events:auto;} .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-item{display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:6px; color:#1e293b; font-size:12px; font-weight:500; text-decoration:none; white-space:nowrap; transition:background .1s;} .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-item:hover{background:#eef2ff;} .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-item.aktif{background:#dcfce7; color:#166534; font-weight:600;} .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-item i{font-size:13px; color:#2f4dbf; flex-shrink:0;} .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-item.aktif i{color:#166534;} .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-item .renk-rozet{margin-left:auto;} .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-grup .ok{margin-left:auto; font-size:10px; opacity:.6; transition:transform .15s;} .mobil-bilgilendirme-menu li.acik > .mobil-bilgilendirme-menu-grup .ok{transform:rotate(180deg);} .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-alt{display:none; margin:0; padding:0 0 2px 14px; list-style:none;} .mobil-bilgilendirme-menu li.acik > .mobil-bilgilendirme-menu-alt{display:block;} /* data-menu="hep": baglar dar ekranda degil HER ZAMAN acilir menu olur. Bag sayisi cok olan gruplar (sube secimi gibi) yan yana dizilince satiri dolduruyordu. */ [data-menu="hep"] a.bilgilendirmestdbuton{display:none !important;} [data-menu="hep"] .mobil-bilgilendirme-menu{display:inline-block !important; margin-right:10px;} /*#region Renk rozeti*/ .dolar-karsilik{display:block; font-size:11px; font-weight:600; line-height:1.3; color:var(--renk-teal); white-space:nowrap;} .renk-rozet{display:inline-block; padding:2px 8px; border-radius:5px; font-size:10px; font-weight:600; line-height:1.5; white-space:nowrap; border:1px solid transparent; background:var(--cip-notr-zemin); color:var(--cip-notr-yazi); border-color:var(--cip-notr-kenar);} .renk-rozet.renk-mavi{background:var(--cip-mavi-zemin); color:var(--cip-mavi-yazi); border-color:var(--cip-mavi-kenar);} .renk-rozet.renk-yesil{background:var(--cip-yesil-zemin); color:var(--cip-yesil-yazi); border-color:var(--cip-yesil-kenar);} .renk-rozet.renk-turuncu{background:var(--cip-turuncu-zemin); color:var(--cip-turuncu-yazi); border-color:var(--cip-turuncu-kenar);} .renk-rozet.renk-kirmizi{background:var(--cip-kirmizi-zemin); color:var(--cip-kirmizi-yazi); border-color:var(--cip-kirmizi-kenar);} .renk-rozet.renk-mor{background:var(--cip-mor-zemin); color:var(--cip-mor-yazi); border-color:var(--cip-mor-kenar);} .renk-rozet.renk-pembe{background:var(--cip-pembe-zemin); color:var(--cip-pembe-yazi); border-color:var(--cip-pembe-kenar);} .renk-rozet.renk-notr{background:var(--cip-notr-zemin); color:var(--cip-notr-yazi); border-color:var(--cip-notr-kenar);} /* Renk secici — yonetim ekranindaki kutucuklar. Radio gizli, etiket rozet gibi. */ .renk-secim{display:flex; flex-wrap:wrap; gap:6px;} .renk-secim input{position:absolute; opacity:0; pointer-events:none;} .renk-secim label{cursor:pointer; border-radius:5px; padding:4px 10px; font-size:11px; font-weight:600; border:1px solid transparent; transition:box-shadow .15s, transform .1s;} .renk-secim label:hover{transform:translateY(-1px);} .renk-secim input:checked + label{box-shadow:0 0 0 2px var(--renk-birincil);} /*#endregion*/ /* Kod rozeti — yuvarlak icinde kisa kod (sube kodu, depo kodu...). Genel amacli. .bos: kodu olmayan madde ("Tumu" gibi), icine ikon alir. */ .kod-rozet{display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:20px; height:20px; border-radius:50%; background:var(--renk-birincil); color:#fff; font-size:10px; font-weight:700; line-height:1;} .kod-rozet.bos{background:transparent; border:0; color:var(--renk-birincil);} .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-item .kod-rozet i{font-size:11px; color:inherit;} .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-btn .kod-rozet i{font-size:11px; color:inherit;} /* .bos'ta yuvarlak yok: ikon ciplak duruyor, olcusu de kutu genisligine gore buyutuluyor. Genislik base'den geliyor, maddeler hizada kaliyor. */ .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-item .kod-rozet.bos i, .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-btn .kod-rozet.bos i{font-size:14px;} /*#endregion*/ /*#endregion*/ /*#region İthalat Tedarikçi Stok Not Detay (sayfa)*/ .stoknot-ekle{margin-top:20px; display:flex; flex-direction:column; gap:6px;} .stoknot-ekle label.ust{font-size:10px; color:#999; text-transform:uppercase; letter-spacing:0.05em; font-weight:600; padding-left:8px;} .stoknot-ekle textarea{width:100%; min-height:120px; padding:10px 12px; border:1px solid rgba(0,0,0,0.12); border-radius:6px; font:inherit; font-size:13px; line-height:1.5; outline:none; resize:vertical; box-sizing:border-box; transition:border-color .12s;} .stoknot-ekle textarea:focus{border-color:var(--renk-birincil, #2f4dbf);} .stoknot-baslik{margin:24px 0 10px 0; font-size:18px; font-weight:600; color:#1e293b; border-bottom:1px solid rgba(0,0,0,0.08); padding-bottom:8px;} .stoknot-liste{display:flex; flex-direction:column; gap:10px;} .stoknot-satir{display:flex; gap:12px; align-items:flex-start; padding:8px 0;} .stoknot-sil{flex:0 0 32px; width:32px; height:32px; border-radius:50%; background:var(--renk-tehlike, #e63946); color:#fff; border:0; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:13px; transition:transform .12s, background .12s;} .stoknot-sil:hover{background:#c22b3a; transform:scale(1.1);} .stoknot-icerik{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px;} .stoknot-icerik .ust{display:flex; gap:8px; align-items:baseline; flex-wrap:wrap;} .stoknot-icerik .kullanici{font-size:12px; font-weight:700; color:#1e293b; text-transform:uppercase; letter-spacing:0.03em;} .stoknot-icerik .tarih{font-size:11px; color:#888;} .stoknot-icerik .aciklama{font-size:13px; color:#333; line-height:1.5; word-break:break-word;} .not-isaretle{flex:0 0 32px; width:32px; height:32px; border-radius:50%; background:#e2e8f0; color:#64748b; border:0; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:14px; transition:transform .12s, background .12s, color .12s;} .not-isaretle:hover{background:#cbd5e1; transform:scale(1.08);} .not-isaretle.isaretli{background:var(--renk-basari, #15b959); color:#fff;} .not-isaretle.isaretli:hover{filter:brightness(1.05);} .not-isaret-bilgi{font-size:10px; color:#b91c1c; font-weight:600;} .stoknot-satir.not-isaretlendi .aciklama{text-decoration:line-through; color:#94a3b8;} .bilgilendirme-alan .bilgi-akis-alan.firma .firma-badge{display:inline-block; background:var(--renk-tehlike, #e63946); color:#fff; font-size:11px; font-weight:600; padding:3px 8px; border-radius:4px;} .stoknot-bos, .stoknot-hata{padding:20px; text-align:center; color:#888; font-size:13px; background:#fafafa; border:1px dashed rgba(0,0,0,0.1); border-radius:6px;} .stoknot-hata{background:#fff7ee; border-color:#ffd086; color:#b06b00;} .stoknot-liste-yukleniyor{display:flex; justify-content:center; padding:30px;} /*#endregion*/ /*#region İthalat Sipariş Masraflar + Tahmini Maliyet (sipariş detay)*/ .ithalat-siparis .duzenle-item.duzenle-item-maliyet{min-width:80px; max-width:120px; flex:0 1 120px;} .ithalat-siparis .duzenle-item.maliyet-bas{margin-left:auto;} .liste-kontrol-alan{display:flex; align-items:center; gap:14px; flex-wrap:wrap;} .liste-kontrol-item{display:flex; align-items:center; gap:6px;} .liste-kontrol-item > label{font-size:10px; font-weight:600; color:#7383a3; text-transform:uppercase; letter-spacing:0.04em; line-height:1; white-space:nowrap;} .liste-kontrol-item input, .liste-kontrol-item select{width:90px; height:30px; padding:0 8px; border:1px solid #dce3ec; border-radius:6px; background:#fff; font-size:12px; color:#1e293b; transition:border-color .15s, box-shadow .15s;} .liste-kontrol-item input:focus, .liste-kontrol-item select:focus{outline:none; border-color:#2f4dbf; box-shadow:0 0 0 2px rgba(47,77,191,0.10);} .liste-kontrol-item.yonetim-alan > label{color:#7e22ce;} .liste-kontrol-item.yonetim-alan input{border-style:dashed; border-color:#d8b4fe; background:#faf5ff;} .liste-kontrol-item.yonetim-alan input:focus{border-color:#8b5cf6; box-shadow:0 0 0 2px rgba(139,92,246,0.12);} .liste-kontrol-item.yonetim-alan .yonetim-okunur{font-size:12px; color:#6b21a8; padding:0 8px;} .liste-kontrol-item select.genis{width:auto; min-width:140px;} .masraflar-ac{cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:5px; white-space:nowrap;} .masraflar-ac:hover{border-color:#2f4dbf; color:#1e2d5a;} #masrafKutu{width:580px;} .masraf-toplam-rozet{background:#eef2ff; color:#1e2d5a; border-radius:6px; padding:3px 10px; font-size:11px; font-weight:600; margin-left:6px;} .masraf-liste{display:grid; grid-template-columns:repeat(auto-fill, minmax(160px, 1fr)); gap:8px 12px;} .masraf-item{display:flex; flex-direction:column;} .masraf-item > label{font-size:10px; font-weight:600; color:#7383a3; margin-bottom:3px; text-transform:uppercase; letter-spacing:0.04em; line-height:1;} .masraf-item input{height:30px; padding:0 8px; border:1px solid #dce3ec; border-radius:6px; background:#fff; font-size:12px; color:#1e293b; text-align:right; transition:border-color .15s, box-shadow .15s;} .masraf-item input:focus{outline:none; border-color:#2f4dbf; box-shadow:0 0 0 2px rgba(47,77,191,0.10);} .masraf-item input.kaydedildi{border-color:var(--renk-basari); box-shadow:0 0 0 2px rgba(21,185,89,0.18);} .masraf-item input:disabled{opacity:.6; background:#f8fafc;} .maliyet-hucre{display:flex; flex-direction:column; align-items:flex-end; line-height:1.25;} .maliyet-hucre .maliyet-oran{font-size:10px; color:#f28500; font-weight:600;} /*#endregion*/ /*#region Aranabilir Seçim*/ select[data-arama]{display:none !important;} .aramali-secim{display:flex; align-items:center; gap:6px; width:100%; padding:0 10px; cursor:pointer; box-sizing:border-box;} .aramali-secim:focus{outline:0;} .aramali-secim-deger{flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:#1e293b;} .aramali-secim-deger.bos{color:#94a3b8;} .aramali-secim > i{flex:0 0 auto; font-size:10px; color:#7383a3; transition:transform .12s;} .aramali-secim.aktif > i{transform:rotate(180deg);} .aramali-panel{position:absolute; display:flex; flex-direction:column; gap:6px; background:#fff; border:1px solid #e5e7eb; border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,.12); padding:6px; z-index:9999; box-sizing:border-box;} .aramali-panel-arama{display:flex; align-items:center; gap:6px; padding:0 8px; border:1px solid #dce3ec; border-radius:8px; height:32px;} .aramali-panel-arama i{font-size:11px; color:#7383a3;} .aramali-panel-arama input{flex:1 1 auto; min-width:0; border:0; outline:0; background:transparent; font-size:12px; color:#1e293b;} .aramali-panel-liste{position:relative; max-height:260px; overflow-y:auto; display:flex; flex-direction:column;} .aramali-panel-liste button{display:block; width:100%; text-align:left; padding:8px 10px; border:0; background:transparent; cursor:pointer; border-radius:8px; font-size:12px; color:#1e293b;} .aramali-panel-liste button:hover, .aramali-panel-liste button.vurgu{background:#f1f5f9;} .aramali-panel-liste button.secili{color:#1e2d5a; font-weight:600;} .aramali-panel-bos{padding:10px; font-size:11px; color:#94a3b8; text-align:center;} /*#endregion*/ /*#region İthalat Excel ile Ürün Ekle (sayfa)*/ .excel-adim{background:#fff; border:1px solid #e2e8f0; border-radius:8px; padding:14px; margin-bottom:12px;} .excel-adim-baslik{font-size:12px; font-weight:700; color:#1e2d5a; display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:10px;} /* Adım aksiyonu (örnek indir gibi) başlık şeridine alınabiliyor: başlık .baslik sarmalayıcısına girer, boşluğu o yutar ve aksiyonlar sağa yaslanır. */ .excel-adim-baslik > .baslik{display:flex; align-items:center; gap:8px; margin-right:auto;} .excel-adim-no{display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#1e2d5a; color:#fff; font-size:11px;} .excel-adim-icerik{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:12px; color:#475569; margin-bottom:10px;} .excel-uyari-yazi{color:#b45309; font-weight:600; font-size:11px;} .excel-adim-istege-bagli{font-size:10px; font-weight:600; color:#7383a3; background:#f1f5f9; border-radius:5px; padding:3px 7px; text-transform:uppercase;} .excel-ornek-indir{display:inline-flex; align-items:center; gap:6px; background:#15803d; color:#fff; border:0; border-radius:6px; padding:9px 14px; font-size:12px; font-weight:600; cursor:pointer; white-space:nowrap;} .excel-ornek-indir:hover{filter:brightness(1.08);} .excel-doviz{display:flex; align-items:center; gap:8px;} .excel-doviz > label{font-size:10px; font-weight:600; color:#7383a3; text-transform:uppercase; letter-spacing:0.04em;} .excel-doviz :is(select, input){height:30px; padding:0 8px; border:1px solid #dce3ec; border-radius:6px; background:#fff; font-size:12px; color:#1e293b;} /* Kayit sayisi seridi (_listeUst) — TABAN bosluk. */ .tablo-bilgi{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:6px 0 12px; padding:0 6px;} .excel-ozet{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px;} /* Kartın son satırı olan özet: üstündeki alan ızgarasından ayrılsın. */ .excel-ozet.maas-etki{margin:12px 0 0;} /* Adim kartindaki alanlar dogal genisliginde kalir: iki secenekli bir kutunun satiri doldurmasi yer israfi. Artan yer bos birakiliyor. */ .excel-adim .duzenleme-grid > :is(.duzenleme-alan-cokkucuk, .duzenleme-alan-kucuk, .duzenleme-alan-orta, .duzenleme-alan-buyuk, .duzenleme-alan-cokbuyuk){flex-grow:0;} .excel-adim > * + .izgara{margin-top:16px;} .excel-adim > .izgara + .excel-adim-icerik{margin-top:10px;} .excel-ozet-kutu{font-size:11px; padding:5px 10px; border-radius:6px; background:#f1f5f9; color:#334155;} .excel-ozet-kutu.ekle{background:#eafaf0; color:#15803d;} .excel-ozet-kutu.guncelle{background:#eef2ff; color:#1e2d5a;} .excel-ozet-kutu.hata{background:#fef2f2; color:#b91c1c;} .excel-onizleme-tablo{max-height:420px; overflow:auto; border:1px solid #e2e8f0; border-radius:6px;} .excel-tablo{width:100%; border-collapse:collapse; font-size:12px;} .excel-tablo thead th{position:sticky; top:0; background:#1e2d5a; color:#fff; font-size:11px; font-weight:600; padding:8px; text-align:left; white-space:nowrap;} .excel-tablo td{padding:7px 8px; border-bottom:1px solid #eef2f6; color:#1e293b;} .excel-tablo tr.excel-satir-hata td{background:#fff7f7;} .excel-tablo .excel-aciklama{font-size:11px; color:#64748b;} .excel-durum{font-size:10px; font-weight:700; padding:3px 8px; border-radius:4px; white-space:nowrap;} .excel-durum.ekle{background:#eafaf0; color:#15803d;} .excel-durum.guncelle{background:#eef2ff; color:#1e2d5a;} .excel-durum.hata{background:#fef2f2; color:#b91c1c;} .excel-aksiyon{display:flex; justify-content:flex-end; gap:8px; margin-top:12px;} /* Olcu dugmenin kendisinde: aksiyonlar adim basligina da alinabiliyor. */ :is(.excel-vazgec, .excel-uygula){display:inline-flex; align-items:center; gap:6px; border:0; border-radius:6px; padding:9px 16px; font-size:12px; font-weight:600; cursor:pointer;} .excel-vazgec{background:#f1f5f9; color:#475569;} .excel-vazgec:hover{background:#e2e8f0;} .excel-uygula{background:var(--renk-basari, #15b959); color:#fff;} .excel-uygula:hover:not(:disabled){filter:brightness(1.06);} .excel-uygula:disabled{background:#cbd5e1; cursor:not-allowed;} duzenle-icerik .izgara > [class*="alan-"]:has(> :is(.excel-uygula, .excel-vazgec):only-child){display:flex; align-items:center; align-self:stretch;} /*#endregion*/ /*#region İthalat Sipariş Detaylı Durum (sayfa)*/ .durum-siparis-bilgi{background:#eef2ff; border:1px solid #d7defc; border-radius:8px; padding:10px 14px; font-size:12px; color:#1e2d5a; line-height:1.6;} .durum-uyari{margin-top:8px; background:#fef2f2; border:1px solid rgba(185,28,28,0.35); color:#b91c1c; border-radius:8px; padding:8px 14px; font-size:11px; font-weight:600; display:flex; align-items:center; gap:8px;} /* width:100% şart: duzenle-icerik flex ve bu fieldset bir flex öğesi, yani genişliğini içerikten alıyor. */ .durum-fieldset{border:0; margin:0; padding:0; min-width:0; width:100%;} /*#endregion*/ /*#region İthalat Sipariş Doküman (sayfa)*/ .dokuman-sayfa{width:100%; box-sizing:border-box;} /* Kağıt fatura (e-arşiv) carisinde yüklemenin zorunlu olduğunu anlatan şerit. */ .dokuman-zorunlu{display:flex; align-items:center; gap:12px; width:100%; box-sizing:border-box; margin-bottom:14px; padding:12px 16px; border-radius:10px; background:#fef2f2; border:1px solid #fecaca; color:#b91c1c;} .dokuman-zorunlu i{font-size:22px; flex-shrink:0;} .dokuman-zorunlu b{font-size:14px;} .dokuman-zorunlu span{display:block; font-size:12px; margin-top:2px; color:#7f1d1d;} .dokuman-yukleme-alani{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; width:100%; padding:34px 20px; border:2px dashed rgba(0,0,0,0.15); border-radius:10px; background:#fafbfd; cursor:pointer; text-align:center; box-sizing:border-box; transition:border-color .15s, background .15s;} .dokuman-yukleme-alani:hover, .dokuman-yukleme-alani.aktif{border-color:var(--renk-birincil, #2f4dbf); background:#f0f4ff;} .dokuman-yukleme-alani i{font-size:34px; color:var(--renk-birincil, #2f4dbf);} .dokuman-yukleme-alani b{font-size:14px; color:#1e293b;} .dokuman-yukleme-alani span{font-size:12px; color:#94a3b8;} .dokuman-baslik{display:flex; align-items:center; gap:8px; margin:24px 0 12px 0; font-size:16px; font-weight:600; color:#1e293b; border-bottom:1px solid rgba(0,0,0,0.08); padding-bottom:8px;} .dokuman-baslik .dokuman-say:not(:empty){background:var(--renk-birincil, #2f4dbf); color:#fff; font-size:11px; font-weight:700; min-width:20px; height:20px; padding:0 6px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center;} .dokuman-liste{display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:12px;} .dokuman-kart{position:relative; border:1px solid rgba(0,0,0,0.08); border-radius:10px; background:#fff; overflow:hidden; transition:box-shadow .15s, transform .15s;} .dokuman-kart:hover{box-shadow:0 6px 18px rgba(0,0,0,0.10); transform:translateY(-2px);} .dokuman-kart .dokuman-sil{position:absolute; top:6px; right:6px; z-index:2; width:24px; height:24px; border-radius:50%; background:var(--renk-tehlike, #f00); color:#fff; border:0; cursor:pointer; font-size:11px; display:inline-flex; align-items:center; justify-content:center; opacity:0; transition:opacity .15s, transform .12s;} .dokuman-kart:hover .dokuman-sil{opacity:1;} .dokuman-kart .dokuman-sil:hover{transform:scale(1.1);} .dokuman-kart .dokuman-gorsel{height:90px; display:flex; align-items:center; justify-content:center; cursor:pointer; background:#f6f8fb; border-bottom:1px solid rgba(0,0,0,0.05);} .dokuman-kart .dokuman-gorsel img{width:100%; height:90px; object-fit:cover;} .dokuman-kart .dokuman-gorsel i{font-size:40px; color:#8d95a8;} .dokuman-kart .dokuman-gorsel i.dokuman-kirmizi{color:#e0442c;} .dokuman-kart .dokuman-gorsel i.dokuman-yesil{color:#1d7044;} .dokuman-kart .dokuman-gorsel i.dokuman-mavi{color:#2b5797;} .dokuman-kart .dokuman-gorsel i.dokuman-turuncu{color:#eb9711;} .dokuman-kart .dokuman-bilgi{padding:8px 10px;} .dokuman-kart .dokuman-ad{font-size:11px; font-weight:600; color:#1e293b; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .dokuman-kart .dokuman-tarih{font-size:10px; color:#94a3b8; margin-top:4px;} .dokuman-bos{display:flex; align-items:center; justify-content:center; gap:8px; grid-column:1 / -1; padding:26px; color:#94a3b8; font-size:13px; background:#fafafa; border:1px dashed rgba(0,0,0,0.1); border-radius:8px;} .dokuman-bos i{font-size:18px;} .dokuman-kart .dokuman-gorsel{position:relative;} .dokuman-kart .gorsel-ana{position:absolute; top:6px; left:6px; z-index:1;} .excel-tablo tr.toplu-bos td{color:#94a3b8; text-align:center; padding:16px;} body[data-action="StokResimListe"] #tablo tbody tr.gorsel-eklendi > td{opacity:.55;} body[data-action="StokResimListe"] #tablo tbody tr.gorsel-eklendi i.belgedetay{color:var(--renk-basari); opacity:1;} .dokuman-liste-yukleniyor{display:flex; justify-content:center; padding:30px; grid-column:1 / -1;} /*#endregion*/ /*#region Stok GTİP Ekranı (StokGtipDetay)*/ .gtip-grid{flex:1 1 100%; width:100%; min-width:0; display:grid; grid-template-columns:repeat(auto-fit, minmax(320px, 1fr)); gap:14px; padding:14px;} .gtip-kutu{border:1px solid var(--renk-kenarlik, #e2e8f0); border-radius:10px; overflow:hidden; display:flex; flex-direction:column; background:#fff;} .gtip-kutu-ust{display:flex; align-items:center; gap:9px; padding:10px 14px; color:#fff; font-size:15px; font-weight:700;} .gtip-kutu-ust i{font-size:17px;} .gtip-kutu.ithalat .gtip-kutu-ust{background:#6d5bd0;} .gtip-kutu.ihracat .gtip-kutu-ust{background:#2ec5b6;} .gtip-kimlik{padding:13px 14px; border-bottom:1px solid var(--renk-kenarlik, #e2e8f0);} .gtip-numara-input{width:100%; font-size:19px; font-weight:700; letter-spacing:.6px; line-height:1.2; border:1px solid transparent; border-radius:6px; padding:3px 6px; margin-left:-6px; background:transparent; transition:border-color .15s, background .15s;} .gtip-numara-input:hover{border-color:var(--renk-kenarlik, #e2e8f0);} .gtip-numara-input:focus{outline:none; border-color:var(--renk-birincil, #2f4dbf); background:#fff;} .gtip-numara-input::placeholder{font-weight:400; font-size:14px; letter-spacing:0; color:#94a3b8;} .gtip-ipucu{margin-top:3px; font-size:10px; color:var(--renk-yazi-orta, #64748b);} .gtip-tanim{margin-top:5px; font-size:12px; line-height:1.45; color:var(--renk-yazi-orta, #64748b);} .gtip-tanim.alt{margin-top:2px;} .gtip-oranlar{display:flex; gap:10px; padding:12px 14px;} .gtip-oran{flex:1; background:var(--renk-arkaplan-acik, #f8fafc); border-radius:7px; padding:9px 11px;} .gtip-oran .ad{display:block; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--renk-yazi-orta, #64748b);} .gtip-oran .deger{display:block; font-size:20px; font-weight:700; line-height:1.3;} .gtip-oran.vurgu{background:#fff7ed;} .gtip-oran.vurgu .deger{color:#c2410c;} .gtip-uyari{margin:0 14px 12px 14px; border-radius:7px; padding:9px 11px; font-size:12px; line-height:1.5;} .gtip-uyari .baslik{font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; margin-bottom:3px;} .gtip-uyari .satir + .satir{margin-top:3px;} .gtip-uyari.gozetim{background:#fdf2f8; color:#9d174d;} .gtip-uyari.kkdf{background:#eff6ff; color:#1e40af;} .gtip-durum{display:flex; align-items:center; gap:8px; padding:12px 14px; font-size:12px;} .gtip-durum i{font-size:15px;} .gtip-durum.bos{color:var(--renk-yazi-orta, #64748b);} .gtip-durum.yok{background:#fef2f2; color:#b91c1c; font-weight:600;} .gtip-durum.temiz{color:#15803d;} .gtip-kutu-alt{margin-top:auto; padding:8px 14px; border-top:1px solid var(--renk-kenarlik, #e2e8f0); font-size:10px; color:var(--renk-yazi-orta, #64748b);} /*#endregion*/ /*#region Aranabilir Select (aramaliselect.js)*/ .aramali-select{display:flex; align-items:center; gap:8px; min-width:200px; height:32px; padding:0 10px; cursor:pointer; user-select:none; background:#fff; border:1px solid var(--renk-kenar); border-radius:var(--radius-sm); font-size:12px; transition:border-color .15s, box-shadow .15s;} .aramali-select:hover{border-color:var(--renk-birincil-acik);} .aramali-select.acik{border-color:var(--renk-birincil); box-shadow:0 0 0 2px var(--renk-birincil-alfa-12);} .aramali-select > i{margin-left:auto; font-size:10px; color:var(--renk-yazi-soluk); transition:transform .15s;} .aramali-select.acik > i{transform:rotate(180deg);} .aramali-select-yazi{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600;} .aramali-select-yazi.bos{font-weight:400; color:var(--renk-yazi-soluk);} .aramali-select-kutu{position:fixed; z-index:9999; display:flex; flex-direction:column; overflow:hidden; background:#fff; border:1px solid var(--renk-kenar); border-radius:var(--radius-md); box-shadow:var(--golge-lg);} .aramali-select-arama{display:flex; align-items:center; gap:8px; padding:8px 10px; border-bottom:1px solid var(--renk-kenar-acik);} .aramali-select-arama i{font-size:12px; color:var(--renk-yazi-soluk);} .aramali-select-arama input{flex:1; border:0; outline:none; font-size:12px; font-family:var(--font-aile); background:transparent;} .aramali-select-liste{overflow-y:auto; padding:4px;} .aramali-select-satir{display:flex; align-items:center; gap:9px; padding:7px 9px; cursor:pointer; border-radius:var(--radius-sm); font-size:12px;} .aramali-select-satir > i{font-size:13px; color:var(--renk-yazi-orta);} .aramali-select-metin{display:flex; flex-direction:column; min-width:0; line-height:1.35;} .aramali-select-ust{font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .aramali-select-alt{font-size:10px; color:var(--renk-yazi-orta); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .aramali-select-satir.aktif{background:var(--renk-arkaplan-hover);} .aramali-select-satir.secili{background:var(--renk-birincil-alfa-08);} .aramali-select-satir.secili .aramali-select-ust{color:var(--renk-birincil);} .aramali-select-satir.secili > i{color:var(--renk-birincil);} .aramali-select-bos{padding:16px 10px; text-align:center; font-size:12px; color:var(--renk-yazi-soluk);} /*#endregion*/ /*#region Rapor Filtre Formu*/ .rapor-form{flex:1 1 auto; display:flex; flex-direction:column; min-height:0; width:100%; background:#fff; border:1px solid var(--renk-kenar-acik); border-radius:8px; overflow:hidden;} .rapor-form .rapor-baslik{display:flex; align-items:center; gap:14px; flex-shrink:0; padding:18px 26px; background:linear-gradient(135deg,#1e2d5a 0%,#2f4dbf 140%); color:#fff;} .rapor-form .rapor-baslik > i{font-size:24px; opacity:.85;} .rapor-form .rapor-baslik b{display:block; font-size:16px; font-weight:600;} .rapor-form .rapor-baslik span{display:block; margin-top:3px; font-size:12px; color:rgba(255,255,255,0.75);} .rapor-form .rapor-alan{flex:1 1 auto; min-height:0; overflow-y:auto; display:grid; grid-template-columns:repeat(12,1fr); gap:20px 24px; align-content:start; padding:26px;} .rapor-form .rapor-item{grid-column:span 3; display:flex; flex-direction:column; gap:7px; min-width:0;} .rapor-form .rapor-item-genis{grid-column:span 6;} .rapor-form .rapor-item-kisa{grid-column:span 3;} @media (max-width:1100px){ .rapor-form .rapor-item{grid-column:span 6;} .rapor-form .rapor-item-genis{grid-column:span 12;} } @media (max-width:700px){ .rapor-form .rapor-item, .rapor-form .rapor-item-kisa{grid-column:span 12;} } .rapor-form .rapor-item > label{display:flex; align-items:center; gap:6px; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.6px; color:var(--renk-yazi-soluk);} .rapor-form .rapor-say{font-size:9.5px; font-weight:600; color:var(--renk-birincil); text-transform:none; letter-spacing:0;} .rapor-form .rapor-item small{font-size:10.5px; color:#94a3b8; line-height:1.45;} .rapor-form .rapor-item .duzenle-kontrol{width:100%; padding:10px 12px; border:1.5px solid #e2e8f0; border-radius:8px; background:#f8fafc; font-size:13px; color:var(--renk-yazi); box-sizing:border-box;} .rapor-form .rapor-item .duzenle-kontrol:focus{border-color:var(--renk-birincil); background:#fff; outline:none; box-shadow:0 0 0 3px rgba(47,77,191,0.10);} .rapor-form .rapor-item select[multiple]{padding:5px; height:auto; background:#fff;} .rapor-form .rapor-item select[multiple] option{padding:7px 9px; border-radius:6px; font-size:12.5px;} .rapor-form .rapor-item select[multiple] option:checked{background:#eef2ff linear-gradient(0deg,#eef2ff,#eef2ff); color:#1e2d5a; font-weight:600;} .rapor-form .rapor-alan.rapor-yan{grid-template-columns:minmax(240px, 320px) minmax(0, 1fr); grid-auto-rows:min-content;} .rapor-form .rapor-yan > .rapor-item{grid-column:1;} .rapor-form .rapor-yan > .rapor-secim-alan{grid-column:2; grid-row:1 / span 4;} .rapor-form .rapor-secim-dugme{margin-left:auto; font-size:10.5px; text-transform:none; letter-spacing:0; color:var(--renk-yazi-soluk);} .rapor-form .rapor-secim-dugme a{color:var(--renk-birincil); cursor:pointer;} .rapor-form .rapor-secim{display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:6px; max-height:420px; overflow-y:auto; padding:2px;} .rapor-form .rapor-secim-madde{display:flex; align-items:center; gap:8px; padding:9px 10px; border:1.5px solid #e2e8f0; border-radius:8px; background:#f8fafc; font-size:12.5px; cursor:pointer; min-width:0;} .rapor-form .rapor-secim-madde[hidden]{display:none;} .rapor-form .rapor-secim-madde span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .rapor-form .rapor-secim-madde .secim-kutusu{width:16px; height:16px; flex:0 0 auto;} .rapor-form .rapor-secim-madde:has(input:checked){border-color:var(--renk-birincil); background:#eef2ff; color:#1e2d5a; font-weight:600;} @media (max-width:700px){ .rapor-form .rapor-alan.rapor-yan{grid-template-columns:minmax(0, 1fr);} .rapor-form .rapor-yan > .rapor-secim-alan{grid-column:1; grid-row:auto;} .rapor-form .rapor-secim{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); max-height:none;} } .rapor-form .rapor-alt{display:flex; align-items:center; justify-content:space-between; gap:14px; flex-shrink:0; padding:16px 26px; background:#f8fafc; border-top:1px solid var(--renk-kenar-acik);} .rapor-form .rapor-bilgi{font-size:11.5px; color:#94a3b8;} .rapor-form .rapor-indir{display:inline-flex; align-items:center; gap:8px; margin-left:auto; padding:12px 26px; border:0; border-radius:8px; background:var(--renk-basari); color:#fff; font-size:13px; font-weight:600; cursor:pointer; transition:filter .15s;} .rapor-form .rapor-indir:hover{filter:brightness(1.08);} .rapor-form .rapor-indir i{font-size:15px;} /*#endregion*/ /*#region Balon*/ .balon-alan{position:relative; display:inline-flex; align-items:center; gap:5px;} .balon-ac{cursor:pointer;} .balon{--balon-zemin:#fff; --balon-kenar:#ddd; position:fixed; top:0; left:0; z-index:100000; transition:none; display:flex; flex-direction:column; align-items:flex-start; gap:3px; min-width:150px; max-width:340px; padding:8px 10px; white-space:normal; text-align:left; font-size:12px; background:var(--balon-zemin); border:1px solid var(--balon-kenar); border-radius:6px; box-shadow:0 4px 12px rgba(0,0,0,.15);} .balon.gizli{display:none;} .balon::before, .balon::after{content:""; position:absolute; left:var(--ok-x, 50%); transform:translateX(-50%); border-style:solid;} .balon[yon="asagi"]::before{top:-8px; border-width:0 8px 8px 8px; border-color:transparent transparent var(--balon-kenar) transparent;} .balon[yon="asagi"]::after{top:-7px; border-width:0 7px 7px 7px; border-color:transparent transparent var(--balon-zemin) transparent;} .balon[yon="yukari"]::before{bottom:-8px; border-width:8px 8px 0 8px; border-color:var(--balon-kenar) transparent transparent transparent;} .balon[yon="yukari"]::after{bottom:-7px; border-width:7px 7px 0 7px; border-color:var(--balon-zemin) transparent transparent transparent;} /* Balon acikken tarih secici onun uzerine cikmali: erp.js takvime 9999 veriyor, balon 100000. Kural :has ile kapsanmis, balon yokken katman degismiyor. */ /* Takvim girisi: kutu yerinde silinerek geliyor, satirlar birbiri ardina doluyor - menulerle ayni dil. */ .ui-datepicker{animation:sagtikKutu .12s ease-out;} .ui-datepicker :is(.ui-datepicker-header, thead tr, tbody tr){animation:sagtikSatir .3s cubic-bezier(.32,.72,0,1) backwards;} .ui-datepicker .ui-datepicker-header{animation-delay:0s;} .ui-datepicker thead tr:nth-child(1){animation-delay:.036s;} .ui-datepicker tbody tr:nth-child(1){animation-delay:.072s;} .ui-datepicker tbody tr:nth-child(2){animation-delay:.108s;} .ui-datepicker tbody tr:nth-child(3){animation-delay:.144s;} .ui-datepicker tbody tr:nth-child(4){animation-delay:.180s;} .ui-datepicker tbody tr:nth-child(5){animation-delay:.216s;} .ui-datepicker tbody tr:nth-child(6){animation-delay:.252s;} @media (prefers-reduced-motion: reduce){ .ui-datepicker, .ui-datepicker :is(.ui-datepicker-header, thead tr, tbody tr){animation:none;} } body:has(.balon:not(.gizli)) .ui-datepicker{z-index:100005 !important;} /* Canli arama paneli de body'ye aciliyor ve z-index'i 10000; balon acikken altinda kalirdi. */ body:has(.balon:not(.gizli)) .canliarama{z-index:100005 !important;} .balon .baslik{font-size:9.5px; font-weight:700; letter-spacing:.4px; color:var(--renk-yazi-soluk);} .satisfiyat-balon{min-width:auto; max-width:none; padding:6px 8px; gap:2px;} .satisfiyat-balon .sf-ust{display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%;} .satisfiyat-balon .sf-stok{font-size:11px; font-weight:700; color:var(--renk-birincil);} .satisfiyat-balon .sf-kapat{cursor:pointer; font-size:12px; color:var(--renk-yazi-soluk);} .satisfiyat-balon .sf-kapat:hover{color:var(--renk-tehlike);} .satisfiyat-balon .sf-alanlar{display:flex; align-items:flex-end; gap:6px; padding-bottom:12px;} .satisfiyat-balon .sf-alan{display:flex; flex-direction:column; gap:2px; margin:0; position:relative;} .satisfiyat-balon .sf-etiket{font-size:8.5px; font-weight:700; letter-spacing:.3px; color:var(--renk-yazi-soluk); text-align:center;} .satisfiyat-balon .sf-alan input[type=text]{width:72px; height:28px; padding:0 6px; text-align:right; border:1px solid #dce3ec; border-radius:6px; font-size:12px; background:#fff;} .satisfiyat-balon .sf-alan input[readonly]{background:var(--renk-arkaplan-acik); color:var(--renk-yazi-orta);} .satisfiyat-balon .sf-alan input:focus{outline:none; border-color:var(--renk-birincil); box-shadow:0 0 0 2px rgba(47,77,191,.10);} .satisfiyat-balon .sf-kutu{display:flex; align-items:center; justify-content:center; height:28px;} .satisfiyat-balon .sf-doviz{width:52px !important; text-align:center !important;} .satisfiyat-balon .sf-af{position:absolute; bottom:-13px; left:50%; transform:translateX(-50%); font-size:8.5px; font-weight:700; white-space:nowrap; line-height:1; padding:3px 6px 1px 6px; border-radius:0 0 4px 4px; background:var(--renk-uyari); color:#fff;} .satisfiyat-balon .sf-kaydet{flex-shrink:0; width:28px; height:28px; border:none; border-radius:6px; cursor:pointer; background:var(--renk-basari); color:#fff; font-size:12px; line-height:1;} .satisfiyat-balon .sf-kaydet:hover{background:var(--renk-basari-hover);} .satisfiyat-balon .sf-kaydet:disabled{background:#cbd5e1; cursor:not-allowed;} .sf-degisti{display:inline-block; font-size:8px; font-weight:400; letter-spacing:.3px; background:var(--renk-teal); color:#fff; border-radius:4px; padding:4px 6px 3px 6px; margin-bottom:2px; line-height:1;} /*#endregion*/ /*#region Resim Yigini (tablo hucresinde galeri acan deste)*/ .resim-yigin{position:relative; width:40px; height:40px; cursor:pointer; display:inline-block;} .resim-yigin img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:8px; border:var(--resim-yigin-border); background:var(--renk-arkaplan-acik, #f8fafc); box-shadow:0 1px 4px rgba(0,0,0,0.18); transition:transform .18s ease;} .resim-yigin img:nth-child(1){z-index:3;} .resim-yigin img:nth-child(2){z-index:2; transform:rotate(5deg) translate(7px, -4px); filter:blur(.5px);} .resim-yigin img:nth-child(3){z-index:1; transform:rotate(-6deg)translate(-8px, 4px); filter:blur(.7px);} .resim-yigin:hover img:nth-child(1){transform:translateY(-2px);} .resim-yigin:hover img:nth-child(2){transform:rotate(10deg) translate(10px, -6px); filter:blur(0);} .resim-yigin:hover img:nth-child(3){transform:rotate(-11deg) translate(-11px, 7px); filter:blur(0);} .resim-yigin-say{position:absolute; right:-6px; bottom:-6px; z-index:4; min-width:20px; height:20px; padding:0 5px; border-radius:10px; background:var(--renk-birincil, #2A3B72); color:#fff; font-size:10px; font-weight:700; line-height:16px; text-align:center; border:2px solid var(--renk-yuzey, #fff);} .resim-yigin-bos{color:var(--renk-yazi-en-soluk, #cbd5e1); font-size:16px;} /*#endregion*/ /*#region Bekleme kutusu sure sayaci*/ uyari-kutu .mesaj .bekleme-ilerleme{margin-top:12px; height:6px; border-radius:20px; background:var(--renk-arkaplan-hover); overflow:hidden;} uyari-kutu .mesaj .bekleme-ilerleme-dolgu{height:100%; width:0; border-radius:20px; background:var(--renk-birincil); transition:width .25s linear;} uyari-kutu .mesaj .bekleme-durum{display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-top:8px;} uyari-kutu .mesaj .beklemesuresi{font-size:20px; font-weight:700; font-variant-numeric:tabular-nums; color:var(--renk-birincil);} uyari-kutu .mesaj .beklemekalan{font-size:12px; font-weight:600; color:var(--renk-yazi-orta);} /*#endregion*/ /*#region Sayım*/ .sayim-alan{display:flex; flex-direction:column; gap:10px; padding:10px 0;} /* Uc adim yan yana; dar ekranda kendiliginden alt alta dusuyor. Esit paylasim icin flex:1 1 0, sigmayinca sarma esigi min-width. */ .sayim-adimlar{display:flex; flex-wrap:wrap; gap:10px;} .sayim-adimlar > .adim{flex:1 1 0; min-width:250px;} .sayim-kutu{background:#fff; border:1px solid var(--renk-kenar); border-radius:10px; padding:10px;} .sayim-kutu-baslik{font-size:11px; font-weight:700; letter-spacing:.4px; color:var(--renk-yazi-soluk); display:flex; align-items:center; gap:7px; margin-bottom:8px;} .sayim-kutu-baslik i{font-size:13px; color:var(--renk-birincil);} /* Adim durumu: ekranda ayni anda YALNIZ bir kutu vurgulu olsun ki terminalde goz siradaki isi arayip bulmasin. Tamamlanan adimin degeri basliga tasiniyor. */ .sayim-kutu.adim{border-left:3px solid var(--renk-kenar);} .sayim-kutu.adim.aktif{border-left-color:var(--renk-birincil);} .sayim-kutu.adim.tamam{border-left-color:var(--renk-basari);} .sayim-kutu.adim.bekleyen{opacity:.5;} .sayim-kutu.adim.tamam .sayim-kutu-baslik i{color:var(--renk-basari);} .sayim-adim-deger{margin-left:auto; font-size:11px; font-weight:700; letter-spacing:0; color:var(--renk-basari); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:60%;} /* Okutma alani: .tk-input-grup ile ayni bicim, sayim ekranina gore buyutulmus. */ .sayim-okut{display:flex; align-items:stretch; background:var(--renk-arkaplan-acik); border:1px solid var(--renk-kenar); border-radius:10px; overflow:hidden; transition:border-color .15s, box-shadow .15s;} .sayim-kutu.aktif .sayim-okut{border-color:var(--renk-birincil);} /* Odak kalinlikla degil golgeyle belli oluyor: kenarlik 1px kaliyor, kutu yerinden oynamiyor. :focus-within cunku odak icteki input'ta. */ .sayim-okut:focus-within{border-color:var(--renk-birincil); box-shadow:0 0 0 3px var(--renk-birincil-alfa-12);} .sayim-okut i{display:flex; align-items:center; justify-content:center; width:44px; flex-shrink:0; color:var(--renk-yazi-soluk); font-size:18px; background:var(--renk-kenar-acik);} .sayim-kutu.aktif .sayim-okut i{color:#fff; background:var(--renk-birincil-alfa-08);} /* min-width:0 sart: input'un icsel genisligi (~170px) yaninda dugme kalinca alan tasiyordu ve overflow:hidden onu kirpiyordu ("Yaz" yarim gorunuyordu). */ .sayim-okut input{flex:1 1 0; min-width:0; border:0; background:none; padding:11px 14px; font-size:16px; font-weight:600;} .sayim-okut input:focus{outline:none;} .sayim-okut button{display:flex; align-items:center; gap:7px; flex-shrink:0; border:0; cursor:pointer; padding:0 18px; background:var(--renk-birincil); color:#fff; font-size:13px; font-weight:600;} .sayim-okut button i{width:auto; background:none; color:#fff; font-size:13px;} .sayim-okut button:hover{background:var(--renk-birincil-koyu);} .sayim-okut button.sayim-yok{background:var(--renk-kenar-acik); color:var(--renk-yazi); border-left:1px solid var(--renk-kenar);} .sayim-okut button.sayim-yok i{color:var(--renk-yazi-soluk);} .sayim-okut button.sayim-yok:hover{background:var(--renk-arkaplan-hover);} /* Stok Giris/Cikis satir tablosu. DataTable degil: satirlar kaydedilene kadar yalniz ekranda duruyor, suzgec/siralama gerekmiyor. */ .gc-tablo-kap{margin-top:4px;} .gc-tablo{width:100%; border-collapse:collapse; font-size:12px;} .gc-tablo th{text-align:left; font-size:10px; font-weight:700; letter-spacing:.4px; color:var(--renk-yazi-soluk); padding:6px 8px; white-space:nowrap; border-bottom:1px solid var(--renk-kenar);} .gc-tablo td{padding:7px 8px; border-bottom:1px solid var(--renk-kenar-acik); vertical-align:middle;} .gc-tablo td .cariisim{font-size:11px; color:var(--renk-yazi-soluk);} .gc-tablo .duzenle-kontrol{padding:6px 8px; border:1px solid var(--renk-kenar); border-radius:6px; background:var(--renk-arkaplan-acik); font-size:12px; color:var(--renk-yazi); font-family:inherit;} .gc-tablo .gc-miktar{width:90px;} .gc-tablo .gc-raf{max-width:150px;} .gc-tablo .gc-yon{width:90px;} .gc-tablo .duzenle-kontrol:focus{border-color:var(--renk-birincil); outline:none; box-shadow:0 0 0 3px var(--renk-birincil-alfa-12);} /* Yeni bakiye: degisen satir vurgulu, eksiye dusen uyarili. */ .gc-tablo td.gc-degisti{color:var(--renk-birincil);} .gc-tablo td.gc-eksi{color:var(--renk-tehlike);} .gc-sil{border:0; background:transparent; color:var(--renk-yazi-soluk); cursor:pointer; padding:4px 6px; border-radius:6px; font-size:12px;} .gc-sil:hover{background:var(--renk-tehlike); color:#fff;} .gc-bos{padding:14px 8px; font-size:11px; color:var(--renk-yazi-soluk); text-align:center;} /* Raf Duzenle: kaynak raf icerigi ve oturum gecmisi. Icerik satiri DUGME - terminalde okutmadan secmenin en hizli yolu, parmakla basilacak kadar genis. */ /* Okutma alaninin icine konan secici (Raf Ekle'de EKLE/CIKAR): kenarligi yok, alanin bir parcasi gibi duruyor. */ .sayim-okut > select.gc-yon{flex:0 0 auto; border:0; border-right:1px solid var(--renk-kenar); background:var(--renk-kenar-acik); padding:0 12px; font-size:12px; font-weight:600; color:var(--renk-yazi); font-family:inherit; cursor:pointer;} .sayim-okut > select.gc-yon:focus{outline:none;} /* Alanin tamamini kaplayan secici (Dekont Girisi'nde hazir islem): input ile ayni davranis. .gc-yon dar kalmasi gereken yan secici icin, bu ise ana alan. */ .sayim-okut > select:not(.gc-yon){flex:1 1 0; min-width:0; border:0; background:none; padding:11px 14px; font-size:15px; font-weight:600; color:var(--renk-yazi); font-family:inherit; cursor:pointer;} .sayim-okut > select:not(.gc-yon):focus{outline:none;} /* Tek satirda yan yana duran okutma alanlari (tarih + aciklama gibi). Dar ekranda kendiliginden alt alta duser. */ .sayim-okut-satir{display:flex; flex-wrap:wrap; gap:8px;} .sayim-okut-satir > .sayim-okut{flex:1 1 220px; min-width:0;} .sayim-okut-satir > .sayim-okut-genis{flex:2 1 280px;} .sayim-okut-satir > .sayim-okut-dar{flex:0 1 175px;} /* Raf icindeki arama kutusu: adim kutularindaki okutma alaninin ince hali. */ .sayim-okut.sayim-okut-ince{margin:6px 0 2px;} .sayim-okut.sayim-okut-ince i{width:36px; font-size:14px;} .sayim-okut.sayim-okut-ince input{padding:8px 12px; font-size:13px; font-weight:500;} .raf-icerik-satir{display:flex; align-items:center; gap:10px; width:100%; padding:10px; border:0; border-top:1px solid var(--renk-kenar-acik); background:transparent; cursor:pointer; text-align:left; font-size:12px;} .raf-icerik-satir:first-child{border-top:0;} .raf-icerik-satir:hover{background:var(--renk-birincil-cok-acik);} .raf-icerik-ad{flex:1 1 auto; min-width:0;} .raf-icerik-ad b{display:block; color:var(--renk-yazi);} .raf-icerik-ad .cariisim{font-size:11px; color:var(--renk-yazi-soluk); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .raf-gecmis-satir{display:flex; align-items:center; gap:10px; padding:9px 10px; border-top:1px solid var(--renk-kenar-acik); font-size:12px;} .raf-gecmis-satir:first-child{border-top:0;} .raf-gecmis-ad{flex:1 1 auto; min-width:0;} .raf-gecmis-ad b{display:block;} .raf-gecmis-ad .cariisim{font-size:11px; color:var(--renk-yazi-soluk); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .raf-gecmis-yol{display:flex; align-items:center; gap:6px; flex-shrink:0;} .raf-gecmis-yol i{font-size:10px; color:var(--renk-yazi-soluk);} .gc-kaydet{display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:10px; padding:12px; border:0; border-radius:10px; background:var(--renk-birincil); color:#fff; font-size:13px; font-weight:600; cursor:pointer;} .gc-kaydet:hover:not(:disabled){background:var(--renk-birincil-koyu);} .gc-kaydet:disabled{background:var(--renk-kenar); color:var(--renk-yazi-soluk); cursor:not-allowed;} .sayim-ipucu{font-size:11px; color:var(--renk-yazi-soluk); margin-top:8px;} .sayim-ipucu b{color:var(--renk-birincil);} .sayim-aktif-raf{display:flex; align-items:center; gap:10px; margin-top:10px; flex-wrap:wrap;} .sayim-raf-ozet{font-size:11px; color:var(--renk-yazi-orta); font-weight:600;} .sayim-stok-ad{font-size:13px; font-weight:600;} .sayim-stok-alt{font-size:11px; color:var(--renk-yazi-soluk); margin-top:2px;} .sayim-raf-secim{display:flex; flex-wrap:nowrap; gap:7px; margin-top:10px; padding-bottom:2px;} /* Cip = secme dugmesi + (varsa) cikar dugmesi. Genislik sarmalayicida: ic ice buton olamayacagi icin ikisi kardes duruyor, gorunumu tek parca. */ .sayim-raf-cip{display:inline-flex; align-items:stretch; flex:0 0 160px; border-radius:8px; background:var(--renk-birincil-cok-acik); border:1px solid var(--renk-birincil-acik); overflow:hidden; scroll-margin:0 12px;} .sayim-raf-cip:hover{background:var(--renk-birincil-acik);} .sayim-raf-sec{display:inline-flex; align-items:center; gap:7px; padding:8px 12px; background:transparent; border:0; color:var(--renk-birincil); font-size:12px; cursor:pointer; flex:1 1 auto; min-width:0; justify-content:space-between;} .sayim-raf-sec i{font-size:12px; flex-shrink:0;} .sayim-raf-sec b{flex:1 1 auto; min-width:0; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .sayim-raf-sec .toplanan-rozet{flex-shrink:0;} .sayim-raf-cikar{display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:28px; border:0; border-left:1px solid var(--renk-birincil-acik); background:transparent; color:var(--renk-birincil); font-size:12px; cursor:pointer;} .sayim-raf-cikar:hover{background:var(--renk-tehlike); color:#fff; border-left-color:var(--renk-tehlike);} .sayim-raf-cip.secili{background:var(--renk-birincil); border-color:var(--renk-birincil);} .sayim-raf-cip.secili .sayim-raf-sec, .sayim-raf-cip.secili .sayim-raf-sec i, .sayim-raf-cip.secili .sayim-raf-cikar{color:#fff;} .sayim-raf-cip.secili .sayim-raf-cikar{border-left-color:rgba(255,255,255,0.25);} .sayim-satir{display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:8px; border:1px solid var(--renk-kenar-acik); margin-bottom:6px; transition:background .2s;} .sayim-satir-bilgi{flex:1 1 auto; min-width:0; font-size:12px;} .sayim-satir-bilgi .ellipsis{font-size:11px; color:var(--renk-yazi-orta);} .sayim-satir-sag{display:flex; align-items:center; gap:8px; flex-shrink:0;} .sayim-onceki{display:inline-block; font-size:10px; color:var(--renk-yazi-soluk); margin-top:2px;} /* Son okutulan satir kisa sure vurgulanir: terminalde goz nereye bakacagini bilsin. */ .sayim-satir-vurgu{background:var(--renk-birincil-cok-acik); border-color:var(--renk-birincil-acik);} /* Sayilanlar: ayni stok birden fazla rafta sayilabildigi icin grup basligi tek satir, raf kirilimi akordiyonda. Yukseklik animasyonu grid 0fr -> 1fr ile. */ .sayim-suzgec{display:flex; gap:4px; margin-left:auto;} .sayim-suzgec button{border:1px solid var(--renk-kenar); background:#fff; cursor:pointer; padding:3px 10px; border-radius:6px; font-size:10px; font-weight:700; letter-spacing:.3px; color:var(--renk-yazi-soluk);} .sayim-suzgec button:hover{border-color:var(--renk-birincil-acik); color:var(--renk-birincil);} .sayim-suzgec button.secili{background:var(--renk-birincil); border-color:var(--renk-birincil); color:#fff;} .sayim-grup{border:1px solid var(--renk-kenar-acik); border-radius:8px; margin-bottom:6px; overflow:hidden;} .sayim-grup-bas{display:flex; align-items:center; gap:10px; width:100%; padding:9px 10px; border:0; background:none; cursor:pointer; text-align:left;} .sayim-grup-bas:hover{background:var(--renk-arkaplan-acik);} .sayim-grup-ok{flex-shrink:0; font-size:12px; color:var(--renk-yazi-soluk); transition:transform .2s;} .sayim-grup.acik .sayim-grup-ok{transform:rotate(90deg);} .sayim-grup-bilgi{flex:1 1 auto; min-width:0; font-size:12px;} .sayim-grup-bilgi .ellipsis{font-size:11px; color:var(--renk-yazi-orta); margin-top:5px;} .sayim-grup-sag{display:flex; align-items:center; gap:8px; flex-shrink:0;} .sayim-grup-icerik{display:grid; grid-template-rows:0fr; transition:grid-template-rows .22s cubic-bezier(.32,.72,0,1);} .sayim-grup.acik .sayim-grup-icerik{grid-template-rows:1fr;} .sayim-grup-icerik > div{overflow:hidden;} .sayim-grup-satir{display:flex; align-items:center; gap:8px; padding:7px 10px; border-top:1px solid var(--renk-kenar-acik); background:var(--renk-arkaplan-acik); font-size:11px;} .sayim-grup-satir .kim{flex:1 1 auto; min-width:0; color:var(--renk-yazi-soluk); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /* Raf icerigi ayni akordiyonu kullaniyor, kap sinifi ayri. */ .sayim-raf-icerik{padding:0;} .sayim-raf-icerik.acik .sayim-grup-icerik{grid-template-rows:1fr;} .sayim-raf-icerik.acik .sayim-grup-ok{transform:rotate(90deg);} .sayim-suzgec-serit{padding:8px 10px; border-top:1px solid var(--renk-kenar-acik); margin-left:0;} .sayim-icerik-satir{display:flex; align-items:center; gap:8px; padding:7px 10px; border-top:1px solid var(--renk-kenar-acik); font-size:11px;} .sayim-icerik-satir .ad{flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--renk-yazi-orta);} .sayim-icerik-bos{padding:10px; font-size:11px; color:var(--renk-yazi-soluk); border-top:1px solid var(--renk-kenar-acik);} /* Okutma kuyrugu: durum rengi seridin tamamini tasiyor, terminalde uzaktan bakinca bile ne oldugu anlasilsin. */ .sayim-kuyruk{padding:0; border-left:3px solid var(--renk-birincil);} .sayim-kuyruk.bekliyor{border-left-color:var(--renk-uyari);} .sayim-kuyruk.tamam{border-left-color:var(--renk-basari);} .sayim-kuyruk-bas{display:flex; align-items:center; gap:8px; padding:10px; font-size:12px; font-weight:600; color:var(--renk-birincil);} .sayim-kuyruk.bekliyor .sayim-kuyruk-bas{color:var(--renk-uyari);} .sayim-kuyruk.tamam .sayim-kuyruk-bas{color:var(--renk-basari);} .sayim-kuyruk-satir{display:flex; align-items:center; gap:8px; padding:6px 10px; border-top:1px solid var(--renk-kenar-acik); font-size:11px;} .sayim-kuyruk-satir .ad{flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--renk-yazi-soluk);} /*#endregion*/ /*#region Künye Kartı*/ .kunye-kart{background:var(--renk-arkaplan-acik); border:1px solid var(--renk-kenar); border-radius:10px; overflow:hidden;} .kunye-kart + .kunye-kart{margin-top:12px;} .kunye-kart-baslik{display:flex; align-items:center; gap:8px; padding:9px 14px; border-bottom:1px solid var(--renk-kenar); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--renk-yazi-orta);} .kunye-satir{display:flex; gap:12px; padding:7px 14px; font-size:12px; line-height:1.5;} .kunye-satir + .kunye-satir{border-top:1px solid var(--renk-kenar-acik);} .kunye-satir .etiket{flex:0 0 108px; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; color:var(--renk-yazi-orta); padding-top:2px;} .kunye-satir .deger{flex:1; min-width:0; color:var(--renk-yazi); word-break:break-word;} .kunye-satir .deger.bos{color:var(--renk-yazi-soluk);} .kunye-kart-baslik > .excel-uygula{margin-left:auto; text-transform:none; letter-spacing:0;} .kunye-kart-metin{padding:10px 14px; font-size:12px; line-height:1.55; color:var(--renk-yazi); word-break:break-word;} .kunye-kart-metin.bos{color:var(--renk-yazi-soluk);} /*#endregion*/ /*#region Kayan Liste*/ .kayan-liste{position:relative; overflow:hidden;} .kayan-liste-pist{display:flex; transition:transform .7s cubic-bezier(.22,.61,.36,1); will-change:transform; touch-action:pan-y;} .kayan-liste-pist.animasyonsuz{transition:none; user-select:none;} .kayan-liste-oge{flex:0 0 100%; min-width:0; opacity:.2; transition:opacity .7s ease;} .kayan-liste-oge.aktif{opacity:1;} .kayan-liste-oge.aktif .ikon{animation:kayanListeGiris .7s cubic-bezier(.22,.61,.36,1);} .kayan-liste-pist.animasyonsuz .kayan-liste-oge{transition:none;} .kayan-liste-pist.animasyonsuz .kayan-liste-oge.aktif .ikon{animation:none;} .kayan-liste-alt{display:flex; align-items:center; justify-content:center; gap:8px; margin-top:10px;} .kayan-liste-noktalar{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:5px;} .kayan-liste-nokta{width:6px; height:6px; padding:0; border:0; border-radius:3px; background:currentColor; opacity:.3; cursor:pointer; transition:width .4s ease, opacity .4s ease;} .kayan-liste-nokta.aktif{width:18px; opacity:.9;} .kayan-liste-ok{display:flex; align-items:center; justify-content:center; width:24px; height:24px; padding:0; border:0; border-radius:50%; background:transparent; color:inherit; font-size:11px; opacity:.6; cursor:pointer; transition:opacity .2s ease, background .2s ease;} .kayan-liste-ok:hover{opacity:1; background:rgba(127,127,127,.18);} @keyframes kayanListeGiris{from{opacity:0; transform:translateY(8px) scale(.92);} to{opacity:1; transform:none;}} @media (prefers-reduced-motion: reduce){.kayan-liste-pist, .kayan-liste-oge{transition:none;} .kayan-liste-oge.aktif .ikon{animation:none;}} /*#endregion*/ /*#region Satış Haritası*/ :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.satisharitasi{width:100%;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.satisharitasi .stdkutubaslikalan .stdkutubaslik{background:#D9F3F0; color:#0F766E;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.satisharitasi .stdkutubaslikalan .butonalan.harita-tur{margin-left:auto;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.satisharitasi .stdkutubaslikalan .butonalan.harita-tur + .butonalan{margin-left:8px;} :is(sag-icerik .icerik, gosterge-icerik) .stdkutualan.satisharitasi .stdkutu{flex-wrap:nowrap; padding:0; overflow:hidden; color:#fff; background:#33394A; background:linear-gradient(90deg,rgba(51, 57, 74, 1) 0%, rgba(64, 74, 107, 1) 31%, rgba(41, 70, 136, 1) 67%, rgba(39, 47, 81, 1) 100%);} .satisharitasi .harita-sahne{position:relative; flex:1 1 auto; min-width:0; height:640px;} .satisharitasi .harita-sahne svg{display:block; width:100%; height:100%; touch-action:none; cursor:grab;} .satisharitasi .harita-sahne svg:active{cursor:grabbing;} .satisharitasi .harita-sahne.turkiye svg{cursor:default;} .satisharitasi .harita-yan{flex:0 0 300px; display:flex; flex-direction:column; gap:14px; padding:16px 18px; border-left:1px solid rgba(255,255,255,.08);} .satisharitasi .harita-ozet{display:flex; gap:10px;} .satisharitasi .harita-ozet > div{flex:1; min-width:0; padding:10px 12px; border-radius:8px; background:rgba(255,255,255,.06);} .satisharitasi .harita-donem{margin-bottom:-6px; font-size:10px; font-weight:600; letter-spacing:.3px; text-transform:uppercase; opacity:.65; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .satisharitasi .harita-ozet small{display:block; font-size:10px; font-weight:600; letter-spacing:.3px; text-transform:uppercase; opacity:.65; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .satisharitasi .harita-ozet b{display:block; margin-top:4px; font-size:16px;} .satisharitasi .harita-liste-baslik{font-size:11px; font-weight:600; letter-spacing:.3px; text-transform:uppercase; opacity:.65;} .satisharitasi .harita-liste{display:flex; flex-direction:column; gap:4px;} .satisharitasi .harita-satir{position:relative; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 10px; border-radius:7px; font-size:12px; cursor:pointer; transition:background .2s ease;} .satisharitasi .harita-satir:hover{background:rgba(255,255,255,.08);} .satisharitasi .harita-satir .tutar{font-weight:600; white-space:nowrap;} .satisharitasi .harita-satir .bar{position:absolute; left:0; bottom:2px; height:2px; border-radius:2px; background:linear-gradient(90deg, #6ee7d8, rgba(110,231,216,0));} .satisharitasi .harita-sahne.tahsilat ~ .harita-yan .harita-satir .bar{background:linear-gradient(90deg, #bef264, rgba(190,242,100,0));} .satisharitasi .harita-satir .bar.eksi{background:linear-gradient(90deg, #f87171, rgba(248,113,113,0));} .satisharitasi .harita-not{font-size:10px; line-height:1.5; opacity:.6;} .satisharitasi .harita-kaynak{position:absolute; left:14px; bottom:10px; font-size:9px; opacity:.45; pointer-events:none;} .satisharitasi .harita-kaynak span{display:block;} .satisharitasi .harita-kaynak span + span{margin-top:2px;} .satisharitasi .harita-geri{position:absolute; left:14px; top:14px; display:none; align-items:center; gap:6px; padding:7px 12px; border:0; border-radius:16px; background:rgba(255,255,255,.12); color:#fff; font-size:11px; font-weight:600; cursor:pointer;} .satisharitasi .harita-sahne.turkiye .harita-geri{display:flex;} .satisharitasi .harita-zoom{position:absolute; right:14px; bottom:14px; display:flex; flex-direction:column; gap:6px;} .satisharitasi .harita-sahne.turkiye .harita-zoom{display:none;} .satisharitasi .harita-zoom button{width:30px; height:30px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.12); color:#fff; cursor:pointer;} .satisharitasi .harita-gorunum{transition:opacity .45s ease;} .satisharitasi .harita-kure-golge{fill:none; stroke:rgba(110,231,216,.35); stroke-width:10; filter:url(#haritaBulanik);} .satisharitasi .harita-kure{fill:url(#haritaKureZemin); stroke:rgba(255,255,255,.28); stroke-width:1;} .satisharitasi .harita-ag{fill:none; stroke:rgba(255,255,255,.07); stroke-width:.6;} .satisharitasi .harita-sinir{fill:none; stroke:rgba(255,255,255,.25); stroke-width:.5;} .satisharitasi .harita-ulke{stroke:rgba(255,255,255,.22); stroke-width:.45; transition:fill .3s ease;} .satisharitasi .harita-ulke.veri, .satisharitasi .harita-ulke.tr{cursor:pointer;} .satisharitasi .harita-ulke.veri:hover, .satisharitasi .harita-ulke.secili{stroke:#fff; stroke-width:1;} .satisharitasi .harita-yay{fill:none; stroke:rgba(110,231,216,.22); stroke-linecap:round;} .satisharitasi .harita-yay-akis{fill:none; stroke:#a5f3eb; stroke-linecap:round; stroke-dasharray:2 12; animation:haritaYayAkis 1.4s linear infinite;} .satisharitasi .harita-nokta{fill:#6ee7d8;} .satisharitasi .harita-halka{fill:none; stroke:#6ee7d8; transform-box:fill-box; transform-origin:center; animation:haritaHalka 2.2s ease-out infinite;} .satisharitasi .harita-nokta.merkez{fill:#FFDA9B;} .satisharitasi .harita-halka.merkez{stroke:#FFDA9B;} .satisharitasi .harita-sahne.tahsilat .harita-yay{stroke:rgba(190,242,100,.22);} .satisharitasi .harita-sahne.tahsilat .harita-yay-akis{stroke:#d9f99d; animation-direction:reverse;} .satisharitasi .harita-sahne.tahsilat .harita-nokta:not(.merkez){fill:#bef264;} .satisharitasi .harita-sahne.tahsilat .harita-halka:not(.merkez){stroke:#bef264;} .satisharitasi .harita-il{stroke:rgba(255,255,255,.85); stroke-width:.8; stroke-linejoin:round; cursor:pointer; transition:fill .3s ease;} .satisharitasi .harita-il:hover, .satisharitasi .harita-il.secili{stroke:#fff; stroke-width:2;} .satisharitasi .harita-etiket{text-anchor:middle; fill:#fff; paint-order:stroke; stroke:rgba(20,28,58,.8); stroke-width:2.6px; stroke-linejoin:round; pointer-events:none;} .satisharitasi .harita-etiket .ad{font-size:8.5px; font-weight:500; fill:rgba(255,255,255,.85);} .satisharitasi .harita-etiket .deger{font-size:10.5px; font-weight:700;} .satisharitasi .harita-nokta-etiket{text-anchor:start;} .harita-capa{position:fixed; width:1px; height:1px; pointer-events:none;} .idetaytooltip.harita-detay{width:280px; max-width:280px; padding:12px 14px;} .idetaytooltip.harita-detay .harita-detay-etiket{display:block; font-size:9.5px; font-weight:700; letter-spacing:.4px; color:var(--renk-yazi-soluk);} .idetaytooltip.harita-detay .harita-detay-ad{display:block; margin-top:2px; font-size:15px; font-weight:700; color:var(--renk-yazi);} .idetaytooltip.harita-detay .harita-detay-toplam{display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-top:8px; padding-bottom:10px; border-bottom:1px solid var(--renk-kenar-acik);} .idetaytooltip.harita-detay .harita-detay-toplam b{font-size:18px; color:var(--renk-yazi); white-space:nowrap;} .idetaytooltip.harita-detay .harita-detay-toplam span{font-size:11px; color:var(--renk-yazi-soluk); white-space:nowrap;} .idetaytooltip.harita-detay .harita-detay-baslik{margin:10px 0 2px; font-size:9.5px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:var(--renk-yazi-soluk);} .idetaytooltip.harita-detay .harita-detay-liste{max-height:250px; overflow-y:auto; margin-right:-8px; padding-right:8px; overscroll-behavior:contain;} .idetaytooltip.harita-detay .harita-detay-satir{padding:8px 0;} .idetaytooltip.harita-detay .harita-detay-satir + .harita-detay-satir{border-top:1px solid var(--renk-kenar-acik);} .idetaytooltip.harita-detay .harita-detay-satir .ust{display:flex; align-items:baseline; justify-content:space-between; gap:10px;} .idetaytooltip.harita-detay .harita-detay-satir .ad{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11.5px; font-weight:600; color:var(--renk-yazi);} .idetaytooltip.harita-detay .harita-detay-satir .tutar{font-size:11.5px; font-weight:700; white-space:nowrap; color:var(--renk-yazi);} .idetaytooltip.harita-detay .harita-detay-satir .alt{display:flex; justify-content:space-between; gap:10px; margin-top:2px; font-size:10px; color:var(--renk-yazi-soluk);} .idetaytooltip.harita-detay .harita-detay-satir .bar{height:3px; margin-top:6px; border-radius:2px; background:var(--renk-kenar-acik); overflow:hidden;} .idetaytooltip.harita-detay .harita-detay-satir .bar i{display:block; height:100%; border-radius:2px; background:linear-gradient(90deg, #2dd4bf, #3b82f6);} .idetaytooltip.harita-detay .harita-detay-satir[davranis=pencere-ac]{cursor:pointer;} .idetaytooltip.harita-detay .harita-detay-satir[davranis=pencere-ac]:hover .ad{color:var(--renk-birincil);} .idetaytooltip.harita-detay .harita-detay-rapor{display:flex; align-items:center; justify-content:center; gap:6px; margin-top:10px; padding:7px 10px; border-radius:8px; background:var(--renk-birincil-cok-acik); color:var(--renk-birincil); font-size:11px; font-weight:600; cursor:pointer; transition:background .15s;} .idetaytooltip.harita-detay .harita-detay-rapor:hover{background:var(--renk-birincil-az-acik);} .idetaytooltip.harita-detay .harita-detay-bos{margin-top:8px; font-size:11px; color:var(--renk-yazi-soluk);} @keyframes haritaYayAkis{to{stroke-dashoffset:-28;}} @keyframes haritaHalka{from{transform:scale(1); opacity:.9;} to{transform:scale(3.2); opacity:0;}} @media (prefers-reduced-motion: reduce){.satisharitasi .harita-yay-akis, .satisharitasi .harita-halka{animation:none;}} /*#endregion*/ /*#region Lig (Plasiyer / Şube)*/ sag-icerik .icerik .lig-sayfa .stdkutualan.lig-kutu{width:100%;} sag-icerik .icerik .lig-sayfa .stdkutualan.lig-matris{width:58%;} sag-icerik .icerik .lig-sayfa .stdkutualan.lig-kiyas{width:42%;} sag-icerik .icerik .lig-sayfa .lig-kutu .stdkutu{background:var(--renk-yuzey); position:relative;} sag-icerik .icerik .lig-sayfa .lig-kutu .stdkutubaslikalan .butonalan{margin-left:auto;} sag-icerik .icerik .lig-sayfa .lig-podyumkutu .stdkutubaslik{background:#FFF6D1; color:#744807;} sag-icerik .icerik .lig-sayfa .lig-yaris .stdkutubaslik{background:#CDD3EE; color:var(--renk-birincil);} sag-icerik .icerik .lig-sayfa .lig-tablokutu .stdkutubaslik{background:#E5F9ED; color:#26844C;} sag-icerik .icerik .lig-sayfa .lig-stokkutu .stdkutubaslik{background:var(--cip-turuncu-zemin); color:var(--cip-turuncu-yazi);} sag-icerik .icerik .lig-sayfa .lig-karkutu .stdkutubaslik{background:var(--cip-mavi-zemin); color:var(--cip-mavi-yazi);} sag-icerik .icerik .lig-sayfa .lig-matris .stdkutubaslik{background:#D9F3F0; color:#0F766E;} sag-icerik .icerik .lig-sayfa .lig-kiyas .stdkutubaslik{background:var(--cip-pembe-zemin); color:var(--cip-pembe-yazi);} sag-icerik .icerik .lig-sayfa .lig-kartkutu .stdkutubaslik{background:var(--cip-mor-zemin); color:var(--cip-mor-yazi);} sag-icerik .icerik .lig-sayfa .lig-kutu .stdkutu{min-height:220px;} sag-icerik .icerik .lig-sayfa .lig-bos{position:absolute; inset:0; z-index:3; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:8px; background:var(--renk-yuzey); color:var(--renk-yazi-orta); font-size:13px;} sag-icerik .icerik .lig-sayfa .lig-bos .yukleyiciaciklama{width:auto;} sag-icerik .icerik .lig-sayfa .lig-avatar{border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-weight:600; flex:0 0 auto; font-size:11px;} sag-icerik .icerik .lig-sayfa [lig-plasiyer]{cursor:pointer;} .lig-ipucu{position:fixed; pointer-events:none; background:var(--renk-birincil-en-koyu); color:#fff; padding:8px 10px; border-radius:8px; font-size:11px; line-height:1.5; box-shadow:var(--golge-lg); opacity:0; transition:opacity .15s; z-index:50;} sag-icerik .icerik .lig-sayfa .lig-podyumkutu .stdkutu{display:grid; grid-template-columns:minmax(340px, 42%) 1fr; grid-template-rows:360px; gap:24px; padding:20px 20px 16px; flex-wrap:nowrap; height:auto;} sag-icerik .icerik .lig-sayfa .lig-podyum{display:flex; justify-content:center; align-items:flex-end; gap:12px;} sag-icerik .icerik .lig-sayfa .lig-yer{flex:1 1 0; max-width:190px; text-align:center;} sag-icerik .icerik .lig-sayfa .lig-kisi{position:relative; display:flex; flex-direction:column; align-items:center; gap:3px; margin-bottom:10px; padding:0 4px;} sag-icerik .icerik .lig-sayfa .lig-kisi .lig-avatar{width:60px; height:60px; font-size:19px; margin-bottom:10px; box-shadow:0 0 0 4px var(--renk-yuzey), 0 0 0 7px var(--madalya); transition:transform .4s;} sag-icerik .icerik .lig-sayfa .lig-yer.y1 .lig-kisi .lig-avatar{width:78px; height:78px; font-size:24px;} sag-icerik .icerik .lig-sayfa .lig-tac{position:absolute; top:-26px; font-size:24px; color:#f5b301; filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));} sag-icerik .icerik .lig-sayfa .lig-kisi .ad{font-weight:600; font-size:12px; line-height:1.3;} sag-icerik .icerik .lig-sayfa .lig-kisi .deger{font-size:14px; font-weight:700; color:var(--renk-birincil); white-space:nowrap;} sag-icerik .icerik .lig-sayfa .lig-kisi .pay{font-size:11px; color:var(--renk-yazi-orta);} sag-icerik .icerik .lig-sayfa :is(.lig-kisi, .lig-serit .deger, .lig-tablo td, .lig-tablo .lig-paycubuk > div) .dolar-karsilik{display:block; font-size:10px; font-weight:600; color:var(--renk-teal);} sag-icerik .icerik .lig-sayfa .lig-blok{border-radius:12px 12px 0 0; background:linear-gradient(180deg, var(--madalya) 0%, var(--madalya-koyu) 100%); color:#fff; font-size:36px; font-weight:700; display:flex; align-items:flex-start; justify-content:center; padding-top:8px; height:60px; transition:height .6s cubic-bezier(.2,.8,.2,1); text-shadow:0 2px 6px rgba(0,0,0,.2);} sag-icerik .icerik .lig-sayfa .lig-yer.y1{--madalya:#f6c343; --madalya-koyu:#d89b00;} sag-icerik .icerik .lig-sayfa .lig-yer.y2{--madalya:#c4cdd8; --madalya-koyu:#8d99ab;} sag-icerik .icerik .lig-sayfa .lig-yer.y3{--madalya:#e0a26a; --madalya-koyu:#b06a2b;} sag-icerik .icerik .lig-sayfa .lig-pist-alan{height:360px; min-width:0; -webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - 40px), transparent); mask-image:linear-gradient(to bottom, #000 calc(100% - 40px), transparent);} sag-icerik .icerik .lig-sayfa .lig-pist-alan.sonda{-webkit-mask-image:none; mask-image:none;} sag-icerik .icerik .lig-sayfa .lig-pist{position:relative;} sag-icerik .icerik .lig-sayfa .lig-serit{position:absolute; left:0; right:0; height:46px; display:flex; align-items:center; gap:10px; transition:top .7s cubic-bezier(.2,.8,.2,1); border-bottom:1px dashed var(--renk-kenar-acik); border-radius:6px;} sag-icerik .icerik .lig-sayfa .lig-serit:hover{background:var(--renk-hover);} sag-icerik .icerik .lig-sayfa .lig-serit .sira{width:24px; text-align:center; font-weight:700; color:var(--renk-yazi-soluk); font-size:13px;} sag-icerik .icerik .lig-sayfa .lig-serit .ad{width:140px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} sag-icerik .icerik .lig-sayfa .lig-serit .yol{flex:1; height:12px; border-radius:6px; background:repeating-linear-gradient(90deg, var(--renk-arkaplan-hover) 0 18px, var(--renk-yuzey-2) 18px 36px); position:relative; margin-right:14px;} sag-icerik .icerik .lig-sayfa .lig-serit .dolu{position:absolute; left:0; top:0; bottom:0; width:0; border-radius:6px; transition:width .8s cubic-bezier(.2,.8,.2,1);} sag-icerik .icerik .lig-sayfa .lig-serit .kosucu{position:absolute; top:50%; left:0; width:28px; height:28px; margin:-14px 0 0 -14px; font-size:10px; border:2px solid #fff; box-shadow:var(--golge-md); transition:left .8s cubic-bezier(.2,.8,.2,1);} sag-icerik .icerik .lig-sayfa .lig-serit .deger{width:120px; text-align:right; font-weight:600; line-height:1.2;} sag-icerik .icerik .lig-sayfa .lig-serit .deger small{display:block; font-size:10px; font-weight:400; color:var(--renk-yazi-soluk);} sag-icerik .icerik .lig-sayfa .lig-yaris .stdkutu, sag-icerik .icerik .lig-sayfa .lig-matris .stdkutu{padding:12px 16px;} sag-icerik .icerik .lig-sayfa .lig-yaris svg, sag-icerik .icerik .lig-sayfa .lig-matris svg{width:100%; display:block;} sag-icerik .icerik .lig-sayfa .lig-oynat{align-items:center; gap:8px; padding:4px 10px 4px 2px;} sag-icerik .icerik .lig-sayfa .lig-yaris .stdkutubaslikalan .butonalan.lig-oynat{margin-left:8px;} sag-icerik .icerik .lig-sayfa .lig-oynat input[type=range]{width:200px; accent-color:var(--renk-birincil);} sag-icerik .icerik .lig-sayfa :is(.lig-tablokutu, .lig-stokkutu, .lig-karkutu) .stdkutu{padding:4px 8px 8px; overflow-x:auto; display:block;} sag-icerik .icerik .lig-sayfa .lig-tablo tr.lig-toplam td{border-top:2px solid var(--renk-kenar-acik); border-bottom:0;} sag-icerik .icerik .lig-sayfa .lig-stoktablo td a{display:block; color:inherit; cursor:pointer;} sag-icerik .icerik .lig-sayfa .lig-stoktablo td a > span{display:block; font-size:10px; color:var(--renk-yazi-soluk);} sag-icerik .icerik .lig-sayfa .lig-tablo{width:100%; border-collapse:collapse;} sag-icerik .icerik .lig-sayfa .lig-tablo th{font-size:10px; text-transform:uppercase; letter-spacing:.5px; color:var(--renk-yazi-soluk); font-weight:600; text-align:left; padding:10px; border-bottom:2px solid var(--renk-kenar-acik); white-space:nowrap;} sag-icerik .icerik .lig-sayfa .lig-tablo td{padding:8px 10px; border-bottom:1px solid var(--renk-kenar-acik); white-space:nowrap; vertical-align:middle;} sag-icerik .icerik .lig-sayfa .lig-tablo td > span, sag-icerik .icerik .lig-sayfa .lig-tablo :is(.lig-kisihucre, .lig-paycubuk) > div > span{display:block; font-size:10px; color:var(--renk-yazi-soluk);} sag-icerik .icerik .lig-sayfa .lig-tablo td > span.lig-cip, sag-icerik .icerik .lig-sayfa .lig-tablo td > span.lig-puan{display:inline-block;} sag-icerik .icerik .lig-sayfa .lig-tablo tbody tr:hover td{background:var(--renk-hover);} sag-icerik .icerik .lig-sayfa .lig-tablo tr.ilk3 td:first-child{position:relative;} sag-icerik .icerik .lig-sayfa .lig-tablo tr.ilk3 td:first-child::before{content:""; position:absolute; left:0; top:6px; bottom:6px; width:4px; border-radius:2px; background:var(--madalya);} sag-icerik .icerik .lig-sayfa .lig-tablo tr.s1{--madalya:#f6c343;} sag-icerik .icerik .lig-sayfa .lig-tablo tr.s2{--madalya:#a3afc0;} sag-icerik .icerik .lig-sayfa .lig-tablo tr.s3{--madalya:#d08a4c;} sag-icerik .icerik .lig-sayfa .lig-sira{font-size:14px;} sag-icerik .icerik .lig-sayfa .lig-degisim{display:inline !important; font-size:10px !important; font-weight:700; margin-left:4px;} sag-icerik .icerik .lig-sayfa .lig-degisim.yukari{color:var(--renk-basari) !important;} sag-icerik .icerik .lig-sayfa .lig-degisim.asagi{color:var(--renk-tehlike-koyu) !important;} sag-icerik .icerik .lig-sayfa .lig-kisihucre{display:flex; align-items:center; gap:8px;} sag-icerik .icerik .lig-sayfa .lig-paycubuk{display:flex; align-items:center; gap:8px;} sag-icerik .icerik .lig-sayfa .lig-paycubuk > i{display:block; height:6px; border-radius:3px; opacity:.85; flex:0 0 auto;} sag-icerik .icerik .lig-sayfa .lig-cip{padding:2px 8px; border-radius:10px; font-size:11px; font-weight:600;} sag-icerik .icerik .lig-sayfa .lig-cip.iyi{background:var(--cip-yesil-zemin); color:var(--cip-yesil-yazi);} sag-icerik .icerik .lig-sayfa .lig-cip.orta{background:var(--cip-turuncu-zemin); color:var(--cip-turuncu-yazi);} sag-icerik .icerik .lig-sayfa .lig-cip.kotu{background:var(--cip-kirmizi-zemin); color:var(--cip-kirmizi-yazi);} sag-icerik .icerik .lig-sayfa .lig-cip.notr{background:var(--cip-notr-zemin); color:var(--cip-notr-yazi);} sag-icerik .icerik .lig-sayfa .lig-form{display:flex; gap:3px;} sag-icerik .icerik .lig-sayfa .lig-form i{width:16px; height:16px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:8px; font-style:normal; font-weight:700;} sag-icerik .icerik .lig-sayfa .lig-form .g{background:var(--renk-basari);} sag-icerik .icerik .lig-sayfa .lig-form .m{background:var(--renk-tehlike-koyu);} sag-icerik .icerik .lig-sayfa .lig-form .b{background:var(--renk-yazi-en-soluk);} sag-icerik .icerik .lig-sayfa .lig-puan{min-width:34px; text-align:center; padding:3px 8px; border-radius:8px; background:var(--renk-birincil); color:#fff; font-weight:700;} sag-icerik .icerik .lig-sayfa .lig-kiyas .stdkutu{display:block; padding:14px 16px;} sag-icerik .icerik .lig-sayfa .lig-kiyas-secim{display:flex; align-items:center; gap:10px; flex-wrap:wrap;} sag-icerik .icerik .lig-sayfa .lig-kiyas-secim select{font:inherit; padding:7px 10px; border-radius:8px; border:1px solid var(--renk-kenar); background:var(--renk-yuzey); color:var(--renk-yazi); flex:1 1 160px; min-width:0;} sag-icerik .icerik .lig-sayfa .lig-kiyas-secim span{font-weight:700; color:var(--renk-yazi-soluk);} sag-icerik .icerik .lig-sayfa .lig-radar{width:100%; max-width:420px; display:block; margin:6px auto 0;} sag-icerik .icerik .lig-sayfa .lig-kelebek .satir{display:grid; grid-template-columns:96px 1fr 104px 1fr 96px; align-items:center; gap:8px; padding:6px 0; border-bottom:1px solid var(--renk-kenar-acik);} sag-icerik .icerik .lig-sayfa .lig-kelebek .satir.baslik{border-bottom:2px solid var(--renk-kenar-acik); font-weight:600;} sag-icerik .icerik .lig-sayfa .lig-kelebek .satir.baslik .lig-avatar{width:34px; height:34px;} sag-icerik .icerik .lig-sayfa .lig-kelebek .sol-ad{text-align:right;} sag-icerik .icerik .lig-sayfa .lig-kelebek :is(.sol-ad, .sag-ad) b{display:inline-block; margin:0 6px; padding:1px 7px; border-radius:7px; background:var(--renk-birincil); color:#fff;} sag-icerik .icerik .lig-sayfa .lig-kelebek :is(.sol, .sag){height:14px; border-radius:7px; background:var(--renk-arkaplan-hover); position:relative; overflow:hidden;} sag-icerik .icerik .lig-sayfa .lig-kelebek :is(.sol, .sag) i{position:absolute; top:0; bottom:0; border-radius:7px; transition:width .6s cubic-bezier(.2,.8,.2,1);} sag-icerik .icerik .lig-sayfa .lig-kelebek .sol i{right:0;} sag-icerik .icerik .lig-sayfa .lig-kelebek .sag i{left:0;} sag-icerik .icerik .lig-sayfa .lig-kelebek .etiket{text-align:center; font-weight:600; color:var(--renk-yazi-orta); font-size:11px;} sag-icerik .icerik .lig-sayfa .lig-kelebek .d1{text-align:right; font-weight:600;} sag-icerik .icerik .lig-sayfa .lig-kelebek .d2{font-weight:600;} sag-icerik .icerik .lig-sayfa .lig-kartkutu .stdkutu{display:block; padding:16px;} sag-icerik .icerik .lig-sayfa .lig-kartlar{display:grid; grid-template-columns:repeat(auto-fill, minmax(190px, 1fr)); gap:16px;} sag-icerik .icerik .lig-sayfa .lig-kart-not{margin-bottom:14px;} sag-icerik .icerik .lig-sayfa .lig-kart .neden{display:flex; flex-direction:column; gap:2px; margin-top:8px; font-size:10.5px; line-height:1.4;} sag-icerik .icerik .lig-sayfa .lig-kart .neden span{display:flex; gap:5px; align-items:baseline;} sag-icerik .icerik .lig-sayfa .lig-kart .neden i{width:10px; font-size:9px;} sag-icerik .icerik .lig-sayfa .lig-kart{position:relative; border-radius:16px; padding:14px 14px 10px; color:#fff; overflow:hidden; transition:transform .25s, box-shadow .25s; box-shadow:var(--golge-md); background:linear-gradient(155deg, var(--k1) 0%, var(--k2) 100%);} sag-icerik .icerik .lig-sayfa .lig-kart:hover{transform:translateY(-6px) rotate(-.6deg); box-shadow:var(--golge-xl);} sag-icerik .icerik .lig-sayfa .lig-kart::after{content:""; position:absolute; inset:-40% -60% auto auto; width:180px; height:180px; background:radial-gradient(circle, rgba(255,255,255,.28), transparent 65%); pointer-events:none;} sag-icerik .icerik .lig-sayfa .lig-kart.altin{--k1:#f9d976; --k2:#c98a05; color:#3d2a00;} sag-icerik .icerik .lig-sayfa .lig-kart.gumus{--k1:#e3e8ef; --k2:#8a97aa; color:#1f2937;} sag-icerik .icerik .lig-sayfa .lig-kart.bronz{--k1:#f0b98a; --k2:#9a5523; color:#2f1606;} sag-icerik .icerik .lig-sayfa .lig-kart.normal{--k1:#3b4f93; --k2:#1e2d5a;} sag-icerik .icerik .lig-sayfa .lig-kart .ust{display:flex; justify-content:space-between; align-items:flex-start;} sag-icerik .icerik .lig-sayfa .lig-kart .puan{font-size:34px; font-weight:700; line-height:1;} sag-icerik .icerik .lig-sayfa .lig-kart .puan small{display:block; font-size:10px; font-weight:600; letter-spacing:1px; opacity:.75;} sag-icerik .icerik .lig-sayfa .lig-kart .lig-avatar{width:56px; height:56px; font-size:18px; border:3px solid rgba(255,255,255,.7);} sag-icerik .icerik .lig-sayfa .lig-kart .ad{margin-top:10px; font-weight:700; font-size:12px; letter-spacing:.4px; border-bottom:1px solid currentColor; padding-bottom:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} sag-icerik .icerik .lig-sayfa .lig-kart .ist{display:grid; grid-template-columns:1fr 1fr; gap:4px 12px; margin-top:8px;} sag-icerik .icerik .lig-sayfa .lig-kart .ist div{display:flex; justify-content:space-between; font-size:11px;} sag-icerik .icerik .lig-sayfa .lig-kart .ist b{font-size:13px;} sag-icerik .icerik .lig-sayfa .lig-kart svg{margin-top:6px; width:100%; height:30px; display:block;} /*#endregion*/ /* ======================== 4 · TABLO ======================== */ /*#region Tablo Base Reset*/ table{border-collapse:collapse;} /*#endregion*/ /*#region Tablo Kapsayıcı*/ .tablo-kapsayici{display:block; width:100%; min-width:0;} .tablo-kapsayici > table{width:100%;} /*#endregion*/ /*#region Tablo*/ .filtreler{display:flex; flex-wrap:nowrap; overflow-x:auto; align-items:center; flex-shrink:0;} .filtreler:empty{display:none;} .filtreler::-webkit-scrollbar{display:none;} .filtreler > span{font-size:12px; margin:0 3px 6px 3px; background:var(--renk-turuncu-filtre); color:#fff; border-radius:5px; padding:5px 8px; display:flex; align-items:center; text-align:left;} .filtreler > button.tumfiltreleritemizle{font-size:13px; margin:0 3px 6px 3px; background:var(--renk-tehlike); color:#fff; border-radius:5px; width:28px; height:28px; padding:0; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;} .filtreler > span.genelarama{background:#727c93;} .filtreler > span .baslik{font-size:8px; text-transform:uppercase; font-weight:700;} .filtreler > span .veri{line-height:1;} .filtreler > span i.filtresil{font-size:14px; margin-left:10px; cursor:pointer; transition:.2s;} .filtreler > span i.filtresil:hover{transform:scale(1.2);} .filtreler > span i.genelaramafiltresil{font-size:14px; margin-left:10px; cursor:pointer; transition:.2s;} .filtreler > span i.genelaramafiltresil:hover{transform:scale(1.2);} #tablo{width:100%; height:100%;} #tablo th{padding:10px 20px 10px 8px; background:var(--renk-birincil-en-koyu); color:#fff; font-weight:400; font-size:12px; position:sticky; top:0px; z-index:5; line-height:16px; white-space:nowrap; overflow:hidden;} #tablo th.nofilter{padding:10px 8px 10px 8px;} #tablo th:after{content:""; height:100%; width:1px; position:absolute; right:0; top:0; background:rgba(0,0,0,0.1); display:block;} #tablo thead tr{background:var(--renk-birincil-en-koyu);} #tablo thead tr.filters{background:#565b6d;} #tablo tr.filters th.ozelfiltre-panel{background:#5b6ba3;} #tablo tr.filters th{padding:0px; border-radius:0 !important; background:#565b6d; position:sticky; top:var(--head-1); z-index:4;} #tablo tr.filters th i.fa-search, #tablo tr.filters th i.fa-filter{position:absolute; left:10px; top:48%; transform:translateY(-50%); font-size:8px;} #tablo tr.filters th input{padding:8px 8px 8px 25px; width:100%; font-size:11px; background:none; border:0; color:#fff;} #tablo tr.filters th input::placeholder{color:#ffffff88;} #tablo tr.filters th select{padding:8px 8px 8px 25px; width:100%; font-size:11px; background:#565b6d; border:0; color:#fff;} #tablo [data-name="MarkaUreticiKoduOem"]{min-width:200px;} #tablo [data-name="StokAdiArac"]{min-width:200px;} #tablo [data-name="DurumYorum"]{min-width:260px;} #tablo [data-name="DatMiktar"]{max-width:170px;} #tablo .width10{width:10px;} #tablo .width20{width:20px;} #tablo .width30{width:30px;} #tablo .width40{width:40px;} #tablo .width50{width:50px;} #tablo .width60{width:60px;} #tablo .width70{width:70px;} #tablo .width80{width:80px;} #tablo .width90{width:90px;} #tablo .width100{width:100px;} #tablo .width110{width:110px;} /* Yalnız sayı YAZAN (input'suz) kolonlar. */ #tablo .td-sayili{width:58px; min-width:58px; max-width:58px; text-align:center;} #tablo th.td-sayili{padding-left:6px; padding-right:14px;} #tablo tr.filters th.td-sayili{padding:0;} #tablo tr.filters th.td-sayili > i{display:none;} #tablo tr.filters th.td-sayili input{padding:8px 4px; text-align:center;} /* Oran/iskonto input'u taşıyan kolonlar: sembol + 40px input + td dolgusu ≈ 72px. max-width verilmez, içerik kırpılmasın. */ #tablo .td-oranli{width:72px; min-width:72px; text-align:center;} #tablo th.td-oranli{padding-left:6px; padding-right:14px;} #tablo tr.filters th.td-oranli{padding:0;} #tablo tr.filters th.td-oranli > i{display:none;} #tablo tr.filters th.td-oranli input{padding:8px 4px; text-align:center;} #tablo .tablostdbuton{width:25px; height:25px; border-radius:5px; background:#3e5cbf; color:#fff; font-size:14px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; padding:0;} #tablo .tablostdbuton > i{width:100%; text-align:center; display:inline-block; line-height:1;} #tablo .tablostdbuton + .tablostdbuton{margin-left:4px;} #tablo .sepeteekle{background:#2ed7c7; color:#fff;} #tablo .listedensil{background:#f00; color:#fff;} #tablo .sepettensil, #tablo .satirsil, #tablo .kalemsil{background:#ad0000; color:#fff;} #tablo .dokumanac, #tablo .ihracatdokumanac{background:#eb9711; color:#fff;} #tablo .dokumanac.dokuman-yok, #tablo .ihracatdokumanac.dokuman-yok{background:#ccc;} #tablo .ihracatpaletac{background:#6d28d9; color:#fff;} #tablo .ihracataaktar{background:var(--renk-teal); color:#fff;} #tablo .ihracattangerial{background:#f59e0b; color:#fff;} /* Tablo içi durum seçici. Yeni bir select eklerken sınıfını bu üç kuralın seçici listesine ekle — .satir-mensei / .maliyet-doviz ikilisinde olduğu gibi. */ #tablo .yuklemedurumsec, #tablo .iadetipi{height:30px; min-width:130px; padding:0 26px 0 10px; border:1px solid #dce3ec; border-radius:6px; background-color:#fff; font-size:11px; color:#1e293b; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 8px center; background-size:12px; transition:border-color .15s, box-shadow .15s;} #tablo .yuklemedurumsec:hover, #tablo .iadetipi:hover{border-color:#b9c4d6;} #tablo .yuklemedurumsec:focus, #tablo .iadetipi:focus{outline:none; border-color:var(--renk-birincil, #2f4dbf); box-shadow:0 0 0 2px rgba(47,77,191,0.10);} /*#region Custom Filter Dropdown*/ .dt-filter-select{display:none !important;} .dt-custom-dd{position:relative; display:block; width:100%;} .dt-custom-dd-btn{display:flex; align-items:center; justify-content:space-between; width:100%; padding:8px 8px 8px 25px; background:transparent; border:0; cursor:pointer; font-size:11px; color:#fff; gap:6px; text-align:left; line-height:1.4; box-sizing:border-box;} .dt-custom-dd-btn .dd-label{flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#ffffff88; transition:color .15s;} .dt-custom-dd-btn.secili .dd-label{color:#fff; font-weight:600;} .dt-custom-dd-btn .dd-arrow{font-size:8px; color:#ffffff55; transition:transform .15s; flex-shrink:0;} .dt-custom-dd.acik .dt-custom-dd-btn .dd-arrow{transform:rotate(180deg);} /* Giris acilirmenu / sag tik menusuyle ayni dil: kutu YERINDE duruyor ve yalniz soluyor, maddeler birbiri ardina doluyor. */ .dt-custom-dd-list{position:fixed; top:0; left:0; min-width:130px; max-height:220px; overflow-y:auto; background:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:8px; box-shadow:0 6px 20px rgba(0,0,0,0.15); z-index:9999; padding:4px; list-style:none; margin:0; opacity:0; transition:opacity .12s ease; pointer-events:none;} .dt-custom-dd.acik .dt-custom-dd-list{opacity:1; pointer-events:auto;} .dt-custom-dd-list.giris li{animation:sagtikSatir .34s cubic-bezier(.32,.72,0,1) backwards; animation-delay:calc(min(var(--sira, 0), 8) * 42ms);} @media (prefers-reduced-motion: reduce){ .dt-custom-dd-list.giris li{animation:none;} } .dt-custom-dd-list li{padding:6px 10px; border-radius:6px; cursor:pointer; font-size:11px; color:var(--renk-yazi); white-space:nowrap; transition:background .1s; text-align:left;} .dt-custom-dd-list li:hover{background:var(--renk-arkaplan-hover);} .dt-custom-dd-list li.secili{background:var(--renk-birincil); color:#fff; font-weight:600;} .dt-custom-dd-list li.secili:hover{background:var(--renk-birincil-koyu);} /* Coklu secim (yalniz istemci tarafi tablolar): madde onay kutusu gibi duruyor, menu her tiklamada kapanmadigi icin secimin nerede oldugu gorunmeli. */ .dt-custom-dd-list li.dd-cokluog{display:flex; align-items:center; gap:8px; padding-left:8px;} .dt-custom-dd-list li.dd-cokluog:before{content:''; flex-shrink:0; width:13px; height:13px; border-radius:3px; border:1.5px solid var(--renk-yazi-en-soluk); background:#fff; transition:background .12s, border-color .12s;} /* Secili madde tum satiri boyamiyor: kutu kalkip yerine yalniz tik kaliyor, yazi koyulasip kalinlasiyor. Dolu zemin uzun listede satir satir blok cikariyordu. */ .dt-custom-dd-list li.dd-cokluog.secili{background:transparent; color:var(--renk-birincil); font-weight:600;} .dt-custom-dd-list li.dd-cokluog.secili:hover{background:var(--renk-arkaplan-hover);} .dt-custom-dd-list li.dd-cokluog.secili:before{border-color:transparent; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m4 10.5 4 4L16 6'/%3E%3C/svg%3E") center/13px 13px no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m4 10.5 4 4L16 6'/%3E%3C/svg%3E") center/13px 13px no-repeat;} /* "Tümünü Seç" anahtari: liste maddesi degil baslik gibi dursun. */ .dt-custom-dd-list li.dd-cokluog[data-val=""]{font-weight:600; border-bottom:1px solid var(--renk-kenar-acik); border-radius:6px 6px 0 0; margin-bottom:2px;} /*#endregion*/ #tablo th:nth-of-type(1){border-top-left-radius:8px;} #tablo th:nth-last-of-type(1){border-top-right-radius:8px;} #tablo td{padding:5px 8px; font-weight:400; font-size:12px; border:1px solid #ddd; line-height:16px; position:relative;} #tablo tbody tr.odendi{background:#eefff4; color:#0a7637;} #tablo tbody tr.protesto{background:#ffe9e9; color:#9d0000;} #tablo tbody tr:hover{background:var(--renk-hover);} #tablo tbody tr.sonaktif{background:var(--renk-secili);} #tablo th.solsticky{position:sticky; z-index:5; left:0; background:var(--renk-birincil-en-koyu);} #tablo tr.filters th.solsticky{z-index:6;} #tablo td.solsticky{position:sticky; z-index:2; left:0; background:#fff;} #tablo tbody tr:hover td.solsticky{background:var(--renk-hover);} #tablo tbody tr.sonaktif td.solsticky{background:var(--renk-secili);} #tablo td.solsticky.sonaktif{background:var(--renk-secili); transition:0;} #tablo td.solsticky::after{content:""; position:absolute; inset:0; width:calc(100% + 1px); z-index:-1; border-right:inherit;} #tablo thead tr.filters th:before, #tablo thead tr.filters th:after{display:none;} #tablo thead tr.filters th:after{content:""; height:100%; width:1px; position:absolute; right:0; top:0; background:rgba(0,0,0,0.1); display:block;} #tablo td .sifregoster, #tablo td .sifregizle{color:var(--renk-tehlike); margin-right:5px;} #tablo td .secim-kutusu{width:18px; height:18px; border-radius:5px;} #tablo td .secim-kutusu.tip1:checked{background-color:#0dcafd; border-color:#0dcafd;} #tablo td .secim-kutusu.tip2:checked{background-color:#2ed7c7; border-color:#2ed7c7;} #tablo td .secim-kutusu.tip3:checked{background-color:var(--renk-basari); border-color:var(--renk-basari);} #tablo td .secim-kutusu.tip4:checked{background-color:var(--renk-uyari); border-color:var(--renk-uyari);} #tablo td .secim-kutusu.tip5:checked{background-color:#e63131; border-color:#e63131;} #tablo td .markalogo{max-width:50px; mix-blend-mode:multiply;} #tablo td .stokresim{max-width:30px; mix-blend-mode:multiply; cursor:pointer; transition:.2s;} #tablo td .stokresim:Hover{transform:scale(1.2);} #tablo td input:not([type="checkbox"]){width:80px; height:100%; border:none; padding:5px; background:transparent none;} #tablo td input.aciklama-genis{width:150px;} #tablo td.ta-right input{text-align:right;} #tablo td select.satir-mensei, #tablo td select.maliyet-doviz{max-width:130px; height:28px; padding:0 6px; border:1px solid var(--renk-kenar); border-radius:5px; background:#fff; font-size:11px; font-family:var(--font-aile); cursor:pointer;} #tablo td select.maliyet-doviz{max-width:48px; flex-shrink:0;} #tablo td select.satir-mensei:focus, #tablo td select.maliyet-doviz:focus{outline:none; border-color:var(--renk-birincil);} #tablo td:has(input[readonly]:not([type=checkbox])), #tablo td.readonly, #tablo tr.readonly td{background:repeating-linear-gradient(135deg, rgba(0,0,0,0.1) 0, rgba(0,0,0,0.1) 10%, transparent 0, transparent 50%) !important; background-size:8px 8px !important; background-color:rgba(0,0,0,0); opacity:1 !important; color:rgba(0,0,0,0.5); cursor:default;} #tablo td.readonly2, #tablo tr.readonly2 td{background:repeating-linear-gradient(135deg, rgba(255, 0, 0, 0.10) 0, rgba(255,0,0,0.1) 10%, transparent 0, transparent 50%) !important; background-size:8px 8px !important; background-color:rgba(255,0,0,0.02); opacity:1 !important; color:rgba(0,0,0,0.5); cursor:default;} input[readonly]:not([type=checkbox]){color:rgba(0,0,0,0.5);} #tablo td:has(input:not([type="checkbox"])):not(:has(.aciklama-satir-alan)):not(:has(.balon)):hover::before, #tablo td:has(textarea):not(:has(.aciklama-satir-alan)):hover::before{content:'\f303'; font-family:'Font Awesome 6 Pro'; font-weight:400; position:absolute; top:5px; left:5px; color:rgba(0,0,0,0.5);} #tablo .ekalanaciklama{font-size:11px; display:block; color:var(--renk-tehlike); margin-top:5px;} #tablo .shcariisim{min-width:200px;} #tablo td.shcariisim{white-space:normal;} #tablo .shiadekalem{display:inline-flex; align-items:center; gap:5px; margin-top:5px; padding:2px 7px; border-radius:6px; background:#fff4e5; border:1px solid #ffd9a8; color:#b26b00; font-size:10.5px; font-weight:600; cursor:pointer; white-space:nowrap;} #tablo .shiadekalem:hover{background:#ffe9cc;} #tablo .shiadekalem i{font-size:10px;} #tablo .shbelge-alan{margin-top:5px;} #tablo .shbelgebilgi{display:inline-flex; align-items:center; gap:5px; padding:3px 6px 2px 6px; border-radius:6px; background:#fff1f1; border:1px solid #f6c9c9; color:var(--renk-tehlike); font-size:9px; font-weight:700; letter-spacing:.3px; cursor:pointer; white-space:nowrap; margin-left:5px;} #tablo .shbelgebilgi:hover{background:var(--renk-tehlike); border-color:var(--renk-tehlike); color:#fff;} #tablo .shbelgebilgi i{font-size:10px;} #tablo .shbelgebilgi.malkabul{background:#fffdee; border-color:#ffedc7; color:#bf832f;} #tablo .shbelgebilgi.malkabul:hover{background:#2f4dbf; border-color:#2f4dbf; color:#fff;} .balon.shbelge-balon{--balon-zemin:#fffbeb; --balon-kenar:#fbe6a2; min-width:230px;} .balon.shbelge-balon.malkabul{--balon-zemin:#f1f7ff; --balon-kenar:#c7dcff;} .balon.shbelge-balon .baslik{color:var(--renk-tehlike);} .balon.shbelge-balon .cari{font-size:11px; font-weight:700; color:var(--renk-yazi); line-height:1.35;} .balon.shbelge-balon .cari span{font-weight:400;} .balon.shbelge-balon .tedarik{font-size:10px; color:var(--renk-yazi-soluk);} .balon.shbelge-balon .belge{display:inline-flex; align-items:center; gap:5px; margin-top:3px; padding:2px 7px; border-radius:6px; background:var(--renk-tehlike); color:#fff; font-size:10.5px; font-weight:600; cursor:pointer; white-space:nowrap;} .balon.shbelge-balon .belge:hover{filter:brightness(1.1);} .balon.shbelge-balon .belge i{font-size:10px;} #tablo td.shbelgeno{position:relative;} #tablo td.shbelgeno .shbelgeikon{display:inline-flex; align-items:center; gap:4px;} #tablo td.shbelgeno .shbelgeikon .belgesiz{display:none;} #tablo td.shmiktaryok{font-weight:300; color:var(--renk-yazi-en-soluk);} #tablo td.shmiktarvar{font-weight:700;} #tablo td.shbakiyeeksi{color:var(--renk-tehlike);} #tablo td.shbakiyearti{color:var(--renk-basari);} #tablo tr.shiadegirisi td[data-name="HareketTuruAciklama"]{color:var(--renk-tehlike); font-weight:700;} /* Tedarikçi ünvanı tek satır: .ellipsis sabit 200px, hücre daralınca taşıyor. Hücre genişliğine uyması için burada genişlik sıfırlanır. */ #tablo td[data-name="TedarikciCariIsim"] .ellipsis{width:auto; max-width:300px; margin-bottom:5px;} body[data-controller="Ihracat"] #tablo td[data-name="MusteriAdi"] .ellipsis{width:auto; max-width:260px;} body[data-controller="Ihracat"] #tablo td[data-name="EkleyenKullaniciAdiSoyadi"] .ellipsis{width:auto; max-width:150px;} body[data-action="IthalatIhracatTalepListe"] #tablo td[data-name="Cari"] .ellipsis{width:auto; max-width:170px;} body:is([data-action="IthalatSiparisListe"], [data-action="IthalatSepetListe"], [data-action="IthalatGerceklesenListe"], [data-action="IthalatDurumListe"], [data-action="IhracatSepetListe"], [data-action="IhracatMaliyetListe"], [data-action="IhracatTeklifListe"]) #tablo td[data-name="GenelAciklama"] .ellipsis{width:auto; max-width:220px;} body[data-action="IhracatSiparisListe"] #tablo td[data-name="GenelAciklama"] .ellipsis{width:auto; max-width:240px;} body[data-action="IhracatSiparisListe"] #tablo td[data-name="MusteriAdi"] .ellipsis{max-width:225px;} body[data-action="IhracatSiparisListe"] #tablo td[data-name="EkleyenKullaniciAdiSoyadi"] .ellipsis{max-width:110px;} body:is([data-action="IthalatSiparisListe"], [data-action="IthalatGerceklesenListe"], [data-action="IthalatDurumListe"]) #tablo td[data-name="SipMasterId"] .dokumanac{margin-left:6px; padding:0; background:none; color:var(--renk-birincil); font-size:13px; cursor:pointer;} body:is([data-action="IthalatSiparisListe"], [data-action="IthalatGerceklesenListe"], [data-action="IthalatDurumListe"]) #tablo td[data-name="SipMasterId"] .dokumanac:hover{color:var(--renk-birincil-koyu);} #tablo td[data-name="SipMasterId"] i.ihracatdokumanac{margin-left:6px; color:var(--renk-birincil); font-size:13px; cursor:pointer;} #tablo td[data-name="SipMasterId"] i.ihracatdokumanac:hover{color:var(--renk-birincil-koyu);} body[data-action="IthalatDurumListe"] #tablo td:is([data-name="MalzemeAdi"], [data-name="IthalatOdemeSekliAdi"]) .ellipsis{width:auto; max-width:140px;} body[data-action="IthalatDurumListe"] #tablo td[data-name="GenelAciklama"] .ellipsis{max-width:160px;} body[data-action="B2BKampanyaListe"] #tablo td:is([data-name="StokAdi"], [data-name="MarkaAdi"]) .ellipsis{width:auto; max-width:120px;} body[data-action="RaporKampanyaRagbet"] #tablo td:is([data-name="StokAdi"], [data-name="MarkaAdi"]) .ellipsis{width:auto; max-width:100px;} body[data-action="B2BDuyuruListe"] #tablo td[data-name="ResimUrl"] img.stokresim{width:48px; max-width:none; height:28px; object-fit:cover; border-radius:4px; display:block; margin:0 auto;} body[data-action="B2BDuyuruListe"] #tablo td[data-name="Aciklama"] .ellipsis{width:auto; max-width:420px;} body:is([data-action="StokListe"], [data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="StokAlimListe"], [data-action="StokAsgariListe"], [data-action="IthalatStokListe"], [data-action="IthalatIhracatTalepListe"]) #tablo td[data-name="StokAdi"] > .ellipsis{width:auto; max-width:160px;} body:is([data-action="StokListe"], [data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="StokAlimListe"], [data-action="StokAsgariListe"], [data-action="IthalatStokListe"], [data-action="IthalatIhracatTalepListe"]) #tablo td[data-name="StokAdi"] .tabloayir{font-weight:500;} body:is([data-action="StokListe"], [data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="StokAlimListe"], [data-action="StokAsgariListe"], [data-action="IthalatStokListe"], [data-action="IthalatIhracatTalepListe"]) #tablo td[data-name="StokAdi"] .tabloayir .ellipsis{display:inline-block; width:auto; max-width:142px; vertical-align:middle;} body:is([data-action="StokListe"], [data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="StokAlimListe"], [data-action="StokAsgariListe"], [data-action="IthalatStokListe"], [data-action="IthalatIhracatTalepListe"]) #tablo tr.filters th:has(> input + input) > input{float:left; width:50%;} body:is([data-action="StokListe"], [data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="StokAlimListe"], [data-action="StokAsgariListe"], [data-action="IthalatStokListe"], [data-action="IthalatIhracatTalepListe"]) #tablo tr.filters th:has(> input + input) > input + input{padding-left:8px; border-left:1px solid #ffffff33;} body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="StokAlimListe"], [data-action="StokAsgariListe"], [data-action="IthalatStokListe"], [data-action="IthalatIhracatTalepListe"]) #tablo td[data-name="StokAdi"]{width:100%;} body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="StokAlimListe"], [data-action="StokAsgariListe"], [data-action="IthalatStokListe"], [data-action="IthalatIhracatTalepListe"]) #tablo td[data-name="StokAdi"] > .ellipsis{width:0; min-width:100%; max-width:none;} body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="StokAlimListe"], [data-action="StokAsgariListe"], [data-action="IthalatStokListe"], [data-action="IthalatIhracatTalepListe"]) #tablo td[data-name="StokAdi"] .tabloayir{display:flex; align-items:center; gap:4px; min-width:0;} body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="StokAlimListe"], [data-action="StokAsgariListe"], [data-action="IthalatStokListe"], [data-action="IthalatIhracatTalepListe"]) #tablo td[data-name="StokAdi"] .tabloayir .ellipsis{flex:1 1 0; width:0; min-width:0; max-width:none;} body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="CariAylikSatisListe"], [data-action="CariAylikAlisListe"]) #tablo tbody tr.sube-dokumlu{cursor:pointer;} body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="CariAylikSatisListe"], [data-action="CariAylikAlisListe"]) #tablo tbody tr.sube-dokumlu > td[data-name="SubeKodu"] i{margin-left:4px; color:var(--renk-birincil); transition:transform .15s;} body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="CariAylikSatisListe"], [data-action="CariAylikAlisListe"]) #tablo tbody tr.sube-acik > td[data-name="SubeKodu"] i{transform:rotate(180deg);} body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="CariAylikSatisListe"], [data-action="CariAylikAlisListe"]) #tablo tbody tr.sube-acik{background:var(--renk-arkaplan-acik);} body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="CariAylikSatisListe"], [data-action="CariAylikAlisListe"]) #tablo tbody tr.sube-acik > td{vertical-align:top;} body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="CariAylikSatisListe"], [data-action="CariAylikAlisListe"]) #tablo tbody .aylik-ust{min-height:22px; line-height:22px;} body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="CariAylikSatisListe"], [data-action="CariAylikAlisListe"]) #tablo tbody tr:not(.sube-acik) .aylik-dokum, body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="CariAylikSatisListe"], [data-action="CariAylikAlisListe"]) #tablo tbody .aylik-m{display:none;} body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="CariAylikSatisListe"], [data-action="CariAylikAlisListe"]) #tablo tbody .aylik-dokum{margin-top:2px; border-top:1px solid var(--renk-kenar-acik);} body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="CariAylikSatisListe"], [data-action="CariAylikAlisListe"]) #tablo tbody .aylik-dokum > div{height:24px; line-height:24px; font-size:9px; white-space:nowrap;} body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="CariAylikSatisListe"], [data-action="CariAylikAlisListe"]) #tablo tbody .aylik-dokum .sayim-onceki{font-size:9px;} body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="CariAylikSatisListe"], [data-action="CariAylikAlisListe"]) #tablo tbody .aylik-dokum .sayim-onceki{margin-top:0;} body:is([data-action="CariAylikSatisListe"], [data-action="CariAylikAlisListe"]) #tablo tbody tr.sube-acik .aylik-ust .ekleyen-tarih{display:none;} body:is([data-action="CariAylikSatisListe"], [data-action="CariAylikAlisListe"]) #tablo .tutar-tam{display:none;} body:is([data-action="CariAylikSatisListe"], [data-action="CariAylikAlisListe"]) #tablo td[data-name="CariIsim"]{width:100%;} body:is([data-action="CariAylikSatisListe"], [data-action="CariAylikAlisListe"]) #tablo td[data-name="CariIsim"] .ellipsis{width:0; min-width:100%; max-width:none;} body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"]) #tablo tbody td[data-name="Bakiyeler"]{white-space:nowrap;} body:is([data-action="StokAylikSatisListe"], [data-action="StokAylikAlisListe"], [data-action="CariAylikSatisListe"], [data-action="CariAylikAlisListe"]) #tablo :is(th, td):is(.kart-gizli, [data-name="Toplam"]){padding-left:5px; padding-right:5px;} body[data-action="StokAlimListe"] #tablo td[data-name="OzelCariFiltre"]{min-width:150px;} body[data-action="StokAlimListe"] #tablo td[data-name="OzelCariFiltre"] .g-blok{white-space:nowrap;} #tablo td[data-name="AsgariStok"] input.asgari-bakilmaz{color:var(--renk-yazi-en-soluk); font-style:italic;} body[data-action="StokListe"] #tablo td .para-alan input{width:64px !important;} body[data-action="StokListe"] #tablo td:has(.para-alan input){width:auto;} body[data-action="B2BYazimDuzeltmeListe"] #tablo td[data-name="LstDuzeltilen"]{width:100%;} body[data-action="B2BYazimDuzeltmeListe"] #tablo td[data-name="LstDuzeltilen"] .ellipsis{width:0; min-width:100%;} body[data-action="B2BRiskListe"] #tablo td[data-name="LstNeden"]{width:100%;} body[data-action="B2BRiskListe"] #tablo td[data-name="LstNeden"] .ellipsis{width:0; min-width:100%;} body[data-action="B2BBotUyariListe"] #tablo td[data-name="SonAramaTarihi"]{width:100%;} body[data-action="B2BBotUyariListe"] #tablo td[data-name="SonAramaTarihi"] .ellipsis{width:0; min-width:100%;} /* Eksik & Fazla ekranında tedarikçi açıklaması — tam genişlik ve çerçeveli. Taban kural (#tablo td input) border'ı siliyor; buradaki daha sonra geldiği için kazanır. */ #tablo td .aciklama-satir-alan input.tedarikciaciklama{border:1px solid #dce3ec; border-radius:6px; background:#fff; padding:4px 8px 4px 22px !important; font-size:11px; height:auto; margin-top:5px;} #tablo td .tedarikci-aciklama-alan{font-size:11px; height:auto; margin-top:5px; font-style:italic;} #tablo td .aciklama-satir-alan input.tedarikciaciklama:focus{border-color:var(--renk-birincil); outline:none;} #tablo td .aciklama-satir-alan:has(input.tedarikciaciklama):before{top:10px; left:7px;} #tablo .ekalan-alan{display:flex; align-items:baseline; gap:5px; margin-top:5px;} #tablo .ekalanmetin{font-size:11px; color:#7c3aed; white-space:normal;} #tablo .ekalanduzenle{font-size:10px; color:var(--renk-yazi-en-soluk); cursor:pointer; flex-shrink:0;} #tablo .ekalanduzenle:hover{color:var(--renk-birincil);} .balon.ekalan-balon{min-width:250px; align-items:stretch; gap:6px;} .balon.ekalan-balon input.ekalandegistir{width:100% !important; padding:6px 8px; border:1px solid #e2e8f0 !important; border-radius:6px; background:#f8fafc; font-size:12px; color:var(--renk-yazi);} .balon.ekalan-balon input.ekalandegistir:focus{border-color:var(--renk-birincil); background:#fff; outline:none;} /* İade yönetiminde tedarikçi tespiti. Kalem ekalanduzenle ile aynı ölçüde; tespit yoksa uyarı rozetinin kendisi balonu açıyor, ayrı tetikleyici yok. */ #tablo .alis-alan{display:inline-flex; align-items:center; gap:5px;} #tablo .alisduzenle{font-size:10px; color:var(--renk-yazi-en-soluk); cursor:pointer; flex-shrink:0;} #tablo .alisduzenle:hover{color:var(--renk-birincil);} .balon.alis-balon{min-width:240px; align-items:stretch; gap:6px;} .balon.alis-balon .tedarikcisil{display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:6px 8px; border:1px solid #fecaca; border-radius:6px; background:#fee2e2; color:#991b1b; font-size:11px; font-weight:600; cursor:pointer;} .balon.alis-balon .tedarikcisil:hover{background:#fecaca;} /* İade siparişinde alış faturası seçimi. Liste balonun içinde kaydırılıyor; renkler token üzerinden, koyu temada ayrı kural gerekmiyor. */ #tablo .alisfaturaac{font-size:10px; color:var(--renk-yazi-en-soluk); cursor:pointer; flex-shrink:0;} #tablo .alisfaturaac:hover{color:var(--renk-birincil);} .balon.alisfatura-balon{min-width:250px; align-items:stretch; gap:6px;} .balon.alisfatura-balon .alisfatura-liste{display:flex; flex-direction:column; gap:2px; max-height:260px; overflow-y:auto;} .balon.alisfatura-balon .alisfatura-secenek{display:flex; flex-direction:column; gap:1px; width:100%; padding:4px 6px; border-radius:5px; cursor:pointer;} .balon.alisfatura-balon .alisfatura-secenek:hover{background:rgba(127,127,127,.14);} .balon.alisfatura-balon .alisfatura-secenek.secili, .balon.alisfatura-balon .alisfatura-secenek.secili:hover{background:var(--renk-birincil);} .balon.alisfatura-balon .alisfatura-secenek.secili b{color:#fff;} .balon.alisfatura-balon .alisfatura-secenek.secili small{color:rgba(255,255,255,.78);} .balon.alisfatura-balon .alisfatura-secenek b{font-size:11.5px; font-weight:700; color:var(--renk-yazi);} .balon.alisfatura-balon .alisfatura-secenek small{font-size:10px; color:var(--renk-yazi-soluk);} .balon.alisfatura-balon .alisfatura-bos{font-size:11px; color:var(--renk-yazi-soluk); padding:4px 6px;} .balon.alisfatura-balon .alisfatura-elle{display:flex; flex-direction:column; gap:4px; padding-top:6px; border-top:1px solid var(--renk-kenar);} .balon.alisfatura-balon .alisfatura-elle-ikili{display:flex; gap:4px;} .balon.alisfatura-balon .alisfatura-elleseri{flex:0 0 46%; text-transform:uppercase;} .balon.alisfatura-balon .alisfatura-onizleme:not(:empty){font-size:11px; font-weight:700; letter-spacing:.3px; color:var(--renk-birincil); padding:2px 4px;} .balon.alisfatura-balon .alisfatura-elle input{width:100%; padding:4px 6px; border:1px solid var(--renk-kenar); border-radius:5px; background:var(--renk-yuzey); color:var(--renk-yazi); font-size:11.5px;} .balon.alisfatura-balon .alisfatura-elle input:focus{border-color:var(--renk-birincil); outline:none;} .balon.alisfatura-balon .alisfatura-ellekaydet{display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:5px 8px; border:1px solid var(--renk-kenar); border-radius:6px; background:var(--renk-yuzey-2); color:var(--renk-yazi); font-size:11px; font-weight:600; cursor:pointer;} .balon.alisfatura-balon .alisfatura-ellekaydet:hover{border-color:var(--renk-birincil); color:var(--renk-birincil);} .balon.alisfatura-balon .alisfaturasil{display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:6px 8px; border:1px solid #fecaca; border-radius:6px; background:#fee2e2; color:#991b1b; font-size:11px; font-weight:600; cursor:pointer;} .balon.alisfatura-balon .alisfaturasil:hover{background:#fecaca;} #tablo input.stharfiyat{width:100px; padding:3px 6px; border:1px solid #c7d4ff; border-radius:6px; background:#f4f7ff; font-size:12px; font-weight:600;} #tablo input.stharfiyat:focus{border-color:var(--renk-birincil); background:#fff; outline:none;} #tablo input.stharfiyat[readonly]{border-color:transparent; background:transparent;} #tablo .carikodust{font-weight:600; font-size:11px;} #tablo .kargoadi{font-weight:400; font-size:12px; display:block;} #tablo .kargoodemetipi{font-weight:600; font-size:11px; display:block; margin-top:3px;} #tablo .sepetid{font-weight:600; font-size:9px; display:inline-block; background:#eef2ff; color:#1e2d5a; padding:2px 5px 0 5px; border-radius:5px; border:1px solid #c7d4ff; margin-left:5px;} #tablo .kargoetiketibasildi{font-weight:600; font-size:11px; display:inline-block; background:#eefff7; color:#1e5a37; padding:2px 5px 0 5px; border-radius:5px; border:1px solid #c7ffdd; margin-left:5px;} #tablo .siparisid{font-weight:600; font-size:11px; display:inline-block; margin-top:3px;} /* Koli ölçüleri — EN / BOY / YÜKS. üçlüsü tek hücrede yan yana (İthalat Depo sayım ekranı). */ #tablo .olcu-hucre{min-width:206px;} #tablo .olcu-alan{display:inline-flex; flex-direction:column; gap:3px; vertical-align:top; padding:0 8px; border-left:1px solid #e2e8f0;} #tablo .olcu-alan:first-child{padding-left:0; border-left:none;} #tablo .olcu-alan:last-child{padding-right:0;} #tablo .olcu-etiket{font-size:9px; font-weight:700; color:var(--renk-yazi-orta); letter-spacing:.02em;} #tablo td .olcu-alan input{width:52px; height:auto; text-align:left; padding:3px 6px; border:1px solid #dce3ec; border-radius:6px; background:#fff; font-size:12px;} #tablo td .olcu-alan input:focus{border-color:var(--renk-birincil); outline:none;} #tablo .belgeno{font-weight:400; font-size:11px; display:block;} #tablo .renk-rozet + .belgeno{margin-top:4px;} #tablo .faturano{font-weight:600; font-size:11px; display:inline-block; background:#fffcee; transition:.2s; cursor:pointer; color:#5a511e; padding:2px 5px 0 5px; border-radius:5px; border:1px solid #efe6b9; margin-top:3px; margin-left:5px;} #tablo .faturano:hover{background:#fffce0; border-color:#bf9d2f; color:#5a4a1e;} #tablo .faturano i{margin-right:0px;} #tablo ayrac{display:block; width:100%; height:1px; background:rgba(0,0,0,0.1); margin:5px 0;} #tablo .tl-karsilik{display:block; font-size:10px; color:var(--renk-yazi-orta);} #tablo .ekleyen-kisi{font-size:11px; font-weight:600;} #tablo .ekleyen-tarih{font-size:10px; color:var(--renk-yazi-orta);} #tablo .faturaaciklama{color:#ed9830; font-weight:600; font-size:11px;} #tablo .borclu{color:var(--renk-tehlike);} #tablo .alacakli{color:var(--renk-basari);} #tablo .ebelgegoruntule{border-radius:5px; background:var(--renk-tehlike); font-size:14px; width:25px; height:25px; align-content:center; color:#fff; text-align:center; cursor:pointer;} #tablo .stharsil, #tablo .bakiyekapat{border-radius:5px; background:var(--renk-tehlike-cokkoyu); font-size:14px; width:25px; height:25px; align-content:center; color:#fff; text-align:center; cursor:pointer;} #tablo .adresduzenle{background:var(--renk-birincil);} #tablo .islemikonlari{display:inline-flex; align-items:center; justify-content:center; gap:6px;} #tablo .ebelgexmlindir{border-radius:5px; background:#15b9a5; font-size:14px; width:25px; height:25px; align-content:center; color:#fff; text-align:center; cursor:pointer;} #tablo .belgedetay{border-radius:5px; background:#3e5cbf; font-size:14px; width:25px; height:25px; align-content:center; color:#fff; text-align:center; cursor:pointer;} #tablo .earsivgoruntule{border-radius:5px; background:#f59e0b; font-size:14px; width:25px; height:25px; align-content:center; color:#fff; text-align:center; cursor:pointer;} #tablo .kargotakip{border-radius:5px; background:var(--renk-birincil-cok-acik); font-size:12px; width:22px; height:22px; align-content:center; color:var(--renk-birincil); text-align:center; cursor:pointer; margin-right:3px;} #tablo .kargotakip:hover{background:var(--renk-birincil-acik); color:var(--renk-birincil);} #tablo .belgesiz{width:25px; height:25px;} /*#region Stok Karlilik*/ #tablo .karlilik-kaynak{display:inline-block; padding:2px 6px; border-radius:20px; font-size:10px; font-weight:700; line-height:1.4; white-space:nowrap;} #tablo .karlilik-kaynak.maliyetfifo{background:#ecfdf5; color:#047857; border:1px solid #a7f3d0;} #tablo .karlilik-kaynak.maliyetstokkarti{background:#fff7ed; color:#c2410c; border:1px solid #fed7aa;} #tablo .karlilik-kaynak.maliyetsatisfiyati{background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe;} #tablo .karlilik-kaynak.maliyetsifir{background:#f8fafc; color:#475569; border:1px solid rgba(0,0,0,0.10);} #tablo input.karlilikmaliyet{width:90px; text-align:right; font-weight:600;} /*#endregion*/ #tablo .belgedetay:hover::before{transform:rotate(0); transition:.2s; display:inline-block;} #tablo .belgedetay:hover::before{transform:rotate(45deg);} #tablo .belgedetay:is([data-kamerakayit], [data-kamerabekliyor]){background:var(--renk-tehlike); font-size:12px; margin-left:4px;} #tablo .belgedetay:is([data-kamerakayit], [data-kamerabekliyor]):hover::before{transform:none;} #tablo .belgedetay[data-kamerabekliyor]{opacity:.35; cursor:help;} #tablo i[data-kunye]{margin-left:6px; font-size:15px; vertical-align:middle; color:var(--renk-yazi-soluk); cursor:help;} #tablo i[data-kunye]:hover{color:var(--renk-birincil);} #tablo .tablostdbuton:hover .fa-arrow-up-right{transform:rotate(0); transition:.2s; display:inline-block;} #tablo .tablostdbuton:hover .fa-arrow-up-right{transform:rotate(45deg);} #tablo .logdetay{border-radius:5px; background:#3e5cbf; font-size:14px; width:25px; height:25px; align-content:center; color:#fff; text-align:center; cursor:pointer;} #tablo .logdetay:hover::before{transform:scale(0); transition:.2s; display:inline-block;} #tablo .logdetay:hover::before{transform:scale(1.1);} #tablo .ekleyen{font-size:8px; font-weight:600; line-height:10px;} #tablo .ekleyen .tarihsaat{font-size:8px;} #tablo .tarihsaat{font-size:12px;} #tablo .tarihsaat .saat{font-size:10px;} #tablo .uyariaz{color:var(--renk-tehlike);} #tablo .uyarifazla{color:#bb18e2;} #tablo .stharmaliyet{background:var(--renk-tehlike); color:#fff; border-radius:5px; padding:1px 5px 0 5px; font-size:10px; font-weight:400; white-space:nowrap;} #tablo .stharmaliyet .baslik{font-size:8px; font-weight:600;} #tablo .stharihracatfiyat{background:var(--renk-basari); color:#fff; border-radius:5px; padding:1px 5px 0 5px; font-size:10px; font-weight:400; white-space:nowrap;} #tablo .stharihracatfiyat .baslik{font-size:8px; font-weight:600;} #tablo .idetay{margin-left:5px; cursor:pointer;} #tablo .idetay i:hover{transform:scale(1.5);} #tablo .idetay[tip="oemno"] i{color:var(--renk-tehlike);} #tablo .idetay[tip="arac"] i{color:var(--renk-basari);} #tablo .idetay[tip="ureticikodu"] i{color:var(--renk-birincil);} #tablo .idetay[tip="ithalatkodu"] i{color:var(--renk-uyari);} .idetaytooltip{position:fixed; top:0; left:0; background:#fff; border:1px solid #ddd; box-shadow:0 4px 12px rgba(0,0,0,.15); border-radius:6px; padding:8px 10px; z-index:100000; font-size:12px; min-width:150px; max-width:300px;} .idetaytooltip::before, .idetaytooltip::after{content:""; position:absolute; left:var(--ok-x, 50%); transform:translateX(-50%); border-style:solid;} .idetaytooltip[yon="asagi"]::before{top:-8px; border-width:0 8px 8px 8px; border-color:transparent transparent #ddd transparent;} .idetaytooltip[yon="asagi"]::after{top:-7px; border-width:0 7px 7px 7px; border-color:transparent transparent #fff transparent;} .idetaytooltip[yon="yukari"]::before{bottom:-8px; border-width:8px 8px 0 8px; border-color:#ddd transparent transparent transparent;} .idetaytooltip[yon="yukari"]::after{bottom:-7px; border-width:7px 7px 0 7px; border-color:#fff transparent transparent transparent;} .idetaytooltip-content{user-select:text; cursor:text;} .idetaytooltip-content .stokkodu{font-size:10px; display:block; margin-bottom:5px;} .idetaytooltip-content .baslik{display:block; margin:5px 0; white-space:nowrap;} .idetaytooltip-content .veriler{font-size:11px; padding:5px 0; border-top:1px solid rgba(0,0,0,0.1); display:block;} .idetaytooltip-content .veriler:hover{background:rgba(0,0,0,0.04);} .idetaytooltip-content .veriler .veri{display:inline;} .idetaytooltip-content .veriler .icerigikopyala{display:inline; font-size:12px; color:#555 !important; cursor:pointer; margin-left:5px;} .idetaytooltip-content .veriler .icerigikopyala:hover{color:var(--renk-tehlike) !important;} .idetaytooltip-content .veriler .icerigikopyala.kopyalandi{color:var(--renk-basari) !important;} #tablo td[data-name=StokBilgi]{white-space:nowrap;} #tablo td[data-name=StokBilgi] i[class*="i-"]{font-size:14px; margin:0 3px; transition:.2s; cursor:pointer;} #tablo td[data-name=StokBilgi] i[class*="i-"]:hover{transform:scale(1.3);} #tablo .i-stoknot{color:#565b6d;} #tablo .stoknot{display:inline-flex; position:relative; align-items:center; gap:3px; margin:0 3px; padding:2px 5px; border-radius:5px; cursor:pointer; transition:background .12s, color .12s, transform .12s;} #tablo .stoknot i{font-size:14px; transition:transform .12s;} #tablo .stoknot:hover{} #tablo .stoknot:hover i{transform:scale(1.2);} #tablo .stoknotvar{color:#07baa9;} #tablo .stoknotyok{color:#ccc;} #tablo .stoknotyok:hover{color:#888;} #tablo .stoknotsay{font-size:10px; font-weight:700; line-height:15px; min-width:14px; height:15px; padding:0 4px; background:#fff5e6; color:#b06b00; border:1px solid #ffd086; border-radius:50px; display:inline-block; position:absolute; left:15px; top:-5px;} #tablo .i-saticisiparis{color:var(--renk-tehlike);} #tablo .i-calisma{color:#f28500;} #tablo .i-uretim{color:#890606;} #tablo .i-gemi{color:#2f4fb5;} #tablo .i-ucak{color:#15b9b9;} #tablo .i-gumruk{color:#ccc;} #tablo .i-depo{color:var(--renk-basari);} /* İkon + köşe rozeti bileşeni. Yeni bir sayaçlı ikon eklerken sınıfını bu dört kuralın seçici listesine ekle; rengi kapsayıcının color'ından mirasla gelir. */ #tablo .alternatifvar, #tablo .bakiyeikon{display:inline-flex; position:relative; align-items:center; gap:3px; margin:0 3px; padding: 2px 0; border-radius:5px; cursor:help; color:var(--renk-birincil); transition:background .12s, color .12s, transform .12s;} #tablo .alternatifvar i{font-size:14px; transition:transform .12s;} #tablo .bakiyeikon i{font-size:12px; transition:transform .12s;} #tablo .alternatifvar:hover i, #tablo .bakiyeikon:hover i{transform:scale(1.2);} #tablo .alternatifvar span, #tablo .bakiyeikon span{font-size:10px; font-weight:700; line-height:15px; min-width:14px; height:15px; padding:0 4px; background:var(--renk-birincil-cok-acik); color:var(--renk-birincil); border:1px solid var(--renk-birincil-alfa-08); border-radius:50px; display:inline-block; position:absolute; left:10px; top:-5px;} #tablo.saticisiparisdetay td{border-bottom:2px dashed rgba(0,0,0,0.1); padding:10px;} #tablo.saticisiparisdetay tr:nth-last-of-type(1) td{border-bottom:1px solid rgba(0,0,0,0.1);} #tablo.saticisiparisdetay i[class*="i-"]{font-size:18px; margin:0 3px; transition:.2s; cursor:pointer;} #tablo.saticisiparisdetay .baslik{width:100px; font-size:10px; font-weight:600;} #tablo.saticisiparisdetay .minibaslik{width:40px; font-size:10px; font-weight:600;} #tablo.stokalternatifdetay td{border-bottom:2px dashed rgba(0,0,0,0.1); padding:10px;} #tablo.stokalternatifdetay tr:nth-last-of-type(1) td{border-bottom:1px solid rgba(0,0,0,0.1);} #tablo.stokalternatifdetay i[class*="i-"]{font-size:18px; margin:0 3px; transition:.2s; cursor:pointer;} #tablo.stokalternatifdetay .baslik{width:100px; font-size:10px; font-weight:600;} #tablo.stokalternatifdetay .minibaslik{width:40px; font-size:10px; font-weight:600;} #tablo .stokalim i.satinalinmamis{color:var(--renk-tehlike);} #tablo .stokalim i.satinalmadetay{color:var(--renk-basari); font-size:20px; cursor:pointer;} #tablo .stokalim i.satinalmadetay:hover{transform:scale(1.4);} #tablo .stokalim span{font-size:10px;} #tablo .stokalim span.esnek-alan{padding-left:10px;} #tablo td:has(.stokadi,.arac){width:20%;} #tablo td:has(.bakiyeler){min-width:150px; max-width:180px; width:200px;} #tablo .bakiyeler{font-size:10px; display:flex; flex-wrap:wrap; min-width:150px; max-width:180px;} #tablo .bakiyeler > .bakiye-hucre{flex:0 0 33.333%; min-width:0;} #tablo .bakiyeler .bakiye{white-space:nowrap;} #tablo td:has(.bakiyeler.subesecili){min-width:0; max-width:none; width:auto;} #tablo .bakiyeler.subesecili{min-width:0; max-width:none; gap:0 8px; justify-content:center;} #tablo .bakiyeler.subesecili > .bakiye-hucre{flex:0 0 auto;} #tablo .bakiyeler .bakiye b{font-weight:600;} #tablo .bakiyeler .bakiye.yok{color:#0005;} #tablo .bakiyeler .bakiye.var{color:var(--renk-basari);} #tablo .bakiyeler .bakiye.ekside{color:var(--renk-tehlike);} /* Bakiye ikonlu varyant — yerleşimi .alternatifvar bileşeninden gelir, burada yalnız durum rengi ezilir: ikon rengi kapsayıcıdan miras alınır, köşe rozeti kendi rengini korur. */ .bakiye-buton{display:none; align-items:center; gap:6px; height:28px; padding:0 10px; border:1px solid var(--cip-notr-kenar); border-radius:14px; background:var(--cip-notr-zemin); color:var(--cip-notr-yazi); font-size:12px; line-height:1; white-space:nowrap; cursor:pointer;} .bakiye-buton i{font-size:13px;} .bakiye-buton b{font-weight:700;} .bakiye-buton small{font-size:10px; opacity:.8;} .bakiye-buton.var{background:var(--cip-yesil-zemin); color:var(--cip-yesil-yazi); border-color:var(--cip-yesil-kenar);} .bakiye-buton.ekside{background:var(--cip-kirmizi-zemin); color:var(--cip-kirmizi-yazi); border-color:var(--cip-kirmizi-kenar);} #tablo td.bakiyeikonlu{white-space:nowrap;} #tablo .yillik-satis{display:inline-flex; align-items:center; gap:10px; text-align:left;} #tablo .yillik-satis .idetay{display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:8px; background:var(--renk-birincil-cok-acik); cursor:pointer; transition:background .15s;} #tablo .yillik-satis .idetay:hover{background:var(--renk-birincil-az-acik);} #tablo .yillik-satis .idetay i{font-size:13px; color:var(--renk-birincil);} #tablo .yillik-satis .ys-satirlar{display:grid; grid-template-columns:auto minmax(40px, auto); column-gap:8px; align-items:baseline; line-height:18px;} #tablo .yillik-satis .ys-yil{font-size:10px; font-weight:500; color:var(--renk-yazi-soluk);} #tablo .yillik-satis .ys-deger{font-size:12px; text-align:right; font-variant-numeric:tabular-nums; color:var(--renk-yazi-orta);} #tablo .yillik-satis .ys-deger.bu{font-weight:600; color:var(--renk-yazi);} #tablo .yillik-satis .ys-deger.yok{color:var(--renk-yazi-en-soluk);} .idetaytooltip-content .idetay-tablo{display:grid; gap:4px 14px; padding-top:6px; border-top:1px solid rgba(0,0,0,0.1); font-size:11px; text-align:right; white-space:nowrap;} .idetaytooltip-content .idetay-tablo > span:not(.sifir):nth-child(-n+6){color:var(--renk-yazi-soluk); font-size:10px; font-weight:600;} .idetaytooltip-content .idetay-tablo > b{text-align:left; font-weight:600;} .idetaytooltip-content .idetay-tablo > :first-child{text-align:left;} .idetaytooltip-content .idetay-tablo .sifir{color:var(--renk-yazi-en-soluk);} #tablo td.bakiyeikonlu .bakiye-buton{display:inline-flex; height:24px; padding:0 8px; gap:5px; font-size:11px; vertical-align:middle;} .kunye-satir .bakiye-buton{display:inline-flex; height:22px; padding:0 8px; gap:5px; font-size:11px; margin-left:6px; vertical-align:middle;} /* Tooltip içindeki bakiye dökümü satırdaki hücreyle aynı düzeni kullanır: aynı sınıflar, 3'lü ızgara. */ .cursor-tooltip .bakiyeler{display:flex; flex-wrap:wrap; min-width:170px; font-size:10px; margin-top:2px;} .cursor-tooltip .bakiyeler > .bakiye-hucre{flex:0 0 33.333%; min-width:0;} .cursor-tooltip .bakiyeler .bakiye{white-space:nowrap;} .cursor-tooltip .bakiyeler .bakiye b{font-weight:600;} .cursor-tooltip .bakiyeler .bakiye.var{color:#7ee2a8;} .cursor-tooltip .bakiyeler .bakiye.ekside{color:#ff9b9b;} .cursor-tooltip .bakiyeler .bakiye.yok{color:rgba(255,255,255,0.40);} .cursor-tooltip .bakiyeler.aylik-ipucu{width:228px; row-gap:2px;} .cursor-tooltip .bakiyeler.aylik-ipucu .bakiye-hucre{padding-right:12px; box-sizing:border-box;} .cursor-tooltip .bakiyeler.aylik-ipucu .bakiye{display:flex; justify-content:space-between; gap:6px;} #tablo .asgariseviyealtinda{color:var(--renk-tehlike); margin-left:4px; font-size:12px;} #tablo .asgariseviyeustunde{color:var(--renk-basari); margin-left:4px; font-size:12px;} .transferbekleyen{position:relative; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:22px; height:22px; margin-left:4px; vertical-align:middle; border-radius:var(--radius-sm); background:var(--renk-uyari); color:#fff; font-size:12px; box-shadow:var(--golge-sm); cursor:help; transition:background .12s, transform .12s;} .transferbekleyen:hover{background:var(--renk-uyari-hover); transform:scale(1.08);} .transferbekleyen > span{position:absolute; top:-7px; left:calc(100% - 8px); min-width:15px; height:15px; padding:0 4px; box-sizing:border-box; border-radius:50px; background:var(--renk-yuzey); color:var(--renk-uyari-hover); border:1px solid var(--renk-uyari); font-size:9px; font-weight:700; line-height:13px; text-align:center; white-space:nowrap; pointer-events:none;} .bakiye-transfer{display:flex; align-items:center; gap:6px;} .bakiye-transfer .transferbekleyen{margin-left:0;} .transfer-ipucu{display:block; white-space:nowrap;} .transfer-ipucu .ctitlebuyuk{line-height:20px;} .transfer-ipucu .ctitlemini{line-height:16px;} .transfer-ipucu ayrac{margin:5px 0 4px;} .transfer-ipucu .cift ~ .cift{margin-top:6px;} #tablo td:has(.bakiye-transfer){max-width:none; width:auto; min-width:184px;} #tablo td:has(.yilagoresatislar){min-width:150px; max-width:220px; width:220px;} #tablo .yilagoresatislar{font-size:11px; display:flex; flex-wrap:wrap; min-width:150px; max-width:220px;} #tablo .yilagoresatislar > .satis-hucre{flex:0 0 50%; min-width:0; padding:3px 0; border-bottom:1px solid rgba(0,0,0,0.1);} #tablo .yilagoresatislar .satis{white-space:nowrap; position:relative;} #tablo .yilagoresatislar .satis .ihracat-satis{font-size:9px; line-height:8px; font-weight:600; padding:3px 4px 1px 4px; border-radius:5px;} #tablo .yilagoresatislar .satis .ihracat-satis.satisvar{background:#95e9d7; color:#0c4f41;} #tablo .yilagoresatislar .satis .ihracat-satis.satisyok{background:#fbb2b2; color:#560707;} #tablo .yilagoresatislar .satis b{font-weight:600;} #tablo td .tdkaryuzdesi{padding:0 5px; border-right:1px solid rgba(0,0,0,0.1); white-space:nowrap;} #tablo td .tdkaryuzdesi:nth-last-of-type(1){padding:0 5px; border-right:0;} #tablo td .tdkaryuzdesi .baslik{font-size:8px; display:block;} #tablo td .tdkaryuzdesi .maliyetegore, #tablo td .tdkaryuzdesi .satisagore{font-size:10px; font-weight:600; line-height:1.2; display:inline-block; padding:2px 5px; border-radius:5px;} #tablo td .tdkaryuzdesi .maliyetegore{background:#95e9d7; color:#0c4f41;} #tablo td .tdkaryuzdesi .satisagore{background:#ffd086; color:#442605;} #tablo tbody tr.satir-secili > td{background:#fef3c7 !important;} #tablo tbody tr.satir-secili td[data-name="Sira"]{box-shadow:inset 3px 0 0 #f59e0b;} #tablo tbody td[data-name="Sira"]{cursor:pointer;} #tablo td.gtipli .gtip-etiket{display:block; width:fit-content; margin-bottom:2px; padding:4px 6px 3px 6px; border-radius:4px; font-size:8px; font-weight:600; letter-spacing:.2px; white-space:nowrap; color:#fff; cursor:pointer; line-height:8px;} #tablo td.gtipli .gtip-etiket:hover{filter:brightness(1.15);} #tablo td.gtipli .gtip-etiket.gtip-vergisiz{background:#16a34a;} #tablo td.gtipli .gtip-etiket.gtip-vergi{background:#8b5cf6;} #tablo td.gtipli .gtip-etiket.gtip-ilave{background:#d97706;} #tablo td.gtipli .gtip-etiket.gtip-gozetim{background:#db2777;} #tablo td.gtipli .gtip-etiket.gtip-riskli{background:#dc2626;} #tablo td.gtipli .gtip-etiket.gtip-bilinmiyor{background:#cbd5e1; color:#475569;} #tablo td .tabloayir{display:block; margin-top:5px; padding-top:5px; border-top:1px solid rgba(15, 23, 42, 0.08);} #tablo td .tabloayir:first-child{margin-top:0; padding-top:0; border-top:0;} .ihracat.durumbalon{display:inline-flex; align-items:center; white-space:nowrap; border-radius:5px; text-transform:uppercase; font-size:10px; border-width:1px; border-style:solid; padding:2px;} .ihracat.durumbalon i{width:20px; height:20px; border-radius:3px; font-display:block; font-style:normal; font-family:'Font Awesome 6 Pro'; color:#fff; font-size:12px; line-height:20px; text-align:center;} .ihracat.durumbalon .aciklama{align-self:center; line-height:1; padding:0 5px; font-size:10px; font-weight:600;} .ihracat.durumbalon{--c-sepette:#c2410c; --i-sepette:'\f291'; --c-maliyette:#7e22ce; --i-maliyette:'\f1ec'; --c-teklifte:#1d4ed8; --i-teklifte:'\f571'; --c-siparis:#0e7490; --i-siparis:'\f847'; --c-sevkiyatta:#a16207; --i-sevkiyatta:'\f4de'; --c-toplaniyor:#d97706; --i-toplaniyor:'\f466'; --c-sevkiyatbitti:#15803d; --i-sevkiyatbitti:'\f46c'; --c-aktarildi:#047857; --i-aktarildi:'\f058'; --c-reddedildi:#b91c1c; --i-reddedildi:'\f057'; --c-silindi:#64748b; --i-silindi:'\f1f8'; --c-birlestirildi:#64748b; --i-birlestirildi:'\f387';} .ihracat.durumbalon.dr-sepette{color:var(--c-sepette); border-color:var(--c-sepette);} .ihracat.durumbalon.dr-sepette i{background:var(--c-sepette);} .ihracat.durumbalon.dr-sepette i::before{content:var(--i-sepette);} .ihracat.durumbalon.dr-maliyette{color:var(--c-maliyette); border-color:var(--c-maliyette);} .ihracat.durumbalon.dr-maliyette i{background:var(--c-maliyette);} .ihracat.durumbalon.dr-maliyette i::before{content:var(--i-maliyette);} .ihracat.durumbalon.dr-teklifte{color:var(--c-teklifte); border-color:var(--c-teklifte);} .ihracat.durumbalon.dr-teklifte i{background:var(--c-teklifte);} .ihracat.durumbalon.dr-teklifte i::before{content:var(--i-teklifte);} .ihracat.durumbalon.dr-siparis{color:var(--c-siparis); border-color:var(--c-siparis);} .ihracat.durumbalon.dr-siparis i{background:var(--c-siparis);} .ihracat.durumbalon.dr-siparis i::before{content:var(--i-siparis);} .ihracat.durumbalon.dr-sevkiyatta{color:var(--c-sevkiyatta); border-color:var(--c-sevkiyatta);} .ihracat.durumbalon.dr-sevkiyatta i{background:var(--c-sevkiyatta);} .ihracat.durumbalon.dr-sevkiyatta i::before{content:var(--i-sevkiyatta);} .ihracat.durumbalon.dr-toplaniyor{color:var(--c-toplaniyor); border-color:var(--c-toplaniyor);} .ihracat.durumbalon.dr-toplaniyor i{background:var(--c-toplaniyor);} .ihracat.durumbalon.dr-toplaniyor i::before{content:var(--i-toplaniyor);} .ihracat.durumbalon.dr-sevkiyatbitti{color:var(--c-sevkiyatbitti); border-color:var(--c-sevkiyatbitti);} .ihracat.durumbalon.dr-sevkiyatbitti i{background:var(--c-sevkiyatbitti);} .ihracat.durumbalon.dr-sevkiyatbitti i::before{content:var(--i-sevkiyatbitti);} .ihracat.durumbalon.dr-aktarildi{color:var(--c-aktarildi); border-color:var(--c-aktarildi);} .ihracat.durumbalon.dr-aktarildi i{background:var(--c-aktarildi);} .ihracat.durumbalon.dr-aktarildi i::before{content:var(--i-aktarildi);} .ihracat.durumbalon.dr-reddedildi{color:var(--c-reddedildi); border-color:var(--c-reddedildi);} .ihracat.durumbalon.dr-reddedildi i{background:var(--c-reddedildi);} .ihracat.durumbalon.dr-reddedildi i::before{content:var(--i-reddedildi);} .ihracat.durumbalon.dr-silindi{color:var(--c-silindi); border-color:var(--c-silindi);} .ihracat.durumbalon.dr-silindi i{background:var(--c-silindi);} .ihracat.durumbalon.dr-silindi i::before{content:var(--i-silindi);} .ihracat.durumbalon.dr-birlestirildi{color:var(--c-birlestirildi); border-color:var(--c-birlestirildi);} .ihracat.durumbalon.dr-birlestirildi i{background:var(--c-birlestirildi);} .ihracat.durumbalon.dr-birlestirildi i::before{content:var(--i-birlestirildi);} .muhtelif-rozet{display:inline-block; padding:1px 6px; border-radius:5px; font-size:10px; font-weight:600; background:#eef2ff; border:1px solid #c7d2fe; color:#3730a3;} #tablo td .ozel-stok-adi{display:block; margin-top:3px; padding:2px 6px; border-radius:4px; background:#eff6ff; border:1px solid #bfdbfe; color:#1d4ed8; font-size:11px; font-style:italic;} #tablo td .maliyet-yok{color:#cbd5e1;} #tablo td .kar-eksi{color:#dc2626; font-weight:700;} #tablo td .kar-dusuk{color:#d97706; font-weight:600;} #tablo td .kar-normal{color:#16a34a; font-weight:600;} #tablo td .kar-rozet{position:absolute; top:2px; right:4px; z-index:1; padding:1px 5px; border-radius:4px; font-size:8px; font-weight:700; letter-spacing:.3px; white-space:nowrap;} #tablo td .kar-rozet i{font-size:7px; margin-right:1px;} #tablo td .kar-rozet.kar-eksi{background:#fef2f2; color:#b91c1c;} #tablo td .kar-rozet.kar-dusuk{background:#fff7ed; color:#c2410c;} #tablo td .kar-rozet.kar-normal{background:#f0fdf4; color:#15803d;} #tablo td .palet-eksik{color:#dc2626; font-weight:700;} #tablo td .stok-tipi{position:absolute; top:2px; right:4px; z-index:1; padding:1px 5px; border-radius:4px; font-size:9px; font-weight:700; letter-spacing:.3px; background:#f0fdf4; color:#15803d; white-space:nowrap;} #tablo td.rozetli{position:relative;} #tablo td .satir-agirlik{display:block; font-size:8px; color:var(--renk-yazi-orta); white-space:nowrap;} #tablo td .satir-agirlik-duzenle{display:flex; align-items:center; gap:3px; margin-top:2px; width:78px;} #tablo td .satir-agirlik-duzenle input{width:100%; min-width:0; padding:1px 4px; font-size:10px; text-align:right; border:1px solid var(--renk-kenar); border-radius:var(--radius-sm); background:#fff;} #tablo td .satir-agirlik-duzenle input:focus{border-color:var(--renk-birincil); outline:none;} #tablo td .satir-agirlik-duzenle label{font-size:9px; color:var(--renk-yazi-orta); margin:0;} #tablo td .paketleme-alan{display:flex; flex-direction:column; gap:4px; width:135px;} #tablo td .paketleme-satir{display:flex; align-items:stretch; overflow:hidden; background:#fff; border:1px solid var(--renk-kenar); border-radius:var(--radius-sm);} #tablo td .paketleme-satir input{width:100% !important; min-width:0; text-align:left !important; padding:4px 6px;} #tablo td .paketleme-satir .paketlemegecmis{display:flex; align-items:center; flex-shrink:0; margin:0; padding:0 6px; cursor:pointer; font-size:11px; color:var(--renk-yazi-soluk); background:var(--renk-arkaplan-hover);} #tablo td .paketleme-satir .paketlemegecmis:hover{color:var(--renk-birincil);} #tablo td .paketleme-alan select.satir-mensei{width:100%; max-width:none;} #tablo td .dat-alan{display:flex; flex-direction:column; gap:4px; min-width:120px; max-width:130px;} #tablo td .dat-miktar{display:flex; align-items:stretch; overflow:hidden; background:#fff; border:1px solid var(--renk-kenar); border-radius:var(--radius-sm);} #tablo td .dat-miktar label{display:flex; align-items:center; padding:0 7px; font-size:8px; font-weight:700; letter-spacing:.3px; color:var(--renk-yazi-orta); background:var(--renk-arkaplan-hover);} #tablo td .dat-miktar input{width:100% !important; min-width:0; text-align:center !important; padding:4px 4px;} #tablo td .dat-alan textarea{width:100%; min-height:34px; padding:4px 6px; resize:vertical; box-sizing:border-box; font:inherit; font-size:10px; line-height:1.35; background:#fff; border:1px solid var(--renk-kenar); border-radius:var(--radius-sm);} #tablo td .dat-alan textarea:focus{outline:none; border-color:var(--renk-birincil);} /*#region Palet başlık yönetimi (şerit + balon panel)*/ sag-icerik .icerik .bilgilendirme-alan.palet-yonetim{flex-direction:column; align-items:stretch; gap:8px; padding:8px 12px;} iframe-alan .icerik:has(table[data-tablotipi]) .bilgilendirme-alan.palet-yonetim{z-index:6;} .palet-yonetim .palet-yonetim-ust{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;} .palet-yonetim .palet-secici{position:relative; display:flex; align-items:center; gap:10px; border:1px solid var(--renk-kenar); border-radius:10px; padding:7px 10px; background:#fff;} .palet-yonetim .palet-arama{display:flex; align-items:center; gap:7px; flex-shrink:0; width:120px; align-self:stretch; border:1px solid var(--renk-kenar); border-radius:8px; padding:4px 10px; background:#fff;} .palet-yonetim .palet-arama i{font-size:15px; color:var(--renk-birincil);} .palet-yonetim .palet-arama input{border:none; outline:none; width:100%; min-width:0; font-size:14px; font-weight:600; background:transparent;} .palet-yonetim .palet-arama input::placeholder{font-size:12px; font-weight:400; color:var(--renk-yazi-soluk);} .palet-yonetim .palet-serit{position:relative; display:flex; gap:6px; overflow-x:auto; flex:1; padding:2px 0;} .palet-yonetim .palet-cip{flex-shrink:0; display:flex; flex-direction:column; align-items:center; gap:1px; padding:10px 11px; border:none; border-radius:5px; background:transparent; cursor:pointer; line-height:1.15; border:1px solid rgba(0,0,0,0.1);} .palet-yonetim .palet-cip:hover{background:var(--renk-arkaplan-hover);} .palet-yonetim .palet-cip .no{font-size:12px; font-weight:700; white-space:nowrap;} .palet-yonetim .palet-cip .kg{font-size:9px; color:var(--renk-yazi-soluk); white-space:nowrap;} .palet-yonetim .palet-cip.kap{background:#fffbeb; border-color:#fde68a;} .palet-yonetim .palet-cip.sel{border:1px solid var(--renk-birincil); background:#eff6ff;} /* Toplamlar tek satır sarı şerit */ .palet-yonetim .palet-toplam-serit{display:inline-fflex; flex-wrap:wrap; align-items:center; gap:2px 16px; width:fit-content; padding:5px 12px; background:#fffbeb; border:1px solid #fde68a; border-radius:8px 8px 0 0; font-size:11px; color:#854d0e; margin-left:10px;} .palet-yonetim .palet-toplam-serit b{font-weight:700; color:#78350f;} .palet-yonetim .palet-toplam-serit .palet-eksik{color:var(--renk-tehlike);} /* Seçili çipin altında açılan kompakt palet kartı (Erpv3 kart düzeni) */ .palet-yonetim .palet-balon{position:absolute; top:calc(100% + 5px); left:0; z-index:60; display:inline-flex; flex-direction:column; gap:6px; width:168px; padding:10px 12px; background:#fff; border:1px solid var(--renk-kenar); border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,.14), 0 2px 6px rgba(0,0,0,.08);} .palet-yonetim .palet-balon.gizli{display:none;} .palet-yonetim .palet-balon::before{content:""; position:absolute; top:-5px; left:20px; width:9px; height:9px; background:#fff; border-left:1px solid var(--renk-kenar); border-top:1px solid var(--renk-kenar); transform:rotate(45deg);} .palet-yonetim .palet-balon-ust{display:flex; align-items:center; gap:8px;} .palet-yonetim .palet-balon-ust select{height:28px; font-size:12px; padding:2px 6px; width:auto; flex:1; border-radius:5px; border:1px solid rgba(0,0,0,0.1);} .palet-yonetim .palet-balon-no{font-size:16px; font-weight:700;} .palet-yonetim .palet-balon-excel{width:26px; height:26px; flex-shrink:0; margin-left:auto; border-radius:6px; background:#fbbf24; color:#78350f; font-size:13px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center;} .palet-yonetim .palet-balon-excel:hover{filter:brightness(0.95);} .palet-yonetim .palet-balon-hesap{font-size:10px; color:var(--renk-yazi-orta);} .palet-yonetim .palet-balon-hesap b{font-weight:700; color:var(--renk-yazi);} .palet-yonetim .palet-balon-brut{height:30px; font-size:12px; padding:2px 8px; width:100%; border-radius:5px; border:1px solid rgba(0,0,0,0.1);} .palet-yonetim .palet-balon-olcu{display:flex; align-items:center; gap:4px; padding:4px 6px; background:#fffbeb; border:1px solid #fde68a; border-radius:var(--radius-sm);} .palet-yonetim .palet-balon-olcu input{width:100%; min-width:0; height:26px; text-align:center; font-size:12px; padding:2px 3px; background:#fff; border-radius:5px; border:1px solid rgba(0,0,0,0.1);} .palet-yonetim .palet-balon-olcu i{font-size:9px; color:#a16207;} /*#endregion*/ /*#region Palet seçici çip şeridi*/ .palet-secici-alan{display:flex; align-items:center; gap:10px; padding:8px 12px;} .palet-secici-alan .palet-arama{display:flex; align-items:center; gap:6px; flex-shrink:0; width:150px; border:1px solid var(--renk-kenar); border-radius:var(--radius-sm); padding:5px 9px; background:#fff;} .palet-secici-alan .palet-arama i{font-size:12px; color:var(--renk-yazi-soluk);} .palet-secici-alan .palet-arama input{border:none; outline:none; width:100%; min-width:0; font-size:12px; background:transparent;} .palet-secici-alan .palet-serit{display:flex; gap:6px; overflow-x:auto; flex:1; padding:2px 0;} .palet-secici-alan .palet-cip{flex-shrink:0; display:flex; flex-direction:column; align-items:center; gap:1px; padding:5px 11px; border:1px solid var(--renk-kenar); border-radius:8px; background:#fff; cursor:pointer; line-height:1.15; transition:filter .12s;} .palet-secici-alan .palet-cip:hover{filter:brightness(0.96);} .palet-secici-alan .palet-cip .no{font-size:12px; font-weight:700; white-space:nowrap;} .palet-secici-alan .palet-cip .kg{font-size:9px; color:var(--renk-yazi-soluk); white-space:nowrap;} .palet-secici-alan .palet-cip.kap{background:#fffbeb; border-color:#fde68a;} .palet-secici-alan .palet-cip.sel{border:2px solid var(--renk-birincil); padding:4px 10px; background:var(--renk-birincil-acik, #eff6ff);} /*#endregion*/ /*#region Palet rozet + balon*/ #tablo td .palet-rozet-alan{position:relative; display:inline-block;} #tablo td .palet-rozet{display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border-radius:8px; border:1px solid var(--renk-kenar); background:#fff; cursor:pointer; font-size:11px; font-weight:600; line-height:1.15; white-space:nowrap; transition:filter .12s;} #tablo td .palet-rozet:hover{filter:brightness(0.97);} #tablo td .palet-rozet > i{font-size:13px; flex-shrink:0;} #tablo td .palet-rozet .palet-rozet-yazi{display:flex; flex-direction:column; align-items:flex-start; overflow:hidden;} #tablo td .palet-rozet .palet-rozet-kg{font-size:9px; font-weight:400; margin-top:2px;} #tablo td .palet-rozet.tam{background:#f0fdf4; color:#15803d; border-color:#bbf7d0;} #tablo td .palet-rozet.kismi{background:#fff7ed; color:#c2410c; border-color:#fed7aa;} #tablo td .palet-rozet.fazla{background:#f5f3ff; color:#6d28d9; border-color:#ddd6fe;} #tablo td .palet-rozet.yok{background:#fef2f2; color:#b91c1c; border-color:#fecaca;} .balon.palet-balon{--balon-zemin:#fff; --balon-kenar:var(--renk-kenar); min-width:0; padding:8px; white-space:nowrap;} .balon.palet-balon .palet-agirlik{display:flex; flex-wrap:nowrap; align-items:center; gap:5px; margin-top:5px; padding:4px 6px; border:1px solid var(--renk-kenar); border-radius:var(--radius-sm); background:#fffbeb;} .balon.palet-balon .palet-agirlik-lbl{font-size:9px; font-weight:700; color:#854d0e;} .balon.palet-balon .palet-agirlik input{width:56px; min-width:0; padding:2px 4px; text-align:right; font-size:11px; border:1px solid var(--renk-kenar); border-radius:var(--radius-sm); background:#fff;} .balon.palet-balon .palet-agirlik .palet-agirlik-tot{flex:1; text-align:right; font-size:10px; font-weight:700; color:#15803d;} /*#endregion*/ .balon.palet-balon .palet-alan{display:flex; flex-direction:column; gap:2px; width:165px;} .balon.palet-balon .palet-basliklar{display:flex; font-size:8px; font-weight:700; color:var(--renk-yazi-orta); text-align:center;} .balon.palet-balon .palet-basliklar > span{flex:1;} .balon.palet-balon .palet-satir{display:flex; align-items:stretch; gap:2px;} .balon.palet-balon .palet-satir input{width:100%; min-width:0; text-align:center !important; padding:2px 4px; border:1px solid var(--renk-kenar); border-radius:var(--radius-sm); background:#fff;} .balon.palet-balon .palet-satir .palet-no, .balon.palet-balon .palet-satir .palet-no-yeni{background:#fffbeb;} .balon.palet-balon .palet-satir > i{display:flex; align-items:center; flex-shrink:0; cursor:pointer; font-size:11px; color:var(--renk-tehlike);} .balon.palet-balon .palet-satir > i:hover{transform:scale(1.25);} .balon.palet-balon .palet-toplam{display:flex; align-items:center; gap:4px; padding:2px 5px; border-radius:var(--radius-sm); font-size:10px; font-weight:700;} .balon.palet-balon .palet-toplam .palet-toplam-yazi{flex:1; white-space:nowrap;} .balon.palet-balon .palet-toplam .palet-ekle{cursor:pointer; font-size:12px;} .balon.palet-balon .palet-toplam .palet-ekle:hover{transform:scale(1.25);} .balon.palet-balon .palet-toplam.yok{background:#fef2f2; color:#b91c1c;} .balon.palet-balon .palet-toplam.kismi{background:#fff7ed; color:#c2410c;} .balon.palet-balon .palet-toplam.tam{background:#f0fdf4; color:#15803d;} .balon.palet-balon .palet-toplam.fazla{background:#f5f3ff; color:#6d28d9;} #tablo td .palet-durum{display:inline-block; padding:2px 8px; border-radius:20px; font-size:11px; font-weight:700; white-space:nowrap;} #tablo td .palet-durum.yok{background:#fef2f2; color:#b91c1c;} #tablo td .palet-durum.kismi{background:#fff7ed; color:#c2410c;} #tablo td .palet-durum.tam{background:#f0fdf4; color:#15803d;} #tablo td .palet-durum.fazla{background:#f5f3ff; color:#6d28d9;} .ulke-rozet{display:inline-block; margin-bottom:3px; padding:1px 6px; border-radius:5px; font-size:10px; font-weight:600; border:1px solid;} .ulke-rozet.dolu{background:#ecfdf5; border-color:#a7f3d0; color:#15803d;} .ulke-rozet.bos{background:#fef2f2; border-color:#fecaca; color:#b91c1c;} #tablo tbody tr.durum-bilgisiz > td{background:#f8fafc !important; color:#94a3b8;} /* Sonuclanmis satir: is kapanmis, duzenlemeye kapali. Yazi rengine dokunulmuyor, satirin okunmasi gerekiyor; ayirt edici olan zemin ve sol serit. */ #tablo tbody tr.sonuclandi > td{background:#f8fafc !important;} #tablo tbody tr.sonuclandi td.solsticky{background:#f8fafc !important; box-shadow:inset 3px 0 0 #94a3b8;} #tablo tbody tr.maliyet-var > td{background:#f0fdf4 !important;} #tablo tbody tr.maliyet-eksik > td{background:#fef2f2 !important;} #tablo tbody tr.durum-bekliyor > td{background:#fef2f2 !important;} #tablo tbody tr.durum-limanda > td{background:#fff7ed !important;} #tablo tbody tr.durum-nakliyede > td{background:#fefce8 !important;} #tablo td .karlilikdetaybuton{background:none; border:0; padding:0 4px; cursor:pointer; color:#ccc; font-size:14px; line-height:1;} #tablo td .karlilikdetaybuton:hover{color:var(--renk-yazi-orta, #64748b);} #tablo td .kar-belgeno{display:block; font-weight:700;} #tablo td .kar-carikod{display:block; font-weight:700; font-size:11px; opacity:.8;} #tablo td .kar-cariisim{display:block; font-size:11px; opacity:.7;} #tablo td .tutar-tl{display:block; font-size:11px; opacity:.7;} #tablo td .tutar-doviz{display:block; font-size:13px; font-weight:600;} #tablo td.kar-maliyet{background:rgba(148, 163, 184, 0.10);} #tablo td.kar-toplam .tutar-doviz{font-weight:700;} #tablo td.kar-maliyetegore{background:rgba(149, 233, 215, 0.16);} #tablo td.kar-satisagore{background:rgba(255, 208, 134, 0.16);} #tablo td .kar-yuzde{display:inline-block; padding:3px 8px; border-radius:5px; font-size:12px; font-weight:700; white-space:nowrap;} #tablo td .kar-yuzde.kar-yuksek{background:#16a34a; color:#fff;} #tablo td .kar-yuzde.kar-iyi{background:#0ea5e9; color:#fff;} #tablo td .kar-yuzde.kar-orta{background:#f59e0b; color:#fff;} #tablo td .kar-yuzde.kar-dusuk{background:#dc2626; color:#fff;} .raf-satir{display:inline-block; margin:2px 4px 2px 0; padding:2px 7px; background:rgba(79, 70, 229, 0.08); border:1px solid rgba(79, 70, 229, 0.18); border-radius:4px; font-size:10px; line-height:1.3; white-space:nowrap;} .raf-satir b{color:#1f2937; font-weight:700;} .raf-satir small{color:#6b7280; font-size:11px; margin-left:2px;} #tablo th[data-name="Raflar"], #tablo td[data-name="Raflar"]{width:220px; max-width:220px; min-width:220px;} .raflar-grup{display:flex; flex-wrap:nowrap; align-items:center; max-width:100%;} .raflar-grup .raf-satir{flex:0 0 auto;} .raflar-grup .raf-satir.hedef{background:#4f46e5; border-color:#4338ca; color:#fff;} .raflar-grup .raf-satir.hedef b, .raflar-grup .raf-satir.hedef small{color:#fff;} .raflar-grup.hedefli .raf-satir:not(.hedef){opacity:.55;} /*#region Toplama*/ .raflar-grup .rafsec{flex:0 0 auto; display:inline-flex; align-items:center; gap:5px; margin:2px 4px 2px 0; padding:3px 8px; background:rgba(79, 70, 229, 0.08); border:1px solid rgba(79, 70, 229, 0.22); border-radius:5px; font-size:11px; line-height:1.3; white-space:nowrap; cursor:pointer; transition:background .12s, border-color .12s;} .raflar-grup .rafsec:hover{background:rgba(79, 70, 229, 0.16);} .raflar-grup .rafsec .raf-kod{font-weight:700; color:#1f2937;} .raflar-grup .rafsec .raf-miktar{padding:1px 5px; background:rgba(15, 23, 42, 0.08); border-radius:3px; color:#475569; font-weight:600;} .raflar-grup .rafsec.raf-bos{opacity:.55;} .raflar-grup .rafsec.raf-bos .raf-miktar{background:rgba(220, 38, 38, 0.12); color:#b91c1c;} .raflar-grup .rafsec.aktif{background:#4f46e5; border-color:#4338ca;} .raflar-grup .rafsec.aktif .raf-kod{color:#fff;} .raflar-grup .rafsec.aktif .raf-miktar{background:rgba(255,255,255,0.22); color:#fff;} .raflar-grup .rafsec.aktif.raf-bos{opacity:1;} .raflar-grup .rafsec.hedef{border-color:#4f46e5; box-shadow:inset 0 0 0 1px #4f46e5;} .raflar-grup .rafsec.hedef > i{color:#4f46e5; font-size:11px;} .raflar-grup .rafsec.aktif.hedef > i{color:#fff;} .raflar-grup.hedefli .rafsec:not(.hedef):not(.aktif){opacity:.55;} /*#endregion*/ .bakiye-rozet{display:inline-block; margin:2px 4px 2px 0; padding:2px 7px; background:rgba(15, 23, 42, 0.05); border:1px solid rgba(15, 23, 42, 0.12); border-radius:4px; font-size:12px; line-height:1.3; white-space:nowrap; color:#1f2937;} .bakiye-rozet b{color:#475569; font-weight:700; font-size:10px; letter-spacing:0.3px; margin-right:2px;} .bakiye-rozet.ihracat{background:rgba(253, 167, 13, 0.10); border-color:rgba(253, 167, 13, 0.40); color:var(--renk-uyari, #fda70d); font-weight:700;} .bakiye-rozet.ihracat b{color:#d97706;} .bakiye-rozet.sifir{background:rgba(239, 68, 68, 0.10); border-color:rgba(239, 68, 68, 0.45); color:var(--renk-tehlike, #ef4444); font-weight:700;} .bakiye-rozet.sifir b{color:#b91c1c;} .rafkodu-grup{display:inline-flex; align-items:stretch; border:1px solid rgba(0,0,0,0.12); border-radius:8px; overflow:hidden; background:#fff; height:32px; line-height:1; box-sizing:border-box;} .rafkodu-grup input{flex:1 1 auto; min-width:0; width:auto !important; height:100% !important; border:none !important; background:transparent !important; padding:0 8px !important; text-align:left; font-size:12px; color:#1f2937; outline:none;} .rafkodu-grup input::placeholder{color:#94a3b8;} .rafkodu-grup .raf-miktar{flex:0 0 auto; min-width:36px; background:rgba(15,23,42,0.06); color:#1f2937; font-weight:700; font-size:12px; text-align:center; padding:0 8px; display:inline-flex; align-items:center; justify-content:center; border-left:1px solid rgba(0,0,0,0.12);} .rafkodu-grup > i{flex:0 0 auto; width:30px; display:inline-flex; align-items:center; justify-content:center; background:rgba(15, 23, 42, 0.06); color:var(--renk-birincil, #1e2d5a); font-size:14px; cursor:pointer;} #tablo tbody tr.bakiyesiz > td{background-color:#f4f6f9;} #tablo tbody tr.bakiyesiz td[data-name="Resim"] img{filter:grayscale(1); opacity:0.55;} #tablo tbody tr.bakiyesiz td[data-name="Bakiye"]::after{content:'BAKİYE YOK'; display:inline-block; margin-left:2px; padding:1px 6px; border-radius:999px; background:#64748b; color:#fff; font-size:8.5px; font-weight:700; letter-spacing:0.5px; vertical-align:1px;} #tablo .hareketyok{background-color:#0000; color:#0003;} #tablo .hareketvar{background-color:#1546b922; color:#012971;} #tablo .satis.hareketvar{background-color:#15b95922; color:#017130;} #tablo .alis.hareketvar{background-color:#b98d1522; color:#714901;} .b2b.siparisedenyetki{display:block; text-transform:uppercase; font-size:9px; font-weight:500;} .b2b.siparisedenyetki.y0{color:var(--renk-tehlike);} .b2b.siparisedenyetki.y1{color:var(--renk-basari);} .b2b.siparisedenyetki.y2{color:#e88214;} .b2b.siparisedenyetki.y3{color:var(--renk-birincil);} .b2b.siparisedenyetki.y4{color:var(--renk-birincil-en-koyu);} .b2b.siparisedenyetki.y5{color:#777;} .b2b.siparisedenyetki.y6{color:var(--renk-birincil-en-koyu);} .b2b.siparisedenyetki:is(.y7, .y8, .y9, .y10, .y11, .y12, .y13, .y14){color:#e88214;} .b2b.siparisdurum{display:inline-flex; align-items:center; white-space:nowrap; border-radius:5px; text-transform:uppercase; font-size:10px; border-width:1px; border-style:solid; padding:2px;} .b2b.siparisdurum i{width:20px; height:20px; border-radius:3px; font-display:block; font-style:normal; font-family:'Font Awesome 6 Pro'; color:#fff; font-size:12px; line-height:20px; text-align:center;} .b2b.siparisdurum .aciklama{align-self:center; line-height:1; padding:0 5px;} .b2b.siparisdurum{--color0:#ce1515; --color1:#602d8d; --color2:#2bb4af; --color3:#2A3B72; --color4:#ed9f33; --color5:#d57332; --color6:#15ad54; --ikon0:'\e2ae'; --ikon1:'\f290'; --ikon2:'\f06e'; --ikon3:'\f2f2'; --ikon4:'\f4cf'; --ikon5:'\e208'; --ikon6:'\f058';} .b2b.siparisdurum.d0{color:var(--color0); border-color:var(--color0);} .b2b.siparisdurum.d0 i{background:var(--color0);} .b2b.siparisdurum.d0 i::before{content:var(--ikon0);} .b2b.siparisdurum.d1{color:var(--color1); border-color:var(--color1);} .b2b.siparisdurum.d1 i{background:var(--color1);} .b2b.siparisdurum.d1 i::before{content:var(--ikon1);} .b2b.siparisdurum.d2{color:var(--color2); border-color:var(--color2);} .b2b.siparisdurum.d2 i{background:var(--color2);} .b2b.siparisdurum.d2 i::before{content:var(--ikon2);} .b2b.siparisdurum.d3{color:var(--color3); border-color:var(--color3);} .b2b.siparisdurum.d3 i{background:var(--color3);} .b2b.siparisdurum.d3 i::before{content:var(--ikon3);} .b2b.siparisdurum.d4{color:var(--color4); border-color:var(--color4);} .b2b.siparisdurum.d4 i{background:var(--color4);} .b2b.siparisdurum.d4 i::before{content:var(--ikon4);} .b2b.siparisdurum.d5{color:var(--color5); border-color:var(--color5);} .b2b.siparisdurum.d5 i{background:var(--color5);} .b2b.siparisdurum.d5 i::before{content:var(--ikon5);} .b2b.siparisdurum.d6{color:var(--color6); border-color:var(--color6);} .b2b.siparisdurum.d6 i{background:var(--color6);} .b2b.siparisdurum.d6 i::before{content:var(--ikon6);} /*#region B2B DataTable özel hücre/satır durumları*/ #tablo .birlestircol{width:38px; min-width:38px; text-align:center;} #tablo .birlestir-secim{display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; cursor:pointer;} #tablo .birlestir-cb{width:18px; height:18px; cursor:pointer;} #tablo .birlestir-cb:disabled{cursor:not-allowed; opacity:0.35;} #tablo.birlestirme-modu tr:has(.birlestir-cb:checked){background:#f0fdf4 !important;} #tablo.birlestirme-modu tr:has(.birlestir-cb:checked) td{background:transparent !important;} #tablo tbody tr.satir-ihracat > td{background:#fffbeb !important;} #tablo tbody tr.satir-ihracat td.solsticky{box-shadow:inset 3px 0 0 #f59e0b;} #tablo tbody tr.sevkiyat-degisti{background-color:#fff7ed !important; box-shadow:inset 3px 0 0 0 #f97316;} #tablo tbody tr.sevkiyat-degisti td{background-color:transparent !important;} #tablo td:has(.siparis-miktar-kutu){width:60px; min-width:60px; max-width:60px; padding-left:2px !important; padding-right:2px !important;} /*#endregion*/ /*#region DataTables Alt Bar*/ .dataTables_wrapper .dt-alt-bar{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 12px; border:1px solid rgba(0,0,0,0.1); border-width:0 1px 1px 1px; border-radius:0 0 10px 10px; opacity:0;} .dataTables_wrapper .dt-alt-bar .dataTables_info{clear:none; float:none; padding:8px 0; font-size:12px;} .dataTables_wrapper .dt-alt-bar .dataTables_paginate{padding:6px 0; border:none; border-radius:0;} .dataTables_wrapper.dt-infinite-scroll-active .dt-alt-bar{justify-content:flex-start;} @media (max-width: 768px){ .dataTables_wrapper .dt-alt-bar{flex-direction:column; align-items:center; gap:2px; padding-bottom:8px;} .dataTables_wrapper .dt-alt-bar .dataTables_paginate{padding-bottom:0; margin-top:0;} } /*#endregion*/ /*#region DataTables Infinite Scroll Stilleri*/ .dt-infinite-scroll-active .dataTables_paginate, .dt-infinite-scroll-active .dt-paging, .dataTables_wrapper.dt-infinite-scroll-active .dataTables_paginate, .dataTables_wrapper.dt-infinite-scroll-active .dt-paging, [data-infinite-scroll-hidden="true"]{display: none !important;} tr.dt-infinite-sentinel-row{background-color: transparent !important;} tr.dt-infinite-sentinel-row td{border: none !important; background: transparent !important; padding: 10px 0 !important; text-align: center !important;} .dt-infinite-spinner{display: flex; align-items: center; justify-content: center; gap: 8px; color: #64748b; font-size: 13px; font-weight: 500;} .dt-infinite-spinner i{font-size: 16px; color: #2563eb;} /*#endregion*/ /*#region Özel Filtre Paneli*/ .ozelfiltre-perde{position:fixed; inset:0; background:rgba(15,23,42,0.42); backdrop-filter:blur(2px); z-index:9200; opacity:0; visibility:hidden; transition:opacity .22s;} .ozelfiltre-perde.acik{opacity:1; visibility:visible;} .ozelfiltre-panel{position:fixed; top:0; right:0; bottom:0; width:340px; max-width:90vw; z-index:9201; display:flex; flex-direction:column; background:#fbfcfe; box-shadow:-10px 0 40px rgba(15,23,42,0.22); transform:translateX(100%); transition:transform .26s cubic-bezier(0.32,0.72,0,1);} .ozelfiltre-panel.acik{transform:translateX(0);} /* Başlık */ .ozelfiltre-panel .ozelfiltre-baslik{display:flex; align-items:center; gap:10px; flex-shrink:0; padding:16px 18px; background:linear-gradient(135deg,#1e2d5a 0%,#2f4dbf 140%); color:#fff;} .ozelfiltre-panel .ozelfiltre-baslik .ikon{display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:9px; background:rgba(255,255,255,0.16); font-size:13px;} .ozelfiltre-panel .ozelfiltre-baslik .yazi{flex:1; font-size:13.5px; font-weight:600; letter-spacing:.2px;} .ozelfiltre-panel .ozelfiltre-baslik .ozelfiltre-baslik-say{display:none; min-width:20px; height:20px; padding:0 6px; align-items:center; justify-content:center; border-radius:10px; background:#f59e0b; color:#3b2500; font-size:10px; font-weight:700;} .ozelfiltre-panel .ozelfiltre-baslik .ozelfiltre-baslik-say.dolu{display:inline-flex;} .ozelfiltre-panel .ozelfiltrekapat{display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; flex-shrink:0; border:0; border-radius:8px; background:rgba(255,255,255,0.14); color:#fff; font-size:13px; cursor:pointer; transition:background .15s;} .ozelfiltre-panel .ozelfiltrekapat:hover{background:rgba(255,255,255,0.3);} /* Gövde */ .ozelfiltre-panel .ozelfiltre-govde{flex:1; overflow-y:auto; padding:14px 14px 18px;} .ozelfiltre-panel .ozelfiltre-grup{margin-bottom:16px;} .ozelfiltre-panel .ozelfiltre-grup:last-child{margin-bottom:0;} .ozelfiltre-panel .ozelfiltre-grup-baslik{padding:0 4px 7px; font-size:9.5px; font-weight:700; letter-spacing:.9px; text-transform:uppercase; color:#94a3b8;} .ozelfiltre-panel .ozelfiltre-govde label{position:relative; display:flex; align-items:center; gap:11px; margin:0 0 4px; padding:10px 12px; background:#fff; border:1px solid #e8edf4; border-radius:9px; font-size:12px; color:#334155; cursor:pointer; user-select:none; transition:border-color .14s, background .14s, box-shadow .14s;} .ozelfiltre-panel .ozelfiltre-govde label:hover{border-color:#c7d2fe; box-shadow:0 2px 8px rgba(47,77,191,0.08);} .ozelfiltre-panel .ozelfiltre-govde label:has(input:checked){background:#f4f6ff; border-color:#2f4dbf; color:#1e2d5a; font-weight:600;} .ozelfiltre-panel .ozelfiltre-govde label:has(input:checked)::before{content:''; position:absolute; left:0; top:9px; bottom:9px; width:3px; border-radius:0 3px 3px 0; background:#2f4dbf;} /* Kutucuk */ .ozelfiltre-panel .ozelfiltre-govde input[type="checkbox"]{position:relative; -webkit-appearance:none; appearance:none; flex-shrink:0; width:17px; height:17px; margin:0; border:1.5px solid #cbd5e1; border-radius:5px; background:#fff; cursor:pointer; transition:background .14s, border-color .14s;} .ozelfiltre-panel .ozelfiltre-govde input[type="checkbox"]:hover{border-color:#2f4dbf;} .ozelfiltre-panel .ozelfiltre-govde input[type="checkbox"]:checked{background:#2f4dbf; border-color:#2f4dbf;} .ozelfiltre-panel .ozelfiltre-govde input[type="checkbox"]:checked::after{content:''; position:absolute; left:5px; top:1.5px; width:4px; height:9px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(42deg);} /* Alt */ .ozelfiltre-panel .ozelfiltre-alt{flex-shrink:0; padding:12px 14px; background:#fff; border-top:1px solid #e8edf4;} .ozelfiltre-panel .ozelfiltretemizle{width:100%; padding:10px; border:1px solid #e2e8f0; border-radius:8px; background:#f8fafc; font-size:12px; font-weight:500; color:#64748b; cursor:pointer; transition:all .14s;} .ozelfiltre-panel .ozelfiltretemizle:hover{background:#fef2f2; border-color:#fca5a5; color:#b91c1c;} /* Buton — işlem menüsünde */ .btnozelfiltre{position:relative;} .btnozelfiltre .ozelfiltre-say{position:absolute; top:-5px; right:-5px; min-width:16px; height:16px; padding:0 4px; display:none; align-items:center; justify-content:center; border-radius:9px; background:#f59e0b; color:#3b2500; font-size:9px; font-weight:700; line-height:1;} .btnozelfiltre .ozelfiltre-say.dolu{display:inline-flex;} sag-icerik header sayfa-islemmenu .islemmenu .manuel button.btnozelfiltre{padding:8px 8px; margin-right:3px; color:#fff; background:#6946E9; font-size:14px; border-radius:5px; border:0;} sag-icerik header sayfa-islemmenu .islemmenu .manuel button.btnozelfiltre:hover{background:#4b27cc;} sag-icerik header sayfa-islemmenu .islemmenu .manuel button.btnozelfiltre i{margin-right:0;} sag-icerik header sayfa-islemmenu .islemmenu .manuel button.btnozelfiltre.etkin{background:#f59e0b;} .btnozelfiltre-sabit{position:fixed; right:18px; bottom:18px; z-index:9199;} .btnozelfiltre-sabit .btnozelfiltre{width:44px; height:44px; border:none; border-radius:50%; background:#6946E9; color:#fff; font-size:15px; cursor:pointer; box-shadow:0 4px 14px rgba(0,0,0,0.28);} /*#endregion*/ /*#region B2B Bekleyen Sipariş rozeti + balonu*/ #tablo .bekleyensiparis-alan{margin:0;} .bekleyensiparis{display:inline-flex; align-items:center; gap:4px; padding:3px 5px 3px 4px; border-radius:20px; background:#fff7ed; border:1px solid #fed7aa; color:#c2410c; font-size:11px; font-weight:700; cursor:pointer; white-space:nowrap;} .bekleyensiparis:hover{background:#c2410c; border-color:#c2410c; color:#fff;} .bekleyensiparis i{font-size:10px;} .bekleyensiparis span{line-height:1;} .balon.bekleyensiparis-balon{--balon-zemin:#ffffff; --balon-kenar:#fbb94c; min-width:250px;} .balon.bekleyensiparis-balon .baslik{color:#c2410c;} .balon.bekleyensiparis-balon .bs-satir{display:flex; align-items:center; gap:7px; width:100%; padding:4px 6px; border-radius:5px; cursor:pointer;} .balon.bekleyensiparis-balon .bs-satir:hover{background:rgba(194,65,12,0.10);} .balon.bekleyensiparis-balon .bs-id{font-size:11.5px; font-weight:700; color:var(--renk-yazi);} .balon.bekleyensiparis-balon .bs-durum{font-size:9.5px; font-weight:600; padding:1px 6px; border-radius:4px; background:#fff; border:1px solid #fed7aa; color:#c2410c; white-space:nowrap;} .balon.bekleyensiparis-balon .bs-tarih{margin-left:auto; font-size:10px; color:var(--renk-yazi-soluk); white-space:nowrap;} .balon.bekleyensiparis-balon .bs-tumu{display:inline-flex; align-items:center; gap:6px; width:100%; margin-top:4px; padding:5px 6px; border-top:1px solid #fed7aa; font-size:10.5px; font-weight:600; color:#c2410c; cursor:pointer;} .balon.bekleyensiparis-balon .bs-tumu:hover{color:var(--renk-yazi);} /*#endregion*/ /*#region B2B Sipariş Detay*/ .cari-rozetleri{display:inline-flex; align-items:center; align-self:center; gap:8px;} .cari-rozetleri .balon-alan{position:relative;} .cari-rozetleri .bekleyensiparis, .cari-rozetleri .bakiyesiparis{position:relative; width:32px; height:32px; padding:0; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;} .cari-rozetleri .bekleyensiparis i, .cari-rozetleri .bakiyesiparis i{font-size:14px !important; margin-left:0 !important; padding:0 !important;} .cari-rozetleri .sayac{position:absolute; top:-4px; right:-4px; min-width:17px; height:17px; padding:0 4px; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; border:1.5px solid #fff; font-size:9.5px; font-weight:700; line-height:17px; color:#fff;} .cari-rozetleri .bekleyensiparis .sayac{background:#c2410c;} .cari-rozetleri .bakiyesiparis .sayac{background:#0e7490;} .bakiyesiparis{display:inline-flex; align-items:center; gap:4px; padding:2px 7px; border-radius:20px; background:#ecfeff; border:1px solid #a5f3fc; color:#0e7490; font-size:11px; font-weight:700; cursor:pointer; white-space:nowrap;} .bakiyesiparis:hover{background:#0e7490; border-color:#0e7490; color:#fff;} .bakiyesiparis i{font-size:10px;} /*#endregion*/ /*#region B2B Stok Bekleyen Sipariş*/ #tablo .bekleyenstok-alan{margin-left:4px;} #tablo i.bekleyenstok{font-size:14px; cursor:pointer;} #tablo i.bekleyenstok.kendisube{color:#2f4dbf;} #tablo i.bekleyenstok.digersube{color:#f59e0b;} #tablo i.bekleyenstok:hover{transform:scale(1.2);} #tablo tr.bekleyenstoklu td{background:#fffbeb;} .balon.bekleyenstok-balon{--balon-zemin:#ffffff; --balon-kenar:#f3a095; min-width:270px;} .balon.bekleyenstok-balon .baslik{color:var(--renk-tehlike);} .balon.bekleyenstok-balon .bst-icerik{display:flex; flex-direction:column; gap:2px; width:100%;} .balon.bekleyenstok-balon .bst-icerik > i{align-self:center; margin:6px 0;} .balon.bekleyenstok-balon .bst-bos{font-size:11px; color:var(--renk-yazi-soluk);} .balon.bekleyenstok-balon .bst-satir{display:flex; align-items:center; gap:8px; width:100%; padding:4px 6px; border-radius:5px; cursor:pointer;} .balon.bekleyenstok-balon .bst-satir:hover{background:#f1c06f20;} .balon.bekleyenstok-balon .bst-cari{display:flex; flex-direction:column; min-width:0; flex:1;} .balon.bekleyenstok-balon .bst-cari b{font-size:10.5px; color:var(--renk-yazi);} .balon.bekleyenstok-balon .bst-cari span{font-size:10px; color:var(--renk-yazi-soluk); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .balon.bekleyenstok-balon .bst-sag{display:flex; align-items:center; gap:6px; flex-shrink:0;} .balon.bekleyenstok-balon .bst-miktar{font-size:11px; font-weight:700; color:var(--renk-tehlike);} .balon.bekleyenstok-balon .bst-sube{font-size:9px; font-weight:600; padding:1px 5px; border-radius:4px; background:#fff; border:1px solid #fbe6a2; color:var(--renk-yazi-orta);} /*#endregion*/ /* ======================== 5 · IFRAME ======================== */ /*#region Üst Bar*/ duzenle-icerik .ust-bar{display:flex; justify-content:flex-end; align-items:center; width:100%; padding:8px 10px; background:#f8fafc; border-radius:8px; margin-bottom:4px; box-shadow:0 1px 4px rgba(0,0,0,0.06); border:1px solid rgba(0,0,0,0.06);} duzenle-icerik .ust-bar .tetikle-btn{display:inline-flex; align-items:center; gap:6px; padding:6px 14px; font-size:12px; font-weight:500; border-radius:6px; background:#1e2d5a; color:#fff; border:none; box-shadow:0 2px 6px rgba(30,45,90,0.18); transition:background .15s,box-shadow .15s; cursor:pointer; line-height:1;} duzenle-icerik .ust-bar .tetikle-btn:hover{background:#2a3f7e; box-shadow:0 3px 8px rgba(30,45,90,0.28);} duzenle-icerik .ust-bar .tetikle-btn i{font-size:12px;} /*#endregion*/ duzenle-icerik .ozelalan{width:100%; border-radius:8px; padding:8px; border:1px solid rgba(0,0,0,.1);} duzenle-icerik .ozelalan .ozelalan-baslik{font-size:14px; font-weight:500; padding:15px; border-radius:5px; background:rgba(0,0,0,0.1); display:flex; align-items:center; justify-content:space-between;} duzenle-icerik .ozelalan .ozelalan .ozelalan-baslik{font-size:14px; font-weight:500; padding:10px;} duzenle-icerik .ozelalan .ozelalan-checkicerik{padding:15px !important;} duzenle-icerik .ozelalan .ozelalan-texticerik{padding-top:15px !important; display:flex; flex-wrap:wrap;} /* Kart içeriği ızgaraya çevrildiyse display geri alınıyor: yukarıdaki flex `.izgara`dan daha özgül olduğu için kolonlar hiç oluşmuyordu. Ölçüldü. */ duzenle-icerik .ozelalan .ozelalan-texticerik.izgara{display:grid;} duzenle-icerik .ozelalan .ozelalan-texticerik > *{padding:8px 4px;} duzenle-icerik .ozelalan .ozelalan-texticerik > .dataTables_wrapper{width:100%;} duzenle-icerik .ozelalan .grupbaslik{margin:10px 0; padding-top:10px; border-top:1px solid rgba(0,0,0,0.1); font-weight:600; width:100%; display:flex; align-items:center; gap:6px;} duzenle-icerik .ozelalan .grupbaslik:nth-of-type(1){margin:0 0 10px 0; padding-top:0; border-top:0;} duzenle-icerik .ozelalan .grupbaslik label{font-weight:600; cursor:pointer;} /*#region Yetki Yönetimi (yetki bazlı ekran)*/ body[tip="duzenlelayout"] form.duzenle-alan:has(.yetki-yonetim){display:flex; flex-direction:column; overflow:hidden;} body[tip="duzenlelayout"] form.duzenle-alan:has(.yetki-yonetim) duzenle-icerik{flex:1; min-height:0; display:block; overflow:hidden;} .yetki-yonetim{display:flex; flex-direction:column; height:100%; gap:8px; padding:8px;} .yetki-yonetim .yy-ust{display:flex; align-items:center; gap:6px; flex-wrap:wrap; padding:8px 10px; background:#f8fafc; border-radius:8px; border:1px solid rgba(0,0,0,0.06);} .yetki-yonetim .yy-gecis{display:inline-flex; align-items:center; gap:6px; padding:6px 12px; font-size:12px; font-weight:500; border-radius:6px; background:var(--renk-arkaplan-hover); color:var(--renk-yazi); text-decoration:none;} .yetki-yonetim .yy-gecis:hover{background:#e2e8f0;} .yetki-yonetim .yy-gecis.aktif{background:var(--renk-birincil-koyu); color:#fff;} .yetki-yonetim .yy-govde{display:flex; gap:10px; flex:1; min-height:0;} .yetki-yonetim .yy-sol{width:280px; flex-shrink:0; overflow-y:auto; padding:8px; background:#fff; border:1px solid rgba(0,0,0,0.08); border-radius:8px;} .yetki-yonetim .yy-sag{flex:1; min-width:0; overflow:hidden; display:flex; flex-direction:column; gap:8px;} .yetki-yonetim .yy-yetkibuton{display:block; width:100%; text-align:left; padding:6px 8px; font-size:12px; border:none; background:transparent; border-radius:6px; cursor:pointer; color:var(--renk-yazi); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .yetki-yonetim .yy-yetkibuton:hover{background:var(--renk-arkaplan-hover);} .yetki-yonetim .yy-yetkibuton.aktif{background:#f39622; color:#fff; font-weight:600;} .yetki-yonetim .yy-yetkibuton.derinlik-1{margin-left:12px;} .yetki-yonetim .yy-yetkibuton.derinlik-2{margin-left:24px; font-size:11px;} .yetki-yonetim .yy-yetkibuton.derinlik-3{margin-left:36px; font-size:11px;} .yetki-yonetim .yy-yetkibuton.derinlik-4{margin-left:48px; font-size:10px;} .yetki-yonetim .yy-grup{width:100%; margin-bottom:6px;} .yetki-yonetim .yy-grupbaslik{font-size:11px; font-weight:700; color:var(--renk-yazi-soluk); text-transform:uppercase; padding:8px 8px 4px; border-top:1px solid rgba(0,0,0,0.07); margin-top:4px;} .yetki-yonetim .yy-grup:first-child .yy-grupbaslik{border-top:0; margin-top:0;} .yetki-yonetim .yy-bilgi{padding:8px 10px; background:#eff6ff; border:1px solid #dbeafe; border-radius:8px; font-size:12px; color:var(--renk-birincil);} .yetki-yonetim .yy-kolonlar{display:flex; gap:8px; flex:1; min-height:0; overflow-x:auto;} .yetki-yonetim .yy-kolon{flex:1; min-width:150px; display:flex; flex-direction:column; background:#fff; border:1px solid rgba(0,0,0,0.08); border-radius:8px; overflow:hidden;} .yetki-yonetim .yy-kolonbaslik{display:flex; align-items:center; gap:6px; padding:8px 10px; background:var(--renk-birincil-koyu); color:#fff; font-weight:600; font-size:12px; position:relative;} .yetki-yonetim .yy-kolonbaslik label{cursor:pointer;} .yetki-yonetim .yy-diz{flex:1; overflow-y:auto; padding:6px;} .yetki-yonetim .yy-satir{display:flex; align-items:center; gap:6px; padding:5px 6px; border-radius:6px; font-size:12px; cursor:pointer; position:relative;} .yetki-yonetim .yy-satir:hover{background:var(--renk-arkaplan-hover);} .yetki-yonetim .yy-satir .guncelleyici{margin-left:auto;} /* Once adi soyadi, altinda kullanici adi kucuk zeminli etiket. Ciplak gri metin olarak ustte dururken satirlar birbirine karisiyordu. */ .yetki-yonetim .yy-ad{display:flex; flex-direction:column; align-items:flex-start; gap:3px; line-height:1.2; min-width:0;} .yetki-yonetim .yy-adi{font-size:12px; max-width:100%; overflow:hidden; text-overflow:ellipsis;} .yetki-yonetim .yy-kadi{max-width:100%; font-size:9px; font-weight:700; color:var(--renk-yazi-soluk); background:var(--renk-arkaplan-hover); border:1px solid rgba(0,0,0,0.05); border-radius:4px; padding:1px 5px; text-transform:lowercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .yetki-yonetim .yy-satir:hover .yy-kadi{background:#fff;} .yetki-yonetim .yy-diz .yy-grupbaslik{display:flex; align-items:center; gap:6px; position:sticky; top:0; z-index:1; background:#fff;} .yetki-yonetim .yy-grupsayi{margin-left:auto; font-size:9px; font-weight:700; color:var(--renk-yazi-soluk); background:var(--renk-arkaplan-hover); border-radius:999px; padding:1px 6px;} .yetki-yonetim .yy-ust input[type=text], .yetki-yonetim .yy-ust select{height:34px; padding:0 10px; font-size:12px; color:var(--renk-yazi); background:#fff; border:1px solid rgba(0,0,0,0.12); border-radius:6px; font-family:inherit;} .yetki-yonetim .yy-ust input[type=text]{width:220px;} .yetki-yonetim .yy-ust select{width:190px;} .yetki-yonetim .yy-ust input[type=text]:focus, .yetki-yonetim .yy-ust select:focus{outline:none; border-color:var(--renk-birincil);} .yetki-yonetim .yy-ust .yy-bosluk{margin-left:auto;} .yetki-yonetim .yy-sayi{margin-left:auto; font-size:10px; font-weight:700; background:rgba(255,255,255,0.18); padding:2px 7px; border-radius:999px;} .yetki-yonetim .yy-satir.pasif{opacity:.55;} /*#region Rol Rozeti — renk adi rol satirindan (RolTanim.Renk), rol id'sine bagli degil */ .rol-rozet{display:inline-flex; align-items:center; padding:3px 9px; border-radius:999px; font-size:10px; font-weight:700; white-space:nowrap; border:1px solid transparent;} .rol-rozet.renk-kirmizi{background:#fee2e2; color:#991b1b; border-color:#fecaca;} .rol-rozet.renk-yesil{background:#d1fae5; color:#065f46; border-color:#a7f3d0;} .rol-rozet.renk-turkuaz{background:#cffafe; color:#155e75; border-color:#a5f3fc;} .rol-rozet.renk-morlila{background:#ede9fe; color:#5b21b6; border-color:#ddd6fe;} .rol-rozet.renk-mor{background:#f3e8ff; color:#6b21a8; border-color:#e9d5ff;} .rol-rozet.renk-siyah{background:#e5e7eb; color:#374151; border-color:#d1d5db;} .rol-rozet.renk-turuncu{background:#ffedd5; color:#9a3412; border-color:#fed7aa;} .rol-rozet.renk-kahve{background:#efe1d5; color:#7c4a24; border-color:#e2cdb9;} .rol-rozet.renk-mavi{background:#dbeafe; color:#1e40af; border-color:#bfdbfe;} .rol-rozet.renk-lacivert{background:#e0e7ff; color:#312e81; border-color:#c7d2fe;} .rol-rozet.renk-fusya{background:#fce7f3; color:#9d174d; border-color:#fbcfe8;} .rol-rozet.renk-sari{background:#fef3c7; color:#92400e; border-color:#fde68a;} /*#endregion*/ /* Kart akisi: sutun basina bir deger duzeni 14 rolde okunmaz hale gelmisti. Rol Atama ve yetki yonetimi ekranlari bu akisi paylasiyor. */ /* Izgara, cok sutunlu metin akisi DEGIL: sabit yukseklikte "columns" yana tasiyor ve yatay kaydirma cikiyordu. Izgara soldan saga dizip asagi sariyor. */ .yetki-yonetim .yy-akis{flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:10px; align-content:start; padding:2px;} .yetki-yonetim .yy-akis .yy-grup{align-self:start; background:#fff; border:1px solid rgba(0,0,0,0.08); border-radius:8px; padding:4px 6px 6px; margin:0;} .yetki-yonetim .yy-akis .yy-grupbaslik{position:static; border-top:0; margin-top:0; padding:4px 2px 6px;} .yetki-yonetim .yy-rolkaynak{display:none;} .yetki-yonetim .yy-altgrup{margin-top:4px;} .yetki-yonetim .yy-altbaslik{display:flex; align-items:center; gap:6px; font-size:10px; font-weight:700; color:var(--renk-yazi-soluk); text-transform:uppercase; padding:4px 2px 2px; border-top:1px solid rgba(0,0,0,0.06);} .yetki-yonetim .yy-altgrup:first-child .yy-altbaslik{border-top:0;} .yetki-yonetim .yy-altbaslik .yy-grupsayi{margin-left:auto;} .yetki-yonetim .ra-rol{display:flex; align-items:center; gap:6px; margin-bottom:2px;} .yetki-yonetim .ra-rol .rol-rozet{pointer-events:none;} .yetki-yonetim .ra-sayi{margin-left:auto; font-size:10px; font-weight:700; color:var(--renk-yazi-soluk); background:var(--renk-arkaplan-hover); border-radius:999px; padding:1px 7px;} .yetki-yonetim .ra-rol.aktif{background:var(--renk-birincil-koyu); color:#fff;} .yetki-yonetim .ra-rol.aktif .ra-sayi{background:rgba(255,255,255,0.22); color:#fff;} .yetki-yonetim .ra-rol.drag-over{background:#dbeafe; outline:2px dashed var(--renk-birincil); outline-offset:-2px;} .yetki-yonetim .yy-satir[draggable=true]{cursor:grab;} .yetki-yonetim .yy-satir[draggable=true]:active{cursor:grabbing;} .yetki-yonetim .yy-satir.dragging, .yetki-yonetim .yy-satir.dragging *{opacity:.4; user-select:none;} .yetki-yonetim .yy-kolon.drag-over{border-color:var(--renk-birincil); box-shadow:0 0 0 2px rgba(47,77,191,0.25) inset;} .yetki-yonetim .yy-kolon.drag-over .yy-diz{background:rgba(219,234,254,0.45);} .yetki-yonetim .yy-bos{padding:10px; font-size:11px; color:var(--renk-yazi-soluk); text-align:center;} /*#endregion*/ duzenle-icerik .ozelalan .checkboxalan.derinlik-0:nth-of-type(1){margin-top:0; padding-top:0; border-top:0;} duzenle-icerik .ozelalan .checkboxalan.derinlik-0{margin-top:10px; padding-top:10px; border-top:1px solid rgba(0,0,0,0.1);} duzenle-icerik .ozelalan .checkboxalan.derinlik-1{margin-left:10px;} duzenle-icerik .ozelalan .checkboxalan.derinlik-2{margin-left:20px;} duzenle-icerik .ozelalan .checkboxalan.derinlik-3{margin-left:30px;} duzenle-icerik .ozelalan .checkboxalan.derinlik-4{margin-left:40px;} duzenle-icerik .ozelalan .checkboxalan.derinlik-5{margin-left:50px;} duzenle-icerik .ozelalan .checkboxalan.derinlik-6{margin-left:60px;} duzenle-icerik .ozelalan .checkboxalan{position:relative; display:flex; width:100%; height:100%; align-items:center;} duzenle-icerik .ozelalan .checkboxalan label{line-height:25px; font-feature-settings:"case";} duzenle-icerik .ozelalan .checkboxalan label.derinlik-0{font-size:13px; font-weight:600;} duzenle-icerik .ozelalan .checkboxalan label.derinlik-1{font-size:12px; font-weight:400;} duzenle-icerik .ozelalan .checkboxalan label.derinlik-2{font-size:11px; font-weight:400;} duzenle-icerik .ozelalan .checkboxalan label :is(.derinlik-3,.derinlik-4,.derinlik-5,.derinlik-6){font-size:10px; font-weight:300;} duzenle-icerik .ozelalan .checkboxalan input[type=checkbox]{width:15px; height:15px; margin-right:6px;} duzenle-icerik .ozelalan-0{border:1px solid rgba(0,0,0,0.1);} duzenle-icerik .ozelalan-0 .ozelalan-baslik{background:rgba(0,0,0,0.05) !important; color:#999 !important;} duzenle-icerik .ozelalan-1{border:1px solid #ddd;} duzenle-icerik .ozelalan-1 .ozelalan-baslik{background:#ddd !important; color:#555 !important;} duzenle-icerik .ozelalan-2{border:1px solid #eddb85;} duzenle-icerik .ozelalan-2 .ozelalan-baslik{background:#fff0a6; color:var(--renk-vurgu-yazi);} duzenle-icerik .ozelalan-3{border:1px solid var(--renk-birincil-acik);} duzenle-icerik .ozelalan-3 .ozelalan-baslik{background:var(--renk-birincil-acik); color:var(--renk-birincil);} duzenle-icerik .ozelalan-4{border:1px solid #c8eeaa;} duzenle-icerik .ozelalan-4 .ozelalan-baslik{background:#beea97; color:#267407;} duzenle-icerik .ozelalan-5{border:1px solid #bdf3e4;} duzenle-icerik .ozelalan-5 .ozelalan-baslik{background:#bfeddf; color:#07745d;} duzenle-icerik .ozelalan-6{border:1px solid #bdf3ca;} duzenle-icerik .ozelalan-6 .ozelalan-baslik{background:#bfedc4; color:#077409;} duzenle-icerik .ozelalan-7{border:1px solid #d0bdf3;} duzenle-icerik .ozelalan-7 .ozelalan-baslik{background:#d5bfed; color:#660774;} /*#endregion*/ /*#region Iframe Ozel Alanlar*/ body[tip="iframelayout"] .icerik-alan .ozelalan{width:100%; border-radius:8px; padding:8px; border:1px solid rgba(0,0,0,.1);} body[tip="iframelayout"] .icerik-alan .ozelalan .ozelalan-baslik{font-size:14px; font-weight:500; padding:15px; border-radius:5px; background:rgba(0,0,0,0.1); display:flex; align-items:center; justify-content:space-between;} body[tip="iframelayout"] .icerik-alan .ozelalan .ozelalan .ozelalan-baslik{font-size:14px; font-weight:500; padding:10px;} body[tip="iframelayout"] .icerik-alan .ozelalan .ozelalan-checkicerik{padding:15px !important;} body[tip="iframelayout"] .icerik-alan .ozelalan .ozelalan-texticerik{padding-top:15px !important; display:flex; flex-wrap:wrap;} body[tip="iframelayout"] .icerik-alan .ozelalan .ozelalan-texticerik.izgara{display:grid;} body[tip="iframelayout"] .icerik-alan .ozelalan .ozelalan-texticerik > *{padding:8px 4px;} body[tip="iframelayout"] .icerik-alan .ozelalan .ozelalan-texticerik > .dataTables_wrapper{width:100%;} body[tip="iframelayout"] .icerik-alan .ozelalan .grupbaslik{margin:10px 0; padding-top:10px; border-top:1px solid rgba(0,0,0,0.1); font-weight:600; width:100%; display:flex; align-items:center; gap:6px;} body[tip="iframelayout"] .icerik-alan .ozelalan .grupbaslik label{font-weight:600; cursor:pointer;} body[tip="iframelayout"] .icerik-alan .ozelalan .grupbaslik:nth-of-type(1){margin:0 0 10px 0; padding-top:0; border-top:0;} body[tip="iframelayout"] .icerik-alan .ozelalan .checkboxalan.derinlik-0:nth-of-type(1){margin-top:0; padding-top:0; border-top:0;} body[tip="iframelayout"] .icerik-alan .ozelalan .checkboxalan.derinlik-0{margin-top:10px; padding-top:10px; border-top:1px solid rgba(0,0,0,0.1);} body[tip="iframelayout"] .icerik-alan .ozelalan .checkboxalan.derinlik-1{margin-left:10px;} body[tip="iframelayout"] .icerik-alan .ozelalan .checkboxalan.derinlik-2{margin-left:20px;} body[tip="iframelayout"] .icerik-alan .ozelalan .checkboxalan.derinlik-3{margin-left:30px;} body[tip="iframelayout"] .icerik-alan .ozelalan .checkboxalan.derinlik-4{margin-left:40px;} body[tip="iframelayout"] .icerik-alan .ozelalan .checkboxalan.derinlik-5{margin-left:50px;} body[tip="iframelayout"] .icerik-alan .ozelalan .checkboxalan.derinlik-6{margin-left:60px;} body[tip="iframelayout"] .icerik-alan .ozelalan .checkboxalan{position:relative; display:flex; width:100%; height:100%; align-items:center;} body[tip="iframelayout"] .icerik-alan .ozelalan .checkboxalan label{line-height:25px; font-feature-settings:"case";} body[tip="iframelayout"] .icerik-alan .ozelalan .checkboxalan label.derinlik-0{font-size:13px; font-weight:600;} body[tip="iframelayout"] .icerik-alan .ozelalan .checkboxalan label.derinlik-1{font-size:12px; font-weight:400;} body[tip="iframelayout"] .icerik-alan .ozelalan .checkboxalan label.derinlik-2{font-size:11px; font-weight:400;} body[tip="iframelayout"] .icerik-alan .ozelalan .checkboxalan label :is(.derinlik-3,.derinlik-4,.derinlik-5,.derinlik-6){font-size:10px; font-weight:300;} body[tip="iframelayout"] .icerik-alan .ozelalan .checkboxalan input[type=checkbox]{width:15px; height:15px; margin-right:6px;} body[tip="iframelayout"] .icerik-alan .ozelalan-0{border:1px solid rgba(0,0,0,0.1);} body[tip="iframelayout"] .icerik-alan .ozelalan-0 .ozelalan-baslik{background:rgba(0,0,0,0.05) !important; color:#999 !important;} body[tip="iframelayout"] .icerik-alan .ozelalan-1{border:1px solid #ddd;} body[tip="iframelayout"] .icerik-alan .ozelalan-1 .ozelalan-baslik{background:#ddd !important; color:#555 !important;} body[tip="iframelayout"] .icerik-alan .ozelalan-2{border:1px solid #eddb85;} body[tip="iframelayout"] .icerik-alan .ozelalan-2 .ozelalan-baslik{background:#fff0a6; color:var(--renk-vurgu-yazi);} body[tip="iframelayout"] .icerik-alan .ozelalan-3{border:1px solid var(--renk-birincil-acik);} body[tip="iframelayout"] .icerik-alan .ozelalan-3 .ozelalan-baslik{background:var(--renk-birincil-acik); color:var(--renk-birincil);} body[tip="iframelayout"] .icerik-alan .ozelalan-4{border:1px solid #c8eeaa;} body[tip="iframelayout"] .icerik-alan .ozelalan-4 .ozelalan-baslik{background:#beea97; color:#267407;} body[tip="iframelayout"] .icerik-alan .ozelalan-5{border:1px solid #bdf3e4;} body[tip="iframelayout"] .icerik-alan .ozelalan-5 .ozelalan-baslik{background:#bfeddf; color:#07745d;} body[tip="iframelayout"] .icerik-alan .ozelalan-6{border:1px solid #bdf3ca;} body[tip="iframelayout"] .icerik-alan .ozelalan-6 .ozelalan-baslik{background:#bfedc4; color:#077409;} body[tip="iframelayout"] .icerik-alan .ozelalan-7{border:1px solid #d0bdf3;} body[tip="iframelayout"] .icerik-alan .ozelalan-7 .ozelalan-baslik{background:#d5bfed; color:#660774;} /*#endregion*/ /*#region Std İframe*/ iframe-alan{flex:1 0 0; flex-direction:column; height:auto; display:flex; background:#fff; overflow:hidden;} iframe-alan header{position:sticky; top:0; z-index:20; display:flex; align-items:center; gap:6px; flex-wrap:nowrap; background:#fff; padding:7px 10px; border-bottom:1px solid var(--renk-kenar-acik); box-shadow:var(--golge-sm);} iframe-alan header navigasyon-menu{display:flex; align-items:center; align-self:center; gap:1px; flex-shrink:0;} iframe-alan header navigasyon-menu i{width:28px; height:28px; line-height:28px !important; text-align:center; font-size:13px; border-radius:7px; cursor:pointer; color:var(--renk-yazi-orta); transition:background .15s, color .15s;} iframe-alan header navigasyon-menu i.disabled{color:var(--renk-yazi-en-soluk); cursor:default; pointer-events:none;} iframe-alan header navigasyon-menu i:not(.disabled):hover{background:var(--renk-arkaplan-hover); color:var(--renk-yazi);} iframe-alan header navigasyon-menu::after{content:""; width:1px; height:20px; background:var(--renk-kenar); margin-left:6px;} iframe-alan header iframe-baslik{display:flex; align-items:center; gap:6px; flex:1 1 auto; min-width:0;} iframe-alan header iframe-baslik .bilgilendirmestdbuton{flex-shrink:0;} /* Rapor başlığı: kapsam (şube / görünüm / tarih) pencere başlığında, arama kutusunun solunda; açıklama ⓘ ipucunda. */ iframe-alan header iframe-baslik:has(.gosterge-kapsam){flex:0 1 auto;} iframe-alan header iframe-islemmenu .menu-yazi{display:none;} iframe-alan :is(.gosterge-kapsam button, button.mobil-seritte).islemlistesi.tip1{background:var(--renk-birincil) !important; border-color:var(--renk-birincil) !important; color:#fff !important;} iframe-alan :is(.gosterge-kapsam button, button.mobil-seritte).islemlistesi.tip1:is(:hover, .aktif){background:var(--renk-birincil-koyu) !important; border-color:var(--renk-birincil-koyu) !important;} iframe-alan :is(.gosterge-kapsam button, button.mobil-seritte).islemlistesi.tip1 .fa-chevron-down{color:#fff !important;} iframe-alan :is(.gosterge-kapsam button, button.mobil-seritte).islemlistesi.tip1 .kod-rozet{background:#fff !important; color:var(--renk-birincil) !important;} iframe-alan :is(.gosterge-kapsam button, button.mobil-seritte).islemlistesi.tip1 .kod-rozet.bos{background:none !important; color:#fff !important;} iframe-alan header iframe-baslik .stdkutualan.gosterge-kapsam{width:auto; min-width:0; padding:0; margin:0; position:static; background:none;} iframe-alan header iframe-baslik .gosterge-kapsam :is(.bilgilendirme-alan, .bilgilendirme){padding:0; margin:0; border:0; background:none;} iframe-alan header iframe-baslik .gosterge-kapsam .bilgilendirme{flex-wrap:nowrap; gap:6px;} iframe-alan header iframe-baslik .gosterge-kapsam .bilgilendirme-alan :is(button.islemlistesi, .tarihalan){height:36px; margin-right:0;} iframe-alan header iframe-baslik .bilgilendirmestdbuton:has(> small){display:inline-grid !important; grid-template-columns:auto auto; gap:1px 7px !important; height:auto !important; min-height:32px; padding-top:4px !important; padding-bottom:4px !important;} iframe-alan header iframe-baslik .bilgilendirmestdbuton:has(> small) > i{grid-row:1 / span 2;} iframe-alan header iframe-baslik .bilgilendirmestdbuton > small{grid-column:2; font-size:9px; font-weight:400; line-height:1.1; color:var(--renk-yazi-soluk);} iframe-alan header stok-ekle{position:relative; width:200px; height:36px; display:flex; align-items:center;} iframe-alan header stok-ekle input{display:block; position:absolute; width:100%; height:100%; background:#fff7ee; border:1px solid #ffd086; border-radius:8px; padding:0 10px 0 36px; font-size:12px; color:#b06b00; transition:border-color .15s, background .15s; z-index:10;} iframe-alan header stok-ekle input::placeholder{color:#cc9b4d;} iframe-alan header stok-ekle input:focus{border-color:#ff9d00; background:#fff;} iframe-alan header stok-ekle input.aktif{border-radius:8px 8px 0 0;} iframe-alan header stok-ekle i{position:relative; z-index:11; margin:0 3px; font-size:11px; color:#fff; background:#ffba4c; height:28px; width:24px; text-align:center; border-radius:5px; line-height:28px !important;} iframe-alan header iframe-arama{position:relative; flex:1; min-width:0; height:34px; display:flex; align-items:center;} iframe-alan header iframe-arama input{display:block; position:absolute; inset:0; width:100%; height:100%; background:var(--renk-arkaplan-acik); border:1px solid #e2e8f0; border-radius:8px; padding:0 10px 0 30px; font-size:12px; color:var(--renk-yazi); transition:border-color .15s, background .15s; z-index:10;} iframe-alan header iframe-arama input:focus{border-color:var(--renk-birincil); background:#fff;} iframe-alan header iframe-arama input.aktif{border-radius:8px 8px 0 0;} iframe-alan header iframe-arama i{position:relative; z-index:11; margin:0 10px; font-size:11px; color:var(--renk-yazi-soluk);} iframe-alan header datatable-arama{position:relative; flex:1; min-width:0; height:36px; display:flex; align-items:center;} iframe-alan header datatable-arama input{display:block; position:absolute; inset:0; width:100%; height:100%; background:var(--renk-arkaplan-acik); border:1px solid #e2e8f0; border-radius:8px; padding:0 10px 0 30px; font-size:12px; color:var(--renk-yazi); transition:border-color .15s, background .15s; z-index:10;} iframe-alan header datatable-arama input:focus{border-color:var(--renk-birincil); background:#fff;} iframe-alan header datatable-arama input.aktif{border-radius:8px 8px 0 0;} iframe-alan header datatable-arama i{position:relative; z-index:11; margin:0 10px; font-size:11px; color:var(--renk-yazi-soluk);} iframe-alan header barkod-okut{position:relative; flex:0 0 240px; min-width:0; height:36px; display:flex; align-items:center;} iframe-alan header barkod-okut input{display:block; position:absolute; inset:0; width:100%; height:100%; background:var(--cip-yesil-zemin); border:1px solid var(--cip-yesil-kenar); border-radius:8px; padding:0 10px 0 34px; font-size:13px; font-weight:600; color:var(--cip-yesil-yazi); transition:border-color .15s, background .15s; z-index:10;} iframe-alan header barkod-okut input::placeholder{color:var(--cip-yesil-yazi); opacity:.6; font-weight:500;} iframe-alan header barkod-okut input:focus{border-color:var(--renk-basari); background:var(--renk-yuzey);} iframe-alan header barkod-okut i{position:relative; z-index:11; margin:0 10px; font-size:15px; color:var(--renk-basari);} /* Başlıkta İKİ arama kutusu birden varsa (datatable araması + canlı arama) ikisi birebir aynı görünüyor ve hangisinin ne aradığı anlaşılmıyordu. */ iframe-alan header datatable-arama ~ iframe-arama input{background:var(--renk-birincil-cok-acik); border-color:var(--renk-birincil-acik);} iframe-alan header datatable-arama ~ iframe-arama input:focus{background:#fff; border-color:var(--renk-birincil);} iframe-alan header datatable-arama ~ iframe-arama i{color:var(--renk-birincil);} iframe-alan header cari-degistir{position:relative; display:flex; align-items:center; flex-shrink:0;} iframe-alan header cari-degistir button.caridegistirac{width:36px; height:36px; padding:0; display:inline-flex; align-items:center; justify-content:center; background:var(--renk-uyari); color:#fff; border:none; border-radius:8px; cursor:pointer; transition:background .15s;} iframe-alan header cari-degistir button.caridegistirac i{font-size:15px;} iframe-alan header cari-degistir button.caridegistirac:hover{background:var(--renk-uyari-hover);} iframe-alan header cari-degistir.acik button.caridegistirac{background:var(--renk-uyari-hover);} iframe-alan header cari-degistir input{display:none; width:240px; height:36px; margin-left:4px; background:var(--renk-arkaplan-acik); border:1px solid var(--renk-uyari); border-radius:8px; padding:0 10px; font-size:12px; color:var(--renk-yazi); transition:border-color .15s, background .15s;} iframe-alan header cari-degistir input:focus{border-color:var(--renk-uyari-hover); background:#fff; outline:none;} iframe-alan header cari-degistir.acik input{display:block;} iframe-alan header iframe-islemmenu{display:flex; align-items:center; gap:4px; flex-shrink:0;} iframe-alan header iframe-islemmenu button{display:inline-flex; align-items:center; justify-content:center; gap:6px; height:36px; padding:0 12px; background:var(--renk-birincil-koyu); color:#fff; border:none; border-radius:8px; font-size:11px; font-weight:500; cursor:pointer; white-space:nowrap; transition:background .15s;} iframe-alan header iframe-islemmenu button:hover{background:var(--renk-birincil);} iframe-alan header iframe-islemmenu button i{font-size:10px;} iframe-alan header iframe-islemmenu button[veri=yilSec]{padding:0 10px; background:var(--renk-vurgu); color:var(--renk-vurgu-yazi);} iframe-alan header iframe-islemmenu button[veri=yilSec]:hover{background:var(--renk-vurgu-koyu);} iframe-alan header iframe-islemmenu button[veri=yilSec] i{font-size:9px; color:var(--renk-vurgu-yazi);} iframe-alan header iframe-islemmenu button[veri=listeSec]{background:var(--renk-birincil-koyu);} iframe-alan header iframe-islemmenu .tarihalan{display:inline-flex; align-items:center; height:36px; padding:0 2px 0 10px; background:var(--renk-arkaplan-hover); border-radius:8px; flex-shrink:0;} iframe-alan header iframe-islemmenu .tarihalan .tarihalan-ikon{color:var(--renk-yazi-orta); font-size:12px; margin-right:6px;} iframe-alan header iframe-islemmenu .tarihalan input.tarihsec{border:none; background:transparent; height:100%; width:80px; text-align:center; font-size:11px; color:var(--renk-yazi); outline:none; padding:0 2px;} iframe-alan header iframe-islemmenu .tarihalan .tarihalan-sep{color:var(--renk-yazi-soluk); font-size:11px;} iframe-alan header iframe-islemmenu .tarihalan i.onayla{color:var(--renk-basari); font-size:15px; cursor:pointer; margin:0 8px; transition:color .15s;} /* Hazir donem secici: tarih kutusunun icinde, ayirici cizgiyle. Kendi kutusu yok - iki tarihle ayni alanin parcasi, secilince onlari dolduruyor. */ iframe-alan header iframe-islemmenu .tarihalan select.hazirdonem{border:none; background:transparent; height:100%; font-size:11px; color:var(--renk-yazi); outline:none; cursor:pointer; padding:0 6px 0 0; margin-right:6px; border-right:1px solid var(--renk-kenar); font-family:inherit;} iframe-alan header iframe-islemmenu .tarihalan select.hazirdonem:hover{color:var(--renk-birincil);} iframe-alan header iframe-islemmenu .tarihalan i.onayla:hover{color:var(--renk-uyari);} iframe-alan header iframe-islemmenu button.tekikon, iframe-alan header iframe-islemmenu button.excelindir, iframe-alan header iframe-islemmenu button.datatablesexcelindir, iframe-alan header iframe-islemmenu button.pdfindir{width:36px; height:36px; padding:0; background:var(--renk-arkaplan-hover); border-radius:8px;} iframe-alan header iframe-islemmenu button.tekikon i, iframe-alan header iframe-islemmenu button.excelindir i, iframe-alan header iframe-islemmenu button.datatablesexcelindir i, iframe-alan header iframe-islemmenu button.pdfindir i{font-size:15px; margin:0;} iframe-alan header iframe-islemmenu button.tekikon{color:#475569;} iframe-alan header iframe-islemmenu button.tekikon:hover{background:#e2e8f0; color:var(--renk-yazi);} iframe-alan header iframe-islemmenu button.datatablesexcelindir{background:var(--renk-excel); color:#fff;} iframe-alan header iframe-islemmenu button.datatablesexcelindir:hover{background:#3b670e; color:#fff;} iframe-alan header iframe-islemmenu button.excelindir{background:var(--renk-basari); color:#fff;} iframe-alan header iframe-islemmenu button.excelindir:hover{background:#3b670e; color:#fff;} iframe-alan header iframe-islemmenu button.pdfindir{background:var(--renk-pdf); color:#fff;} iframe-alan header iframe-islemmenu button.pdfindir:hover{background:var(--renk-tehlike); color:#fff;} body[tip="iframelayout"] .iframe-kaydet{display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; flex-shrink:0; background:#2141a0; border:none; border-radius:8px; color:#fff; font-size:15px; cursor:pointer; transition:background .15s;} body[tip="iframelayout"] .iframe-kaydet:hover{background:#1e1f5a;} .iframe-hamburger{display:none;} .sag-hamburger{display:none;} #mobil-sticky-bar{display:none;} #sag-hamburger-menu{position:fixed; top:0; right:0; background:#fff; border-radius:12px; box-shadow:var(--golge-xl); border:1px solid rgba(0,0,0,0.07); z-index:9100; padding:5px; min-width:200px; max-width:290px; display:none; flex-direction:column; gap:1px; max-height:75vh; overflow-y:auto;} #sag-hamburger-menu.acik{display:flex;} #sag-hamburger-menu .shm-link{display:flex; align-items:center; padding:9px 14px; border-radius:8px; font-size:12px; color:var(--renk-yazi); text-decoration:none; transition:background .1s;} #sag-hamburger-menu .shm-link:hover{background:var(--renk-arkaplan-hover);} #sag-hamburger-menu .shm-link.aktif{background:var(--renk-birincil); color:#fff; font-weight:600;} #sag-hamburger-menu .shm-ayrac{height:1px; background:var(--renk-kenar-acik); margin:4px 8px;} #sag-hamburger-menu .shm-tarih{padding:4px 4px 8px; margin-bottom:4px; border-bottom:1px solid var(--renk-kenar-acik);} #sag-hamburger-menu .shm-tarih .tarihalan{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px; gap:6px 4px; align-items:stretch; width:100%; height:auto; margin:0; padding:0; border:0; background:none; box-shadow:none;} #sag-hamburger-menu .shm-tarih .tarihalan select.hazirdonem{grid-column:1 / -1; width:100%; height:32px; margin:0; padding:0 10px; border:1px solid var(--renk-kenar); border-radius:8px; background:var(--renk-arkaplan-acik); font-size:12px; font-weight:600;} #sag-hamburger-menu .shm-tarih .tarihalan input.tarihsec{width:100%; min-width:0; height:32px; margin:0; padding:0 6px; border:1px solid var(--renk-kenar); border-radius:8px; background:var(--renk-arkaplan-acik); color:var(--renk-yazi); text-align:center; font-size:12px;} #sag-hamburger-menu .shm-tarih .tarihalan i.onayla{position:static; transform:none; width:34px; min-height:32px; margin:0; border-radius:8px; background:var(--renk-birincil-cok-acik); color:var(--renk-birincil); font-size:15px; display:flex; align-items:center; justify-content:center;} #sag-hamburger-menu .shm-btn{display:flex; align-items:center; justify-content:flex-start; width:100%; min-height:38px; padding:0 14px; border-radius:8px; font-size:12px; gap:10px; background:transparent; color:var(--renk-yazi); border:none; cursor:pointer; text-align:left; transition:background .1s;} #sag-hamburger-menu .shm-btn:hover{background:var(--renk-arkaplan-hover);} #sag-hamburger-menu .shm-btn i{font-size:15px; width:18px; text-align:center; flex-shrink:0;} #sag-hamburger-menu .shm-btn.shm-excel{color:#16a34a;} #sag-hamburger-menu .shm-btn.shm-excel:hover{background:#f0fdf4;} #sag-hamburger-menu .shm-select-wrap{display:flex; align-items:center; gap:10px; padding:4px 14px;} #sag-hamburger-menu .shm-select-wrap > i{font-size:15px; width:18px; text-align:center; flex-shrink:0; color:var(--renk-yazi-soluk);} #sag-hamburger-menu .shm-select-wrap select.sube-secimi.shm-sube-sec{flex:1; min-width:0; height:36px; font-size:13px;} iframe-alan .icerik-alan{flex:1; display:flex; flex-direction:column; min-width:0; width:100%; height:100%; overflow-x:auto; overflow-y:auto; position:relative; border-radius:8px; padding:0 6px 6px 6px; margin-top:6px;} iframe-alan .icerik{flex:1; display:flex; flex-direction:column; min-width:0; width:100%; height:100%; overflow-x:auto; overflow-y:auto; position:relative;} body[tip="boslayout"]:has(> iframe-alan.tarayici){padding:0; overflow:hidden;} iframe-alan.tarayici header navigasyon-menu:last-child::after{display:none;} iframe-alan.tarayici header navigasyon-menu i.kopyalandi{color:var(--renk-basari);} iframe-alan.tarayici .icerik > iframe.epc{flex:1; width:100%; min-height:0; border:0; border-radius:8px;} iframe-alan .icerik::-webkit-scrollbar{width:5px; height:5px;} iframe-alan .icerik::-webkit-scrollbar-track{box-shadow:none; width:5px; height:5px;} iframe-alan .icerik::-webkit-scrollbar-thumb{border-radius:10px; background-color:#ccc; outline:0;} iframe-alan .icerik::-webkit-scrollbar-thumb:hover{background-color:#ccc; outline:0;} iframe-alan .tablo-bilgi{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:6px 0 12px 0; padding:0 6px;} iframe-alan .satirsayisi{border-top-right-radius:8px; display:inline-block; align-items:center; margin-right:10px;} iframe-alan .satirsayisi select{font-size:12px; width:50px; border:1px solid var(--renk-kenar); padding:6px 3px; border-radius:8px; background:var(--renk-secili); font-weight:400; outline:none;} iframe-alan #toplamkayit{font-size:12px; display:inline-block;} iframe-alan .tablo-bilgi .veriler > *:nth-of-type(1){border-left:0;} iframe-alan .tablo-bilgi .veriler > *{padding:0 8px; border-left:1px solid rgba(0,0,0,0.2);} /* Liste görünümü anahtarı (kart / tablo): yalnız telefonda görünür, mobil.css açar. */ .tablo-gorunum, .tablo-gorunum-alan{display:none;} /* Rapor toplamları: Sayım Detay'daki künye şeridiyle aynı kutular, tek satırda yatay kayar. */ iframe-alan .tablo-bilgi .veriler.mini-toplamlar{display:flex; flex-wrap:nowrap; gap:6px; min-width:0; max-width:100%; padding:0;} iframe-alan .tablo-bilgi .veriler.mini-toplamlar > .tutar-alan{display:flex; flex-direction:column; justify-content:center; gap:1px; padding:5px 10px; border:1px solid var(--renk-kenar-acik); border-radius:var(--radius-md); background:var(--renk-yuzey);} iframe-alan .tablo-bilgi .mini-toplamlar .tutar-alan .baslik{font-size:9px; font-weight:600; color:var(--renk-yazi-orta); white-space:nowrap; text-transform:uppercase; letter-spacing:.2px;} iframe-alan .tablo-bilgi .mini-toplamlar .tutar-alan .tutar{font-size:12px; font-weight:600; white-space:nowrap;} iframe-alan .tablo-bilgi .mini-toplamlar .tutar-alan .tutar .dolar-karsilik{display:block; font-size:10px;} iframe-alan .tablo-bilgi .sepet{font-size:18px; background:#2ed7c7; color:#fff; border-radius:5px; padding:10px; margin:0 3px; cursor:pointer;} iframe-alan .tablo-bilgi .mailgonder{font-size:18px; background:#475569; color:#fff; border-radius:5px; padding:10px; margin:0 3px; cursor:pointer;} iframe-alan .tablo-bilgi .sepet:hover{background:#0bc47b; color:#fff; transform:scale(1.1);} iframe-alan .tablo-bilgi .mailgonder:hover{background:#0d346b; color:#fff; transform:scale(1.1);} iframe-alan #tablo th{background:var(--renk-birincil-en-koyu); color:#fff;} iframe-alan #tablo th:after{background:rgba(255,255,255,0.1);} iframe-alan #tablo thead tr{background:var(--renk-birincil-en-koyu);} iframe-alan #tablo thead tr.filters{background:#565b6d;} iframe-alan #tablo tr.filters th{background:#565b6d; color:#fff;} iframe-alan #tablo tr.filters th input{color:#fff;} iframe-alan #tablo tr.filters th input::placeholder{color:#ffffff88;} iframe-alan #tablo th.solsticky{position:sticky; z-index:4; left:0; background:var(--renk-birincil-en-koyu);} iframe-alan #tablo tr.filters th.solsticky{z-index:5;} iframe-alan #tablo td.solsticky{position:sticky; z-index:2; left:0; background:#fff;} iframe-alan #tablo tbody tr:hover td.solsticky{background:var(--renk-hover);} iframe-alan #tablo tbody tr.sonaktif td.solsticky{background:var(--renk-secili);} iframe-alan #tablo td.solsticky.sonaktif{background:var(--renk-secili); transition:0;} iframe-alan #tablo td.solsticky::after{content:""; position:absolute; inset:0; width:calc(100% + 1px); z-index:-1; border-right:inherit;} iframe-alan .bilgilendirme-alan{background:#fff;} /*#region Tablo Modu: bilgilendirme sabit, sadece tablo scroll*/ iframe-alan .icerik-alan:has(table[data-tablotipi]){overflow:hidden;} iframe-alan .icerik:has(table[data-tablotipi]){overflow-x:auto; overflow-y:auto;} iframe-alan .icerik:has(table[data-tablotipi]) .bilgilendirme-alan{position:sticky; left:0; width:100%; z-index:2; background:#fff;} iframe-alan .icerik:has(table[data-tablotipi]) > .stdkutualan:has(> .hesapnotu), iframe-alan .icerik:has(table[data-tablotipi]) .tablo-bilgi{position:sticky; left:0; z-index:2;} /* Serit yapiskan ve z-index:2; #tablo th ise 5. */ iframe-alan .icerik:has(table[data-tablotipi]) .bilgilendirme-alan:has([data-menu="hep"]){z-index:6;} iframe-alan .icerik:has(table[data-tablotipi]) #tablo th{z-index:5;} iframe-alan .icerik:has(table[data-tablotipi]) #tablo th.solsticky{z-index:6;} /*#endregion*/ iframe-alan .bilgilendirme{border-radius:8px; border:1px solid var(--renk-kenar); padding:5px; margin-bottom:6px; display:flex; flex-wrap:wrap; align-items:center;} /* Aynı bilgilendirme partial'ları hem iframe hem düzenleme layout'unda basılıyor. */ :is(iframe-alan, duzenle-icerik) .btnduzenle:nth-of-type(1){margin:0 5px;} :is(iframe-alan, duzenle-icerik) .btnduzenle:nth-last-of-type(1){margin:0 10px 0 5px;} :is(iframe-alan, duzenle-icerik) .btnduzenle{border-radius:50px; font-size:16px; background:#c2ffda; color:#005521; height:40px; width:40px; align-self:center; cursor:pointer;} :is(iframe-alan, duzenle-icerik) .btnduzenle:hover{background:#19d563; color:#fff; transform:scale(1.1);} :is(iframe-alan, duzenle-icerik) .btnduzenle.siparis-dokuman{background:#ffebc2; color:#553c00;} :is(iframe-alan, duzenle-icerik) .btnduzenle.siparis-dokuman:hover{background:#ffb400; color:#fff;} iframe-alan .temelbilgi .temelbilgiler{margin-right:15px;} iframe-alan .bilgilendirme .temelbilgiler{padding:5px; min-width:0;} iframe-alan .bilgilendirme .temelbilgiler .baslik, iframe-alan .bilgilendirme .temelbilgiler .aciklama, iframe-alan .bilgilendirme .temelbilgiler .aciklama-ozel{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} iframe-alan .bilgilendirme .baslik{font-weight:600;} iframe-alan .bilgilendirme .aciklama{font-weight:400;} iframe-alan .bilgilendirme .aciklama-ozel{font-weight:500; color:#f00;} body:is([data-action="B2BSiparisDetayListe"], [data-action="B2BFaturaDetayListe"], [data-action="B2BToplamaDetayListe"], [data-action="B2BSevkiyatDetayListe"]) iframe-alan .bilgilendirme .aciklama-ozel{width:fit-content; max-width:100%; margin-top:5px; padding:3px 10px 3px 8px; background:#fff7ed; border:1px solid #fed7aa; border-radius:7px; color:#9a3412; font-size:12px; font-weight:600; line-height:1.45; box-sizing:border-box;} body:is([data-action="B2BSiparisDetayListe"], [data-action="B2BFaturaDetayListe"], [data-action="B2BToplamaDetayListe"], [data-action="B2BSevkiyatDetayListe"]) iframe-alan .bilgilendirme .aciklama-ozel::before{content:'\f249'; font-family:'Font Awesome 6 Pro'; font-weight:400; margin-right:6px; color:#ea580c;} body[data-action="B2BSevkiyatDetayListe"] iframe-alan .bilgilendirme .temelbilgiler .baslik + .aciklama{white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} body[data-action="B2BSevkiyatDetayListe"] iframe-alan .bilgilendirme .temelbilgiler .baslik + .aciklama::before{content:'\f3c5'; font-family:'Font Awesome 6 Pro'; font-weight:400; margin-right:6px; color:var(--renk-birincil, #1e2d5a);} body[data-action="B2BSevkiyatDetayListe"] iframe-alan .bilgilendirme .temelbilgiler .baslik + .aciklama + .aciklama::before{content:'\f0d1'; font-family:'Font Awesome 6 Pro'; font-weight:400; margin-right:6px; color:var(--renk-birincil, #1e2d5a);} iframe-alan .bilgilendirme .aciklama-ozel2{font-weight:500; color:var(--renk-basari);} iframe-alan .bilgilendirme .aciklama-alt{font-size:11px; font-weight:500; color:var(--renk-yazi-orta, #64748b); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:help;} /* Cari tipi dikey şerit — sol kenarda, satır yüksekliği eklemez. */ .bilgilendirme-alan.cari-tipli{position:relative; padding-left:18px;} .bilgilendirme-alan .cari-tipi{position:absolute; left:0; top:0; bottom:6px; width:16px; display:flex; align-items:center; justify-content:center; gap:0; writing-mode:vertical-rl; transform:rotate(180deg); font-size:8px; font-weight:600; white-space:nowrap; line-height:1; padding:5px 8px 5px 6px; border-radius:5px; color:#fff;} .bilgilendirme-alan .cari-tipi.efaturacarisi{background:var(--renk-basari);} .bilgilendirme-alan .cari-tipi.earsivcarisi{background:var(--renk-tehlike);} /* Eski satır biçimi — _cariEkleDuzenle ve gösterge panelinde hâlâ kullanılıyor. */ iframe-alan .bilgilendirme .efaturacarisi, iframe-alan .bilgilendirme .earsivcarisi{display:inline-block; font-weight:600; font-size:8px; border-radius:5px; padding:3px 8px;} iframe-alan .bilgilendirme .efaturacarisi{background:var(--renk-basari); color:#fff;} iframe-alan .bilgilendirme .earsivcarisi{background:var(--renk-tehlike); color:#fff;} iframe-alan .bilgilendirme .markalogo{width:80px;} iframe-alan .bilgilendirme .urunresmi{width:80px; border-radius:5px; overflow:hidden; border:1px solid var(--renk-kenar); margin-right:10px;} iframe-alan .toplamlar{display:flex; flex-wrap:nowrap; border-radius:5px; padding:0;} iframe-alan .toplamlar > *{padding:3px; flex:0 0 auto !important; width:auto !important; max-width:none !important; min-width:fit-content;} iframe-alan .toplamlar .tutar-alan{border:1px solid var(--renk-kenar); border-radius:5px; padding:5px 10px; align-content:center; vertical-align:central; transition:.2s;} iframe-alan .toplamlar .tutar-alan:hover{background:#000; color:#fff;} iframe-alan .toplamlar .tutar-alan > div{min-width:70px;} iframe-alan .toplamlar .tutar-alan > div.baslik{font-size:9px; font-weight:600; white-space:nowrap;} iframe-alan .toplamlar .tutar-alan > div.tutar{font-size:14px;} iframe-alan .toplamlar .tutar-alan.bakiye{border:1px solid var(--renk-kenar); height:100%; border-radius:5px; padding:5px 10px; align-content:center; vertical-align:central; transition:.2s;} iframe-alan .toplamlar .tutar-alan.bakiye.kirmizi{background:var(--renk-tehlike); color:#fff; border-color:var(--renk-tehlike);} iframe-alan .toplamlar .tutar-alan.bakiye.yesil{background:var(--renk-basari); color:#fff; border-color:var(--renk-basari);} iframe-alan .toplamlar .tutar-alan.bakiye.turuncu{background:var(--renk-uyari); color:#fff; border-color:var(--renk-uyari);} iframe-alan .toplamlar .tutar-alan.bakiye{position:relative; padding-left:14px; overflow:hidden;} iframe-alan .toplamlar .tutar-alan.bakiye .risk-bar{position:absolute !important; left:0; top:0; width:5px !important; min-width:5px !important; height:100% !important; margin:0 !important; background:rgba(0,0,0,0.10); border-radius:5px 0 0 5px; overflow:hidden;} iframe-alan .toplamlar .tutar-alan.bakiye .risk-bar-dolu{position:absolute !important; left:0; bottom:0; width:5px !important; height:0%; background:var(--renk-birincil); border-radius:3px; transition:height .3s ease;} iframe-alan .toplamlar .tutar-alan.bakiye.kirmizi .risk-bar, iframe-alan .toplamlar .tutar-alan.bakiye.turuncu .risk-bar, iframe-alan .toplamlar .tutar-alan.bakiye.yesil .risk-bar{background:rgba(255,255,255,0.25);} iframe-alan .toplamlar .tutar-alan.bakiye.kirmizi .risk-bar-dolu, iframe-alan .toplamlar .tutar-alan.bakiye.turuncu .risk-bar-dolu, iframe-alan .toplamlar .tutar-alan.bakiye.yesil .risk-bar-dolu{background:#fff;} /*#region Sipariş Akış / Toplamlar iframe wrapper davranışı*/ @media (min-width: 769px){ iframe-alan .bilgilendirme:has(> .siparis-akis), iframe-alan .bilgilendirme:has(.toplamlar){flex-wrap:nowrap;} iframe-alan .bilgilendirme > .toplamlar{flex:0 1 auto !important; width:auto !important; min-width:0 !important; margin-left:auto;} /* Kayan şerit ile sabit özet alanı arasına ayraç: şeridin nerede bittiği belli olmuyor, kutular birbirine yapışık görünüyordu. */ iframe-alan .bilgilendirme > .mini-toplamlar.surukle-birak-x{margin-right:12px;} iframe-alan .bilgilendirme:has(> .mini-toplamlar.surukle-birak-x) > .bilgilendirme-sag-alan{border-left:1px solid var(--renk-kenar); padding-left:12px;} } /*#endregion*/ /*#endregion*/ /* ======================== 6 · B2B ======================== */ /*#region Sipariş Birleştirme*/ .sepetidetiket{display: inline-block; align-items: center; padding: 4px 8px 3px 8px; border-radius: 6px; font-size: 11px; font-weight: 600; color: #fff; background: #f00; line-height:1; margin-right:5px; border: 1px solid rgba(0,0,0,0.10);} .siparisidetiket{display: inline-block; align-items: center; padding: 4px 6px 3px 6px; border-radius: 6px; font-size: 11px; font-weight: 600; color: #1e293b; background: #f8fafc; line-height: 1; margin-right: 5px; border: 1px solid rgba(0,0,0,0.10);} .siparis-birlestir-kutu{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:340px; max-width:calc(100vw - 32px); max-height:70vh; background:#fff; border:1px solid rgba(0,0,0,0.08); border-radius:14px; box-shadow:0 12px 36px rgba(0,0,0,0.18),0 4px 12px rgba(0,0,0,0.08); z-index:9500; display:flex; flex-direction:column; overflow:hidden; font-family:'Poppins',Arial;} .siparis-birlestir-kutu.dragging, .siparis-birlestir-kutu.dragging *{user-select:none;} .siparis-birlestir-kutu .sbk-baslik{display:flex; align-items:center; justify-content:space-between; padding:12px 14px; background:#1e2d5a; color:#fff; flex-shrink:0; cursor:move; user-select:none; touch-action:none;} .siparis-birlestir-kutu .sbk-baslik-yazi{font-size:13px; font-weight:600; display:inline-flex; align-items:center; gap:8px;} .siparis-birlestir-kutu .sbk-baslik-yazi i{color:#a3c4ff;} .siparis-birlestir-kutu .sbk-kapat{background:transparent; border:none; color:#fff; font-size:14px; cursor:pointer; padding:4px 8px; border-radius:5px; transition:background .15s;} .siparis-birlestir-kutu .sbk-kapat:hover{background:rgba(255,255,255,0.14);} .siparis-birlestir-kutu .sbk-cariBilgi{padding:8px 14px; background:#eef2ff; color:#1e2d5a; font-size:11px; border-bottom:1px solid #d7defc; flex-shrink:0; display:none;} .siparis-birlestir-kutu .sbk-cariBilgi i{margin-right:6px; color:#2f4dbf;} .siparis-birlestir-kutu .sbk-icerik{flex:1; overflow-y:auto; padding:8px 10px;} .siparis-birlestir-kutu .sbk-bos{padding:24px 12px; text-align:center; color:#94a3b8; font-size:12px;} .siparis-birlestir-kutu .sbk-liste{display:flex; flex-direction:column; gap:6px;} .siparis-birlestir-kutu .sbk-satir{display:flex; align-items:center; justify-content:space-between; padding:8px 10px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; transition:background .15s;} .siparis-birlestir-kutu .sbk-satir:hover{background:#eef2ff;} .siparis-birlestir-kutu .sbk-satir-bilgi{display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-width:0;} .siparis-birlestir-kutu .sbk-satir-id{font-size:12px; font-weight:700; color:#1e293b;} .siparis-birlestir-kutu .sbk-satir-durum{font-size:9px; font-weight:600; padding:2px 7px; border-radius:4px; background:#e2e8f0; color:#475569; text-transform:uppercase; letter-spacing:0.04em;} .siparis-birlestir-kutu .sbk-satir-tutar{font-size:11px; color:#475569; font-weight:500;} .siparis-birlestir-kutu .sbk-satir-sil{font-size:13px; color:#94a3b8; cursor:pointer; padding:4px; transition:color .15s; flex-shrink:0;} .siparis-birlestir-kutu .sbk-satir-sil:hover{color:var(--renk-tehlike);} .siparis-birlestir-kutu .sbk-altbutonlar{display:flex; gap:6px; padding:10px 12px; border-top:1px solid #e2e8f0; flex-shrink:0; background:#fafbfc;} .siparis-birlestir-kutu .sbk-altbutonlar button{flex:1; padding:9px 12px; border:none; border-radius:7px; font-size:12px; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:6px; transition:background .15s, color .15s, opacity .15s;} .siparis-birlestir-kutu .sbk-temizle{background:#f1f5f9; color:#475569;} .siparis-birlestir-kutu .sbk-temizle:hover{background:#e2e8f0; color:#1e293b;} .siparis-birlestir-kutu .sbk-birlestir{background:var(--renk-basari); color:#fff;} .siparis-birlestir-kutu .sbk-birlestir:hover:not(:disabled){background:#3b670e;} .siparis-birlestir-kutu .sbk-birlestir:disabled{background:#cbd5e1; color:#fff; cursor:not-allowed; opacity:0.7;} /*#endregion*/ sag-icerik header sayfa-islemmenu .islemmenu .manuel button.siparisbirlestir{padding:8px 8px; color:#fff; background:#6c7593; font-size:14px; border-radius:5px; border:0; cursor:pointer;} sag-icerik header sayfa-islemmenu .islemmenu .manuel button.siparisbirlestir i{margin-right:0px;} sag-icerik header sayfa-islemmenu .islemmenu .manuel button.siparisbirlestir:hover{background:#fff; color:var(--renk-birincil);} iframe-alan .bilgilendirme-alan.b2bliste-filtre button.islemlistesi{display:inline-flex; align-items:center; gap:7px; padding:7px 12px; border-radius:8px; height:32px; min-width:0; background:#eef2ff; color:#1e2d5a; font-size:12px; font-weight:600; border:1px solid #c7d4ff; margin-right:6px; white-space:nowrap; box-shadow:0 1px 3px rgba(47,77,191,0.08); transition:background .15s,border-color .15s,box-shadow .15s;} iframe-alan .bilgilendirme-alan.b2bliste-filtre button.islemlistesi:hover{background:#e0e8ff; border-color:#2f4dbf; color:#1e2d5a;} iframe-alan .bilgilendirme-alan.b2bliste-filtre button.islemlistesi.aktif{background:#dbe4ff; border-color:#2f4dbf; box-shadow:inset 0 1px 3px rgba(47,77,191,0.20);} iframe-alan .bilgilendirme-alan.b2bliste-filtre button.islemlistesi.aktif .fa-chevron-down{opacity:1; transform:rotate(180deg);} iframe-alan .bilgilendirme-alan.b2bliste-filtre button.islemlistesi i.siparisikon{font-size:13px; color:#2f4dbf; flex-shrink:0; margin:0;} iframe-alan .bilgilendirme-alan.b2bliste-filtre button.islemlistesi .fa-chevron-down{font-size:10px; color:#2f4dbf; opacity:0.6; margin:0; margin-left:auto;} iframe-alan .bilgilendirme-alan.b2bliste-filtre .mini-toplamlar{display:flex; flex-wrap:wrap; gap:6px; padding:0;} iframe-alan .bilgilendirme-alan.b2bliste-filtre .mini-toplamlar .tutar-alan{border:1px solid rgba(0,0,0,0.1); border-radius:5px; padding:5px 10px; transition:.2s; display:flex; flex-direction:column; justify-content:center;} iframe-alan .bilgilendirme-alan.b2bliste-filtre .mini-toplamlar .tutar-alan .baslik{font-size:8px; font-weight:600; white-space:nowrap; color:#64748b;} iframe-alan .bilgilendirme-alan.b2bliste-filtre .mini-toplamlar .tutar-alan .tutar{font-size:11px; font-weight:500; min-width:70px;} /*#region Sipariş Düzenle Paneli*/ .siparis-duzenle .bilgilendirme{flex-wrap:nowrap; padding:10px 14px; align-items:flex-end; gap:12px; background:#ecf1fe;} .mobil-duzenle-btn{display:none; align-items:center; gap:7px; padding:6px 14px; font-size:12px; font-weight:600; border-radius:8px; background:#eef2ff; color:#1e2d5a; border:1px solid #c7d4ff; box-shadow:0 1px 3px rgba(47,77,191,0.08); cursor:pointer; transition:background .15s,border-color .15s; flex-shrink:0;} .mobil-duzenle-btn:hover{background:#e0e8ff; border-color:#2f4dbf;} .mobil-duzenle-btn .fa-chevron-down{font-size:10px; opacity:0.6; margin-left:auto;} .siparis-duzenle .duzenle-alan{display:flex; flex-wrap:wrap; gap:6px 12px; flex:1; align-items:flex-end;} body[data-action="B2BMusteriDetay"] .siparis-duzenle .duzenle-alan{align-self:center; align-items:center;} .siparis-duzenle .duzenle-item{position:relative; display:flex; flex-direction:column; min-width:110px; flex:0 1 auto;} .siparis-duzenle .duzenle-item-aciklama{flex:0 1 260px;} .siparis-duzenle .duzenle-item-oran{min-width:86px; flex:0 0 86px;} .siparis-duzenle .duzenle-item-seri{min-width:64px; flex:0 0 64px;} .siparis-duzenle .duzenle-item-kisa{min-width:104px; flex:0 0 104px;} .siparis-duzenle .duzenle-item-tutar{min-width:150px; flex:0 0 150px;} .siparis-duzenle .tutar-alan-grup{display:flex; align-items:center; gap:5px;} .siparis-duzenle .tutar-alan-grup .duzenle-kontrol{flex:1; min-width:0;} .siparis-duzenle .iskonto-uygula{flex-shrink:0; width:30px; height:30px; border:none; border-radius:6px; cursor:pointer; background:#7c3aed; color:#fff; font-size:12px; line-height:1;} .siparis-duzenle .iskonto-uygula:hover{background:#6d28d9;} .siparis-duzenle .iskonto-uygula:disabled{background:#cbd5e1; cursor:not-allowed;} /* Durum rozetleri — ölçü tek kuralda: efatura-durum span, gorsel-durum button, ayrı yazılırsa yükseklikleri kolayca kayıyor. */ .siparis-duzenle .efatura-durum, .siparis-duzenle .gorsel-durum{display:inline-flex; align-items:center; gap:5px; white-space:nowrap; font-family:inherit; font-size:11px; line-height:1.2; border-radius:5px; padding:4px 9px; border:1px solid transparent; height:30px;} .siparis-duzenle .efatura-durum.bulundu{background:#d2ffd4; border-color:#c5f5af; color:#30820b;} .siparis-duzenle .efatura-durum.bulundu:hover{background:#00bb08; border-color:#c5f5af; color:#fff;} .siparis-duzenle .efatura-durum.yok{background:#fff7ed; border-color:#fed7aa; color:#c2410c;} .siparis-duzenle .efatura-durum.uyusmaz{background:#fef2f2; border-color:#fecaca; color:#b91c1c;} .siparis-duzenle .efatura-durum.acilir{cursor:pointer;} .siparis-duzenle .efatura-durum.acilir:hover{filter:brightness(0.97);} .siparis-duzenle .efatura-durum .efatura-ac{margin-left:1px; padding-left:7px; font-size:13px; border-left:1px solid currentColor; border-left-color:#c5f5af;} .siparis-duzenle .efatura-durum .efatura-btn{margin-left:1px; padding-left:7px; font-size:13px; border-left:1px solid currentColor; border-left-color:#83cb61;} /* Fatura görseli durumu — tıklanabilir (pencere açar) */ .siparis-duzenle .gorsel-durum{cursor:pointer;} .siparis-duzenle .gorsel-durum.var{background:#e7f9ef; border-color:#b7ebcb; color:#0f7a3d;} .siparis-duzenle .gorsel-durum.eksik{background:#fef2f2; border-color:#fecaca; color:#b91c1c;} .siparis-duzenle .gorsel-durum.yok{background:#f1f5f9; border-color:#dce3ec; color:#64748b;} .siparis-duzenle .gorsel-durum:hover{filter:brightness(0.97);} #tablo .miktar-onay{display:inline-flex; align-items:center; gap:5px; padding:3px 9px; border-radius:20px; font-size:12px; white-space:nowrap; margin-top:5px;} #tablo .miktar-onay i{font-size:11px;} #tablo .miktar-onay b{font-size:11px; line-height:1;} #tablo .miktar-onay.tamam{background:#e7f9ef; border:1px solid #b7ebcb; color:#0f7a3d;} #tablo .miktar-onay.eksik{background:#fff7ed; border:1px solid #fed7aa; color:#c2410c;} /*#region Fatura Sil ekranı (/cari/fatura/sil)*/ .fatura-sil-alan{width:100%;} .fatura-sil-alan + .fatura-sil-alan:not(:empty){margin-top:0;} .fatura-sil-yukleniyor{padding:30px; text-align:center;} .fatura-sil-bos{display:flex; align-items:center; gap:10px; padding:16px; border-radius:8px; background:#fff7ed; border:1px solid #fed7aa; color:#c2410c; font-size:13px;} .fatura-sil-bos i{font-size:20px;} .fatura-sil-kart{width:100%; box-sizing:border-box; border:1px solid var(--renk-kenar, #dce3ec); border-radius:10px; background:#fff; overflow:hidden;} .fatura-sil-baslik{display:flex; align-items:center; gap:10px; padding:12px 16px; background:#f8fafc; border-bottom:1px solid #e2e8f0;} .fatura-sil-baslik b{font-size:15px; color:#1e293b;} .fatura-sil-baslik .fs-baslik-not{font-size:11px; color:#94a3b8;} .fatura-sil-baslik .fs-tip{font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:3px 8px; border-radius:5px; background:#e0e7ff; color:#3730a3;} .fatura-sil-bilgi{padding:12px 16px; display:flex; flex-wrap:wrap; gap:10px 24px;} .fs-bilgi-item{display:flex; flex-direction:column; gap:2px;} .fs-bilgi-item span{font-size:10px; font-weight:600; color:#94a3b8; text-transform:uppercase; letter-spacing:.04em;} .fs-bilgi-item b{font-size:13px; color:#1e293b;} .fatura-sil-tablo-baslik{padding:10px 16px 6px; font-size:12px; font-weight:600; color:#64748b;} .fatura-sil-tablo{width:100%; border-collapse:collapse; font-size:12px;} .fatura-sil-tablo th{padding:6px 16px; text-align:left; font-weight:600; color:#94a3b8; background:#f8fafc; border-top:1px solid #e2e8f0;} .fatura-sil-tablo td{padding:6px 16px; border-top:1px solid #f1f5f9; color:#1e293b;} .fatura-sil-tablo tr.bos td{color:#cbd5e1;} .fatura-sil-tablo .fs-soluk{display:block; font-size:11px; color:#94a3b8;} /* Arama listesi — belge no / tip / şube / tarih / tutar sarmaz, yalnız cari ünvanı akar. */ .fatura-sil-tablo.fs-liste tr.fs-secilebilir{cursor:pointer;} .fatura-sil-tablo.fs-liste tr.fs-secilebilir:hover td{background:var(--renk-hover, #f1f5f9);} .fatura-sil-tablo.fs-liste td, .fatura-sil-tablo.fs-liste th{white-space:nowrap; vertical-align:top;} .fatura-sil-tablo.fs-liste td.fs-cari, .fatura-sil-tablo.fs-liste th.fs-cari{white-space:normal; width:100%;} /* Depo transferi satırları — miktar düzenlenebilir, satır silinebilir. */ .fatura-sil-tablo.dt-satirlar td{vertical-align:middle;} .fatura-sil-tablo.dt-satirlar .dt-miktar{width:90px; height:28px; text-align:center; padding:0 6px; border:1px solid #dce3ec; border-radius:6px; font-size:12px;} .fatura-sil-tablo.dt-satirlar .dt-miktar:focus{outline:none; border-color:#2f4dbf; box-shadow:0 0 0 2px rgba(47,77,191,0.10);} .fatura-sil-tablo.dt-satirlar .stdbuton{width:28px; height:28px; font-size:11px;} .fatura-sil-tablo.dt-satirlar .fs-soluk{display:block;} .dt-eksik{color:#c2410c; margin-left:4px; cursor:help;} .fatura-sil-not{padding:10px 16px; font-size:11px; color:#64748b; background:#f8fafc; border-top:1px solid #e2e8f0;} .fatura-sil-aksiyon{display:flex; align-items:center; gap:10px; padding:12px 16px; border-top:1px solid #e2e8f0;} .fatura-sil-aksiyon-not{font-size:11px; color:#64748b;} .fatura-sil-engel{display:flex; align-items:center; gap:10px; font-size:12px; color:#b91c1c;} .fatura-sil-engel i{font-size:18px;} /*#endregion*/ /* Netsis belge no + silme butonu (fatura detay aksiyon şeridi) */ .siparis-duzenle .duzenle-item-belge{flex:0 1 auto; min-width:0;} .siparis-duzenle .belge-alan{display:flex; align-items:center; gap:5px; height:30px;} .siparis-duzenle .belge-no{display:inline-flex; align-items:center; height:30px; padding:0 9px; border:1px solid #dce3ec; border-radius:6px; background:#fff; font-size:12px; font-weight:600; color:#1e293b; white-space:nowrap; letter-spacing:0.02em;} .siparis-duzenle .belge-no.gib{background:#f0fdf4; border-color:#bbf7d0; color:#15803d;} .siparis-duzenle .belge-sil{flex-shrink:0; width:30px; height:30px; border:none; border-radius:6px; cursor:pointer; background:var(--renk-tehlike); color:#fff; font-size:12px; line-height:1;} .siparis-duzenle .belge-sil:hover{filter:brightness(0.92);} .siparis-duzenle .belge-sil.pasif{background:#e2e8f0; color:#94a3b8; cursor:not-allowed;} .siparis-duzenle .belge-sil.pasif:hover{filter:none;} .siparis-duzenle .duzenle-item-sevkadres{flex:0 0 260px; align-self:flex-end;} .siparis-duzenle .sevkadres-alan{display:flex; align-items:center; gap:5px;} .siparis-duzenle .sevkadres-alan .sevkadresguncelle{flex:1; min-width:0;} .siparis-duzenle .sevkadresac{flex-shrink:0; width:30px; height:30px; border:none; border-radius:6px; cursor:pointer; background:var(--renk-basari); color:#fff; font-size:12px; line-height:1;} .siparis-duzenle .sevkadresac:hover{background:var(--renk-basari-hover);} .siparis-duzenle .duzenle-item > label{font-size:10px; font-weight:600; color:#7383a3; margin-bottom:3px; text-transform:uppercase; letter-spacing:0.04em; line-height:1;} .siparis-duzenle .duzenle-kontrol, .siparis-duzenle .sevkadresguncelle{width:100%; height:30px; padding:0 8px; border:1px solid #dce3ec; border-radius:6px; background:#fff; font-size:12px; color:#1e293b; transition:border-color .15s,box-shadow .15s;} .siparis-duzenle .duzenle-kontrol:focus, .siparis-duzenle .sevkadresguncelle:focus{outline:none; border-color:#2f4dbf; background:#fff; box-shadow:0 0 0 2px rgba(47,77,191,0.10);} .siparis-duzenle .duzenle-item.kilitli .duzenle-kontrol{opacity:.6; pointer-events:none;} .siparis-duzenle .duzenle-aksiyonlar{display:flex; align-items:center; align-self:center; gap:8px; flex-shrink:0; border-left:1px solid rgba(0,0,0,0.10); padding-left:16px;} /* Netsis sipariş numarası rozeti — aktarılmış listede numara + siliyle geri alma (Erpv3 deseni) */ .siparis-duzenle .duzenle-aksiyonlar .netsis-sipno, .siparis-duzenle .duzenle-aksiyonlar .netsis-datno{display:inline-flex; align-items:center; gap:6px; white-space:nowrap; font-size:11px; color:#1e293b; background:#f1f5f9; border:1px solid rgba(0,0,0,0.10); border-radius:5px; padding:4px 4px 4px 10px;} .siparis-duzenle .duzenle-aksiyonlar .netsis-datno{background:#eef6ee; border-color:rgba(22,101,52,0.20); color:#166534;} .siparis-duzenle .duzenle-aksiyonlar .netsis-sipno .etiket, .siparis-duzenle .duzenle-aksiyonlar .netsis-datno .etiket{color:#64748b;} .siparis-duzenle .duzenle-aksiyonlar .netsis-sipsil, .siparis-duzenle .duzenle-aksiyonlar .netsis-datsil{display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border:0; border-radius:5px; background:var(--renk-tehlike-koyu); color:#fff; font-size:12px; cursor:pointer;} .siparis-duzenle .duzenle-aksiyonlar .netsis-sipsil:hover, .siparis-duzenle .duzenle-aksiyonlar .netsis-datsil:hover{background:var(--renk-tehlike-hover);} .siparis-duzenle .duzenle-aksiyonlar .islemlistesi{background:#1e2d5a; color:#fff; border-color:#1e2d5a; padding:8px 14px; font-size:11px; border-radius:5px; box-shadow:0 2px 6px rgba(30,45,90,0.22);} .siparis-duzenle .duzenle-aksiyonlar .islemlistesi:hover{background:#2a3f7e; border-color:#2a3f7e; box-shadow:0 4px 10px rgba(30,45,90,0.30); color:#fff;} .siparis-duzenle .duzenle-aksiyonlar .islemlistesi i{color:rgba(255,255,255,0.7); font-size:11px; margin-left:5px;} .acilirmenu[veri="siparisdurumdegistir"], .acilirmenu[veri="ithalatsiparisislem"], .acilirmenu[veri="ihracatsiparisislem"], .acilirmenu[veri="ihracatpaletislem"]{min-width:200px; padding:6px;} .acilirmenu[veri="siparisdurumdegistir"] button, .acilirmenu[veri="ithalatsiparisislem"] button, .acilirmenu[veri="ihracatsiparisislem"] button, .acilirmenu[veri="ihracatpaletislem"] button{display:flex; align-items:center; gap:9px; padding:9px 12px; border-left:3px solid transparent; border-radius:7px; font-size:12px; font-weight:500; color:#1e293b; transition:background .12s,border-color .12s;} .acilirmenu[veri="siparisdurumdegistir"] button:hover, .acilirmenu[veri="ithalatsiparisislem"] button:hover, .acilirmenu[veri="ihracatsiparisislem"] button:hover, .acilirmenu[veri="ihracatpaletislem"] button:hover{background:#eef2ff; border-left-color:#2f4dbf; color:#1e2d5a;} .acilirmenu[veri="siparisdurumdegistir"] button i.siparisikon, .acilirmenu[veri="ithalatsiparisislem"] button i.siparisikon, .acilirmenu[veri="ihracatsiparisislem"] button i.siparisikon, .acilirmenu[veri="ihracatpaletislem"] button i.siparisikon{width:18px; font-size:13px; color:#64748b; flex-shrink:0;} .acilirmenu[veri="siparisdurumdegistir"] button:hover i.siparisikon, .acilirmenu[veri="ithalatsiparisislem"] button:hover i.siparisikon{color:#2f4dbf;} .acilirmenu[veri="siparisdurumdegistir"] button:has(i.fa-trash-alt), .acilirmenu[veri="ithalatsiparisislem"] button:has(i.fa-trash-alt){color:#b91c1c;} .acilirmenu[veri="siparisdurumdegistir"] button:has(i.fa-trash-alt) i.siparisikon, .acilirmenu[veri="ithalatsiparisislem"] button:has(i.fa-trash-alt) i.siparisikon{color:#b91c1c;} .acilirmenu[veri="siparisdurumdegistir"] button:has(i.fa-trash-alt):hover, .acilirmenu[veri="ithalatsiparisislem"] button:has(i.fa-trash-alt):hover{background:#fef2f2; border-left-color:#b91c1c;} #mobil-duzenle-overlay{display:none; position:fixed; inset:0; background:rgba(0,0,0,0.4); z-index:9100;} #mobil-duzenle-panel{position:fixed; bottom:0; left:0; right:0; max-height:84vh; background:#fff; border-radius:16px 16px 0 0; z-index:9101; display:flex; flex-direction:column; transform:translateY(100%); transition:transform 0.28s cubic-bezier(0.4,0,0.2,1); box-shadow:0 -6px 32px rgba(0,0,0,0.18); visibility:hidden; pointer-events:none;} #mobil-duzenle-panel.acik{transform:translateY(0); visibility:visible; pointer-events:auto;} #mobil-duzenle-panel::before{content:''; display:block; width:36px; height:4px; background:rgba(0,0,0,0.13); border-radius:2px; margin:10px auto 2px; flex-shrink:0;} #mobil-duzenle-panel .mdp-baslik{display:flex; align-items:center; justify-content:space-between; padding:10px 16px 12px; border-bottom:1px solid var(--renk-kenar-acik); flex-shrink:0;} #mobil-duzenle-panel .mdp-baslik-yazi{font-size:14px; font-weight:700; color:var(--renk-yazi); display:flex; align-items:center; gap:7px;} #mobil-duzenle-panel .mdp-baslik-yazi i{color:var(--renk-birincil); font-size:14px; margin:0;} #mobil-duzenle-panel .mdp-kapat{display:flex; align-items:center; justify-content:center; width:28px; height:28px; background:#f1f5f9; border:none; border-radius:50%; font-size:13px; color:#64748b; cursor:pointer; transition:background .15s; flex-shrink:0;} #mobil-duzenle-panel .mdp-kapat:active{background:#e2e8f0;} #mobil-duzenle-panel .mdp-icerik{overflow-y:auto; flex:1; padding:16px;} #mobil-duzenle-panel .mdp-icerik > .duzenle-alan{display:flex; flex-direction:column; gap:12px; width:100%;} #mobil-duzenle-panel .mdp-icerik .duzenle-item{display:flex; flex-direction:column; gap:5px; width:100%; min-width:0;} #mobil-duzenle-panel .mdp-icerik .duzenle-item > label{font-size:10px; font-weight:700; text-transform:uppercase; color:var(--renk-yazi-soluk); letter-spacing:0.5px; line-height:1; margin:0;} #mobil-duzenle-panel .mdp-icerik .duzenle-kontrol{width:100%; height:auto; padding:10px 12px; border:1.5px solid #e2e8f0; border-radius:8px; background:#f8fafc; font-size:13px; color:var(--renk-yazi); transition:border-color .15s; -webkit-appearance:none; box-sizing:border-box; line-height:1.4;} #mobil-duzenle-panel .mdp-icerik .duzenle-kontrol:focus{border-color:var(--renk-birincil); background:#fff; box-shadow:0 0 0 2px rgba(47,77,191,0.10); outline:none;} #mobil-duzenle-panel .mdp-icerik select.duzenle-kontrol{padding-right:36px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; background-size:13px;} #mobil-duzenle-panel .mdp-icerik .duzenle-item-aciklama{margin-top:2px;} /*#endregion*/ /*#endregion*/ /*#region B2B Toplama Detay*/ :is(.toplama-kilit, .okutma-kilit){position:fixed; inset:0; z-index:9000; display:flex; align-items:center; justify-content:center; pointer-events:none;} :is(.toplama-kilit, .okutma-kilit) .tk-overlay{position:absolute; inset:0; background:rgba(15, 23, 42, 0.55); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); pointer-events:auto;} :is(.toplama-kilit, .okutma-kilit) .tk-panel{position:relative; z-index:1; width:min(400px, calc(100% - 32px)); background:#fff; border-radius:20px; box-shadow:0 24px 64px rgba(15, 23, 42, 0.35), 0 2px 8px rgba(15, 23, 42, 0.12); padding:28px 24px 20px; pointer-events:auto; text-align:center;} :is(.toplama-kilit, .okutma-kilit) .tk-ikon{position:relative; width:64px; height:64px; margin:0 auto 14px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--renk-birincil-alfa-08, rgba(30, 45, 90, 0.08)); color:var(--renk-birincil, #1e2d5a); font-size:26px;} :is(.toplama-kilit, .okutma-kilit) .tk-ikon::after{content:''; position:absolute; inset:-6px; border-radius:50%; border:2px solid var(--renk-birincil, #1e2d5a); opacity:0; animation:tk-nabiz 1.8s ease-out infinite;} :is(.toplama-kilit, .okutma-kilit) .tk-ikon.tk-ikon-kilit{background:rgba(220, 38, 38, 0.08); color:var(--renk-tehlike, #dc2626);} :is(.toplama-kilit, .okutma-kilit) .tk-ikon.tk-ikon-kilit::after{display:none;} @keyframes tk-nabiz{0%{transform:scale(0.92); opacity:0.35;} 100%{transform:scale(1.22); opacity:0;}} :is(.toplama-kilit, .okutma-kilit) .tk-baslik{font-size:18px; font-weight:700; color:var(--renk-birincil, #1e2d5a); margin-bottom:4px; display:flex; align-items:center; justify-content:center; gap:8px;} :is(.toplama-kilit, .okutma-kilit) .tk-baslik i{font-size:18px;} :is(.toplama-kilit, .okutma-kilit) .tk-baslik.tk-baslik-kilit{color:var(--renk-tehlike, #dc2626);} :is(.toplama-kilit, .okutma-kilit) .tk-aciklama{font-size:12.5px; color:#64748b; margin-bottom:14px; line-height:1.5;} :is(.toplama-kilit, .okutma-kilit) .tk-aciklama b{color:#1f2937;} :is(.toplama-kilit, .okutma-kilit) .tk-siparis{display:inline-flex; align-items:center; gap:8px; max-width:100%; margin-bottom:16px; padding:5px 12px; background:#f1f5f9; border-radius:999px; font-size:11px; color:#334155;} :is(.toplama-kilit, .okutma-kilit) .tk-siparis b{color:var(--renk-birincil, #1e2d5a); letter-spacing:0.3px; flex-shrink:0;} :is(.toplama-kilit, .okutma-kilit) .tk-siparis span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} :is(.toplama-kilit, .okutma-kilit) .tk-input-grup{display:flex; align-items:stretch; height:52px; background:#fff; border:1.5px solid #cbd5e1; border-radius:12px; overflow:hidden; margin-bottom:8px; transition:border-color .15s, box-shadow .15s;} :is(.toplama-kilit, .okutma-kilit) .tk-input-grup:focus-within{border-color:var(--renk-birincil, #1e2d5a); box-shadow:0 0 0 4px var(--renk-birincil-alfa-12, rgba(30, 45, 90, 0.12));} :is(.toplama-kilit, .okutma-kilit) .tk-input-grup i{position:relative; display:flex; align-items:center; justify-content:center; width:52px; color:var(--renk-birincil, #1e2d5a); font-size:20px; background:var(--renk-birincil-alfa-08, rgba(30, 45, 90, 0.06)); flex-shrink:0; overflow:hidden;} :is(.toplama-kilit, .okutma-kilit) .tk-input-grup i::after{content:''; position:absolute; left:12px; right:12px; top:15px; height:2px; border-radius:2px; background:#ef4444; box-shadow:0 0 6px rgba(239, 68, 68, 0.8); animation:tk-tarama 1.4s ease-in-out infinite alternate;} @keyframes tk-tarama{0%{top:15px;} 100%{top:34px;}} :is(.toplama-kilit, .okutma-kilit) .tk-input-grup input{flex:1; min-width:0; border:none !important; background:transparent !important; padding:0 14px; font-size:15px !important; font-weight:700; color:#111827; outline:none !important; text-transform:uppercase; letter-spacing:2px; text-align:center;} :is(.toplama-kilit, .okutma-kilit) .tk-input-grup input::placeholder{font-size:12px; font-weight:600; letter-spacing:1px; color:#94a3b8;} :is(.toplama-kilit, .okutma-kilit) .tk-input-grup input:disabled{color:#94a3b8; cursor:wait;} /* Kapidaki birincil dugme. B2B toplamada yalniz Enter'la onaylaniyordu, dugme yoktu; sayim ekraninda dugme de gerekti. Ortak bilesene eklendi. */ :is(.toplama-kilit, .okutma-kilit) .tk-buton{display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:10px; padding:12px 16px; border:0; border-radius:10px; background:var(--renk-birincil); color:#fff; font-size:14px; font-weight:600; cursor:pointer; transition:background .15s;} :is(.toplama-kilit, .okutma-kilit) .tk-buton:hover{background:var(--renk-birincil-koyu);} :is(.toplama-kilit, .okutma-kilit) .tk-buton:active{transform:translateY(1px);} :is(.toplama-kilit, .okutma-kilit) .tk-buton i{font-size:14px; margin:0;} :is(.toplama-kilit, .okutma-kilit) .tk-ipucu{font-size:11px; color:#94a3b8; margin-top:14px;} :is(.toplama-kilit, .okutma-kilit) .tk-ipucu kbd{display:inline-block; padding:1px 7px; margin-right:2px; background:#f8fafc; border:1px solid #cbd5e1; border-bottom-width:2px; border-radius:5px; font-family:inherit; font-size:10px; font-weight:700; color:#475569;} .toplamayuzdesi{position:relative; display:inline-flex; align-items:center; justify-content:center; min-width:84px; height:18px; padding:0 8px; margin-top:2px; border-radius:10px; font-size:11px; font-weight:700; line-height:1; letter-spacing:0.3px; border:1px solid transparent; background:#f1f5f9; overflow:hidden; transition:background 0.15s ease, color 0.15s ease, border-color 0.15s ease;} .toplamayuzdesi .bar{position:absolute; inset:0 auto 0 0; width:0; background:#cbd5e1; transition:width 0.25s ease; z-index:0;} .toplamayuzdesi b, .toplamayuzdesi i{position:relative; z-index:1; font-weight:700;} .toplamayuzdesi i{font-size:11px;} .toplamayuzdesi.yuzde-bos{background:#f1f5f9; color:#64748b; border-color:#e2e8f0;} .toplamayuzdesi.yuzde-bos .bar{background:transparent;} .toplamayuzdesi.yuzde-devam{background:#fef9c3; color:#854d0e; border-color:#fde68a;} .toplamayuzdesi.yuzde-devam .bar{background:#fde68a;} .toplamayuzdesi.yuzde-tamam{background:#dcfce7; color:#166534; border-color:#bbf7d0;} .toplamayuzdesi.yuzde-tamam .bar{background:#86efac;} .toplamayuzdesi.yuzde-asildi{background:#ede9fe; color:#5b21b6; border-color:#c4b5fd;} .toplamayuzdesi.yuzde-asildi .bar{background:#c4b5fd;} .toplamayuzdesi.yuzde-hata{background:#fee2e2; color:#991b1b; border-color:#fecaca;} .toplamayuzdesi.yuzde-hata .bar{background:transparent;} .toplayan{font-size:11px; color:#475569; margin-bottom:2px;} td[data-name="SiparisId"] .sepetId{font-size:9px; color:#fff; background:#1e2d5a; border-radius:5px; padding:3px 5px; line-height:9px; margin-bottom:2px;} .toplanan-rozet{display:inline-flex; align-items:center; gap:5px; padding:5px 9px; border-radius:999px; font-weight:700; border:1px solid transparent; white-space:nowrap; line-height:14px; font-size:14px;} .toplanan-rozet i{font-size:12px;} .toplanan-rozet b{font-weight:700; font-size:14px; line-height:14px;} .toplanan-rozet small{font-size:14px; font-weight:600; opacity:0.65; margin-left:1px; line-height:14px;} /* Metin taşıyan rozetler için küçültücü. */ .toplanan-rozet.kucukrozet{font-size:10px; padding:4px 8px; line-height:11px;} .toplanan-rozet.kucukrozet i{font-size:10px;} .toplanan-rozet.kucukrozet b{font-size:10px; line-height:11px;} .toplanan-rozet.kucukrozet small{font-size:10px; line-height:11px;} /* İade yönetiminde alış künyesi. */ #tablo td[data-name="TedarikFaturaNo"] .toplanan-rozet:has(> span){flex-direction:column; align-items:flex-start; gap:1px; border-radius:8px;} #tablo td[data-name="TedarikFaturaNo"] .toplanan-rozet > span{display:inline-flex; align-items:center; gap:5px; line-height:1;} #tablo td[data-name="TedarikFaturaNo"] .toplanan-rozet small{margin-left:0; opacity:0.75; margin-top:5px;} .toplanan-rozet.top-yok{background:#fee2e2; color:#991b1b; border-color:#fecaca;} .toplanan-rozet.top-kismi{background:#fef3c7; color:#92400e; border-color:#fde68a;} .toplanan-rozet.top-tam{background:#d1fae5; color:#065f46; border-color:#a7f3d0;} .toplanan-rozet.top-fazla{background:#ede9fe; color:#5b21b6; border-color:#c4b5fd;} body[data-action="B2BSevkiyatDetayListe"] #tablo tbody tr.top-yok td[data-name="ToplananMiktar"]{background-color:rgba(254, 226, 226, 0.55);} body[data-action="B2BSevkiyatDetayListe"] #tablo tbody tr.top-kismi td[data-name="ToplananMiktar"]{background-color:rgba(254, 243, 199, 0.55);} body[data-action="B2BSevkiyatDetayListe"] #tablo tbody tr.top-tam td[data-name="ToplananMiktar"]{background-color:rgba(209, 250, 229, 0.55);} body[data-action="B2BSevkiyatDetayListe"] #tablo tbody tr.top-fazla td[data-name="ToplananMiktar"]{background-color:rgba(237, 233, 254, 0.55);} /*#endregion*/ /*#region Sevkiyat Detay*/ .onay-rozet{display:inline-flex; align-items:center; justify-content:center; padding:3px 4px; border-radius:8px; border:1.5px solid transparent; transition:background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;} .onay-rozet .onay-input{width:60px; height:28px; padding:0; border:none; background:transparent; color:inherit; font-size:15px; font-weight:700; text-align:center; outline:none; box-shadow:none;} .onay-rozet .onay-input:focus{outline:none; box-shadow:none;} .onay-rozet.onay-yok{background:#fee2e2; color:#991b1b; border-color:#fca5a5;} .onay-rozet.onay-kismi{background:#fef3c7; color:#92400e; border-color:#fcd34d;} .onay-rozet.onay-tam{background:#d1fae5; color:#065f46; border-color:#6ee7b7;} .onay-rozet.onay-fazla{background:#ede9fe; color:#5b21b6; border-color:#c4b5fd;} .onay-rozet:focus-within{box-shadow:0 0 0 3px rgba(15, 23, 42, 0.06);} .onay-rozet.onay-yok:focus-within{box-shadow:0 0 0 3px rgba(239, 68, 68, 0.18);} .onay-rozet.onay-kismi:focus-within{box-shadow:0 0 0 3px rgba(245, 158, 11, 0.18);} .onay-rozet.onay-tam:focus-within{box-shadow:0 0 0 3px rgba(16, 185, 129, 0.18);} .onay-rozet.onay-fazla:focus-within{box-shadow:0 0 0 3px rgba(139, 92, 246, 0.20);} /*#region Sevkiyat Detay*/ /*#endregion*/ /*#region Sevkiyat Detay*/ .siparis-miktar-kutu{display:flex; align-items:center; justify-content:center; width:100%; padding:2px 4px; border-radius:6px; background:none; color:#475569; cursor:pointer; user-select:none; box-sizing:border-box;} .siparis-miktar-kutu .siparis-miktar-kilit-ikon{display:none;} .siparis-miktar-kutu .siparis-miktar-input{width:60px!important; min-width:0; height:24px; padding:0; border:none; background:transparent; color:inherit; font-size:14px; font-weight:700; text-align:center; outline:none; cursor:inherit; box-sizing:border-box;} .siparis-miktar-kutu .siparis-miktar-input:read-only{cursor:pointer;} .siparis-miktar-kutu.siparis-miktar-kilitli{background:none; color:#475569; border-color:#e2e8f0;} .siparis-miktar-kutu.siparis-miktar-kilitli:hover{background:none;} .siparis-miktar-kutu.siparis-miktar-uyari{background:#fef3c7; color:#92400e; border-color:#fcd34d; box-shadow:0 0 0 3px rgba(245, 158, 11, 0.18); animation:siparisMiktarUyariPulse 0.6s ease-in-out infinite alternate;} .siparis-miktar-kutu.siparis-miktar-uyari .siparis-miktar-kilit-ikon{color:#b45309; opacity:1;} @keyframes siparisMiktarUyariPulse{ from{box-shadow:0 0 0 3px rgba(245, 158, 11, 0.18);} to{box-shadow:0 0 0 5px rgba(245, 158, 11, 0.30);} } .siparis-miktar-kutu.siparis-miktar-duzenlenebilir{background:#eff6ff; color:#1e3a8a; border-color:#60a5fa; box-shadow:0 0 0 3px rgba(59, 130, 246, 0.18); cursor:text;} .siparis-miktar-kutu.siparis-miktar-duzenlenebilir .siparis-miktar-kilit-ikon{color:#2563eb; opacity:1;} .siparis-miktar-kutu.siparis-miktar-duzenlenebilir .siparis-miktar-input{cursor:text; color:#1e3a8a;} /*#endregion*/ /*#region B2BFaturaDetayListe*/ .siparis-akis{display:flex; flex-wrap:nowrap; align-items:flex-start; gap:14px 22px; flex:1; min-width:0;} .siparis-akis.sag{flex:0 1 auto; margin-left:auto; max-width:100%;} .siparis-akis-item{display:flex; flex-direction:column; gap:4px; min-width:0; flex:0 0 auto;} .siparis-akis-etiket{display:inline-flex; align-self:flex-start; padding:3px 5px; border-radius:6px; background:#cffafe; color:#0e7490; font-size:8px; font-weight:600; line-height:1.3; letter-spacing:0.4px; text-transform:uppercase; white-space:nowrap;} .siparis-akis-ad{font-size:10px; font-weight:500; color:#0f172a; text-transform:uppercase; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:280px; padding:0px 5px;} .siparis-akis-tarih{font-size:9px; color:#64748b; font-weight:500; line-height:1; padding:0px 5px;} .siparis-akis-sure{color:#92400e; font-weight:600; margin-left:2px;} .siparis-akis-ad.bos, .siparis-akis-tarih.bos{color:#cbd5e1; font-weight:500; font-style:italic; text-transform:none;} .siparis-akis-etiket.tip-siparis{background:#cffafe; color:#0e7490;} .siparis-akis-etiket.tip-onay{background:#dbeafe; color:#1e40af;} .siparis-akis-etiket.tip-sevkiyat{background:#ede9fe; color:#5b21b6;} .siparis-akis-etiket.tip-toplama{background:#fef3c7; color:#92400e;} .siparis-akis-etiket.tip-netsis{background:#d1fae5; color:#065f46;} .siparis-akis-etiket.tip-kargo{background:#fee2e2; color:#991b1b;} .siparis-akis-etiket.tip-aciklama{background:#f1f5f9; color:#475569;} .siparis-akis-aciklama{flex:1 1 240px;} .siparis-akis-aciklama .siparis-akis-ad{white-space:normal; text-overflow:clip; max-width:none; line-height:1; min-width:200px;} /*#endregion*/ /*#endregion*/ .acilirmenu[veri="ihracatsiparisislem"] button.yikici:hover{background:#fef2f2; border-left-color:var(--renk-tehlike); color:var(--renk-tehlike);} .acilirmenu[veri="ihracatsiparisislem"] button.yikici:hover i.siparisikon{color:var(--renk-tehlike);} /* ======================== 7 · ETİKET ======================== */ body[data-controller="Etiket"] form.duzenle-alan{display: flex; flex-direction: column; overflow: hidden;} body[data-controller="Etiket"] duzenle-icerik{flex: 1 1 auto; min-height: 0; display: block; padding: 0; overflow: hidden; border-radius: 0;} body[data-controller="Etiket"] duzenle-icerik > *{padding: 0;} .etiket-duzenle-alan{display: flex; flex-direction: column; gap: 12px; padding: 12px; height: 100%; box-sizing: border-box;} .etiket-ust-bar{display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 14px; padding: 10px 12px; background: #f4f6fa; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 6px;} .etiket-ust-grup{display: flex; flex-direction: column; gap: 3px; min-width: 150px;} .etiket-ust-grup-dar{min-width: 80px; flex: 0 0 auto;} .etiket-ust-label{font-size: 11px; font-weight: 600; color: #475569;} .etiket-ust-bar .duzenle-kontrol{height: 32px; padding: 4px 8px; font-size: 12px; border: 1px solid #cbd5e1; border-radius: 5px; background: #fff;} .etiket-ust-aksiyonlar{display: flex; align-items: center; gap: 8px; margin-left: auto;} .etiket-buton{display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; font-size: 12px; border: none; border-radius: 5px; cursor: pointer; transition: background 0.15s, box-shadow 0.15s;} .etiket-buton i{font-size: 12px;} .etiket-buton-notr{background: #e2e8f0; color: #1e293b;} .etiket-buton-notr:hover{background: #cbd5e1;} .etiket-buton-kaydet{background: #15b959; color: #fff; box-shadow: 0 2px 6px rgba(21, 185, 89, 0.30);} .etiket-buton-kaydet:hover{background: #0f9b48; box-shadow: 0 4px 12px rgba(21, 185, 89, 0.40);} .etiket-buton-sil{background: #ef4444; color: #fff;} .etiket-buton-sil:hover{background: #dc2626;} .etiket-calisma-alan{display: flex; gap: 14px; flex: 1 1 auto; min-height: 0;} .etiket-canvas-bolum{flex: 1 1 auto; display: flex; flex-direction: column; gap: 8px; min-width: 0;} .etiket-canvas-sarmal{flex: 1 1 auto; display: flex; align-items: safe center; justify-content: safe center; padding: 20px; background: #e9edf3; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 6px; overflow: auto;} .etiket-canvas-zoom{flex: 0 0 auto; position: relative;} .etiket-canvas{position: relative; background: #fff; border: 1px solid #94a3b8; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18); flex: 0 0 auto; transform-origin: top left;} .etiket-canvas .kargo-arka-referans{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: fill; pointer-events: none; opacity: 0.35; z-index: 0; user-select: none;} .etiket-canvas .etiket-parca{position: absolute; box-sizing: border-box; line-height: 1.15; word-break: break-word; cursor: move; padding: 0.3mm; border: 1px dashed transparent; user-select: none; z-index: 2;} .etiket-canvas .etiket-parca:hover{border-color: #93c5fd;} .etiket-canvas .etiket-parca-secili{border: 1px solid #2563eb; background: rgba(37, 99, 235, 0.06);} .etiket-canvas .etiket-parca-metin.etiket-parca-stokKodu{font-weight: 700;} .etiket-parca-logo-ph{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 8mm; font-size: 7pt; font-weight: 700; letter-spacing: 1px; color: #94a3b8; background: repeating-linear-gradient(45deg, #f1f5f9, #f1f5f9 3px, #e2e8f0 3px, #e2e8f0 6px); border: 1px solid #cbd5e1;} .etiket-parca-qr-ph{width: 100%; aspect-ratio: 1 / 1; min-height: 10mm; background: conic-gradient(#1e293b 90deg, #fff 90deg 180deg, #1e293b 180deg 270deg, #fff 270deg) 0 0 / 2mm 2mm; border: 1px solid #1e293b;} .etiket-parca-barkod-ph{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 8mm; font-size: 6pt; font-weight: 700; letter-spacing: 1px; color: #475569; background: repeating-linear-gradient(to right, #1e293b 0, #1e293b 1px, transparent 1px, transparent 2px, #1e293b 2px, #1e293b 4px, transparent 4px, transparent 5px); border: 1px solid #cbd5e1;} .etiket-sablon-icerik .etiket-parca-entegrasyon img, .etiket-canvas .etiket-parca-entegrasyon img{width: 100%; height: 100%; object-fit: contain; display: block;} .etiket-parca-entegrasyon-ph{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 20mm; text-align: center; font-size: 8pt; font-weight: 700; color: #64748b; background: repeating-linear-gradient(135deg, #f1f5f9, #f1f5f9 6px, #e2e8f0 6px, #e2e8f0 12px); border: 1px dashed #94a3b8; line-height: 1.4;} .etiket-parca-entegrasyon-ph br + *{font-weight: 400; font-size: 7pt; color: #94a3b8;} .etiket-parca-resim-img{width: 100%; height: auto; display: block;} .etiket-parca-resim-ph{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 8mm; font-size: 6pt; color: #94a3b8; background: repeating-linear-gradient(45deg, #f1f5f9, #f1f5f9 3px, #e2e8f0 3px, #e2e8f0 6px); border: 1px dashed #cbd5e1;} .etiket-canvas-bilgi{display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: #64748b;} .etiket-canvas-ipucu{font-style: italic;} .etiket-zoom-kontrol{display: flex; align-items: center; gap: 6px;} .etiket-zoom-kontrol button{width: 24px; height: 24px; border: 1px solid #cbd5e1; background: #fff; border-radius: 4px; cursor: pointer; font-size: 15px; line-height: 1; color: #1e293b; display: flex; align-items: center; justify-content: center;} .etiket-zoom-kontrol button:hover{background: #e2e8f0;} #etiket-zoom-deger{min-width: 46px; text-align: center; font-weight: 600; color: #475569;} .etiket-panel-bolum{flex: 0 0 540px; display: flex; flex-direction: column; gap: 10px; min-height: 0; overflow-y: auto; padding-right: 4px;} .etiket-panel-baslik{font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #475569; margin-bottom: 4px;} .etiket-kod-ipucu{font-weight: 400; text-transform: none; letter-spacing: 0; color: #94a3b8; font-size: 10px; margin-left: 4px;} .etiket-ozellik-panel, .etiket-kod-panel{padding: 10px 12px; background: #f8fafc; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 6px;} .etiket-ozellik-panel{flex: 0 0 auto;} .etiket-kod-panel{flex: 0 0 auto; display: flex; flex-direction: column; min-height: 280px;} .etiket-ozellik-bos{font-size: 12px; color: #94a3b8; font-style: italic; padding: 6px 0;} .etiket-ozellik-satir{display: flex; flex-direction: column; gap: 3px; margin-bottom: 8px;} .etiket-ozellik-satir label, .etiket-ozellik-mini label{font-size: 10px; font-weight: 600; color: #64748b;} .etiket-ozellik-ipucu{font-weight: 400; color: #94a3b8; font-size: 9px; margin-left: 2px;} .etiket-ozellik-key{font-size: 12px; font-weight: 600; color: #1e293b;} .etiket-ozellik-satir textarea, .etiket-ozellik-mini input{border: 1px solid #cbd5e1; border-radius: 4px; padding: 4px 6px; font-size: 12px; font-family: inherit; background: #fff; resize: vertical;} .etiket-ozellik-grup{display: grid; grid-template-columns: 1fr 1fr; gap: 6px 8px; margin-bottom: 8px;} .etiket-ozellik-mini{display: flex; flex-direction: column; gap: 2px;} .etiket-ozellik-mini-onay{flex-direction: row; align-items: center; gap: 6px; padding-top: 14px;} .etiket-ozellik-mini-onay input[type="checkbox"]{width: 15px; height: 15px; margin: 0; cursor: pointer;} .etiket-ozellik-mini input[type="color"]{width: 32px; height: 22px; padding: 0; border: 1px solid #cbd5e1; border-radius: 4px; background: #fff; cursor: pointer; flex: 0 0 auto;} .etiket-ozellik-mini-onay input[type="color"]{margin-left: auto;} .etiket-ozellik-mini select{border: 1px solid #cbd5e1; border-radius: 4px; padding: 4px 6px; font-size: 12px; font-family: inherit; background: #fff;} .etiket-ozellik-mini input[type="number"]:disabled, .etiket-ozellik-mini select:disabled, .etiket-ozellik-satir textarea:disabled, .etiket-ozellik-mini-onay input:disabled{background: #e2e8f0; color: #94a3b8; cursor: not-allowed;} .etiket-ozellik-aksiyon{display: flex; justify-content: flex-end;} .etiket-kod-alan{width: 100%; box-sizing: border-box; flex: 1 1 auto; min-height: 230px; padding: 8px; font-family: Consolas, "Courier New", monospace; font-size: 12px; line-height: 1.5; color: #1e293b; background: #fff; border: 1px solid #cbd5e1; border-radius: 4px; resize: none; white-space: pre; overflow: auto;} .etiket-kod-alan[readonly]{background: #f1f5f9; color: #334155;} @media (max-width: 1100px){ .etiket-calisma-alan{flex-direction: column;} .etiket-panel-bolum{flex: 1 1 auto;} } .stoket-yazdir-alan{display: flex; flex-direction: column; gap: 12px; padding: 12px !important; height: 100%; box-sizing: border-box;} .stoket-ust-bar{display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 14px; padding: 10px 12px; background: #f4f6fa; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 6px;} .stoket-ust-grup{display: flex; flex-direction: column; gap: 3px; min-width: 180px;} .stoket-ust-grup-dar{min-width: 80px;} .stoket-ust-label{font-size: 11px; font-weight: 600; color: #475569;} .stoket-ust-ipucu{font-weight: 400; color: #94a3b8; font-size: 10px; margin-left: 2px;} .stoket-ust-bar .duzenle-kontrol{height: 32px; padding: 4px 8px; font-size: 12px; border: 1px solid #cbd5e1; border-radius: 5px; background: #fff;} .stoket-ust-aksiyonlar{display: flex; align-items: center; gap: 8px; margin-left: auto;} .stoket-buton{display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 16px; font-size: 12px; border: none; border-radius: 5px; cursor: pointer; transition: background 0.15s, box-shadow 0.15s;} .stoket-buton-kaydet{background: #15b959; color: #fff; box-shadow: 0 2px 6px rgba(21, 185, 89, 0.30);} .stoket-buton-kaydet:hover:not(:disabled){background: #0f9b48; box-shadow: 0 4px 12px rgba(21, 185, 89, 0.40);} .stoket-buton:disabled{background: #cbd5e1; color: #fff; cursor: not-allowed; box-shadow: none;} .stoket-onizleme-sarmal{flex: 1 1 auto; display: flex; flex-direction: column; align-items: safe center; justify-content: safe center; gap: 12px; padding: 20px; background: #e9edf3; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 6px; overflow: auto;} .stoket-onizleme-zoom{flex: 0 0 auto; position: relative;} .stoket-onizleme-sarmal.stoket-bos .stoket-onizleme-zoom, .stoket-onizleme-sarmal.stoket-bos .stoket-zoom-kontrol{display: none;} .stoket-onizleme-yuzey{position: relative; background: #fff; border: 1px solid #94a3b8; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18); overflow: hidden; flex: 0 0 auto; transform-origin: top left;} .stoket-onizleme-yuzey .etiket-parca{position: absolute; box-sizing: border-box; line-height: 1.15; word-break: break-word;} .stoket-onizleme-yuzey .etiket-parca-resim-img{width: 100%; height: auto; display: block;} .stoket-onizleme-bilgi{display: flex; align-items: center; gap: 16px; font-size: 12px; color: #64748b; font-style: italic;} .stoket-zoom-kontrol{display: flex; align-items: center; gap: 6px; font-style: normal;} .stoket-zoom-kontrol button{width: 24px; height: 24px; border: 1px solid #cbd5e1; background: #fff; border-radius: 4px; cursor: pointer; font-size: 15px; line-height: 1; color: #1e293b; display: flex; align-items: center; justify-content: center;} .stoket-zoom-kontrol button:hover{background: #e2e8f0;} #stoket-zoom-deger{min-width: 46px; text-align: center; font-weight: 600; color: #475569;} .etiket-yazdir-alan{display: none;} @media print{ .etiket-yazdir-alan, .etiket-yazdir-alan *{-webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; color-adjust: exact !important;} .tasarim-referans{display: none !important;} body > *{display: none !important;} body > .etiket-yazdir-alan{display: block !important; position: absolute; top: 0; left: 0; margin: 0; padding: 0; background: #fff; overflow: hidden;} html, body{margin: 0 !important; padding: 0 !important; background: #fff !important;} .etiket-yazdir-alan .etiket-parca{position: absolute; box-sizing: border-box; line-height: 1.15; word-break: break-word;} .etiket-yazdir-alan .etiket-parca-resim-img{width: 100%; height: auto; display: block;} } /* ======================== 8 · KARGO ETİKET ======================== */ .kargobas-alan{display: flex; flex-direction: column; gap: 10px; padding: 12px !important; height: 100%; overflow: auto;} .kargobas-uyari{background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; border-radius: 6px; padding: 10px 14px; font-size: 12px; line-height: 1.5;} .kargobas-form{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px 12px; align-items: end; padding: 12px 14px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px;} .kargobas-grup{display: flex; flex-direction: column; gap: 4px; min-width: 0;} .kargobas-grup-dar input{max-width: 90px;} .kargobas-grup-vurgu .duzenle-kontrol{border-color: #10b981; background: #ecfdf5;} .kargobas-grup-vurgu .duzenle-kontrol:focus{border-color: #059669; box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.15);} .kargobas-grup label{font-size: 10px; font-weight: 700; color: #64748b; letter-spacing: 0.4px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .kargobas-ipucu{font-weight: 400; color: #94a3b8; font-size: 9px; text-transform: none; letter-spacing: 0;} .kargobas-form .duzenle-kontrol,.kargobas-bilgi-serit .duzenle-kontrol{height: 32px; padding: 4px 8px; font-size: 12px; border: 1px solid #cbd5e1; border-radius: 5px; background: #fff;} .kargobas-aksiyonlar{display: flex; gap: 8px; align-items: end; justify-content: flex-end;} .kargobas-buton{display: inline-flex; align-items: center; gap: 6px; padding: 0 14px; height: 34px; border: 1px solid #cbd5e1; border-radius: 6px; background: #fff; color: #1e293b; font-size: 12px; font-weight: 600; cursor: pointer; transition: background 0.15s, border-color 0.15s, box-shadow 0.15s; white-space: nowrap; flex: 1 1 auto; justify-content: center;} .kargobas-buton:hover:not(:disabled){background: #f1f5f9; border-color: #94a3b8;} .kargobas-buton:disabled{background: #e2e8f0; color: #94a3b8; cursor: not-allowed; border-color: #cbd5e1;} .kargobas-buton-notr{} .kargobas-buton-kaydet{background: #2563eb; color: #fff; border-color: #1d4ed8;} .kargobas-buton-kaydet:hover:not(:disabled){background: #1d4ed8; border-color: #1e40af;} .kargobas-bilgi-serit{display: flex; flex-direction: column; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden;} .kargobas-bilgi-serit:empty{display: none;} .kargobas-adres-alan{display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid #e2e8f0;} .kargobas-adres-alan:last-child{border-bottom: none;} .kargobas-adres-alan label{font-size: 10px; font-weight: 700; color: #64748b; letter-spacing: 0.4px; text-transform: uppercase; white-space: nowrap;} .kargobas-adres-alan select{height: 32px;} .kargobas-mesaj{font-size: 12px;} .kargobas-mesaj:empty{display: none;} .kargobas-mesaj-ok, .kargobas-mesaj-hata{padding: 8px 14px; border-bottom: 1px solid #e2e8f0; border-left: 3px solid transparent; line-height: 1.5;} .kargobas-mesaj-ok{color: #166534; background: #f0fdf4; border-left-color: #10b981;} .kargobas-mesaj-hata{color: #991b1b; background: #fef2f2; border-left-color: #ef4444;} .kargobas-siparis-ozet, .kargobas-cari-ozet{padding: 8px 14px; background: #fff; color: #475569; font-size: 12px; border-bottom: 1px solid #f1f5f9;} .kargobas-siparis-ozet:last-child, .kargobas-cari-ozet:last-child{border-bottom: none;} .kargobas-siparis-ozet b, .kargobas-cari-ozet b{color: #1e293b;} .kargobas-onizleme-sarmal{flex: 1 1 auto; display: flex; flex-direction: column; align-items: safe center; justify-content: safe center; gap: 12px; padding: 20px; background: #e9edf3; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 6px; overflow: auto; min-height: 300px;} .kargobas-onizleme-zoom{flex: 0 0 auto; position: relative;} .kargobas-onizleme-yuzey{position: relative; background: #fff; border: 1px solid #94a3b8; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18); overflow: hidden; flex: 0 0 auto; transform-origin: top left;} .kargobas-onizleme-yuzey .etiket-parca{position: absolute; box-sizing: border-box; line-height: 1.15; word-break: break-word;} .kargobas-onizleme-yuzey .etiket-parca-resim-img{width: 100%; height: auto; display: block;} .kargobas-onizleme-sarmal.kargobas-bos .kargobas-onizleme-zoom, .kargobas-onizleme-sarmal.kargobas-bos .kargobas-zoom-kontrol{display: none;} .kargobas-onizleme-bilgi{display: flex; align-items: center; gap: 16px; font-size: 12px; color: #64748b; font-style: italic;} .kargobas-zoom-kontrol{display: flex; align-items: center; gap: 6px; font-style: normal;} .kargobas-zoom-kontrol button{width: 24px; height: 24px; border: 1px solid #cbd5e1; background: #fff; border-radius: 4px; cursor: pointer; font-size: 15px; line-height: 1; color: #1e293b; display: flex; align-items: center; justify-content: center;} .kargobas-zoom-kontrol button:hover{background: #e2e8f0;} #kargobas-zoom-deger{min-width: 46px; text-align: center; font-weight: 600; color: #475569;} /* ======================== 9 · GÜNLÜK ======================== */ /*#region Günlük Log*/ .gunluk-filtre-alan{} .gunluk-filtre-alan{display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding:10px 14px !important; background: var(--renk-arka-plan-2, #f5f7fb); border: 1px solid rgba(30,45,90,0.11); border-radius: 8px; box-shadow: 0 1px 4px rgba(30,45,90,0.06);} .gunluk-filtre-alan label{font-size: 12px; font-weight: 600; color: var(--renk-yazi-soluk, #64748b); white-space: nowrap; margin: 0; letter-spacing: 0.2px; align-self:center; margin-right:10px;} .gunluk-filtre-alan select.duzenle-kontrol{min-width: 200px; max-width: 320px; height: 32px; padding: 0 32px 0 10px; border: 1px solid rgba(30,45,90,0.18); border-radius: 6px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center / 12px; -webkit-appearance: none; appearance: none; font-size: 12px; color: #1e293b; cursor: pointer; transition: border-color .15s, box-shadow .15s;} .gunluk-filtre-alan select.duzenle-kontrol:focus{outline: none; border-color: var(--renk-birincil, #1e2d5a); box-shadow: 0 0 0 2px rgba(30,45,90,0.12);} @media screen and (max-width: 600px){ .gunluk-filtre-alan{flex-direction: column; align-items: stretch; gap: 6px; padding: 10px;} .gunluk-filtre-alan select.duzenle-kontrol{min-width: 0; max-width: none; width: 100%;} } /*#endregion*/ .gld-blok-baslik{font-size:11px; font-weight:700; color:#64748b; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:10px;} .gld-ek-veri-grid{display:flex; flex-wrap:nowrap; gap:8px; padding-bottom:4px;} .gld-ek-veri-kart{flex:0 0 auto; min-width:160px; max-width:260px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; padding:9px 12px;} .gld-ev-label{font-size:10px; font-weight:700; color:#94a3b8; text-transform:uppercase; letter-spacing:0.4px; margin-bottom:3px;} .gld-ev-deger{font-size:12px; color:#1e293b; word-break:break-word; overflow-wrap:anywhere; white-space:pre-wrap;} .gld-karsilastirma-wrap{width:100%; border:1px solid #cbd5e1; border-radius:6px; box-shadow:0 1px 6px rgba(30,45,90,0.07);} table.logdetay-tablo{width:100%; table-layout:fixed; border-collapse:collapse; font-family:Consolas,'Courier New',monospace; font-size:12px;} table.logdetay-tablo th, table.logdetay-tablo td{border:1px solid #e2e8f0; padding:6px 10px; vertical-align:top; word-break:break-word; overflow-wrap:anywhere; white-space:pre-wrap;} table.logdetay-tablo > thead > tr > th{background:#1e2d5a; color:#fff; font-size:11px; font-weight:700; letter-spacing:0.4px; text-transform:uppercase; text-align:left; position:sticky; top:0; z-index:1; padding:7px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} table.logdetay-tablo > thead > tr > th:nth-child(2){background:#7f1d1d;} table.logdetay-tablo > thead > tr > th:nth-child(3){background:#14532d;} table.logdetay-tablo > tbody > tr.degisti > td{background:#fff8f8;} table.logdetay-tablo > tbody > tr.degisti > td:nth-child(2){color:#b91c1c; background:#fff1f1;} table.logdetay-tablo > tbody > tr.degisti > td:nth-child(3){color:#15803d; background:#f0fdf4;} table.logdetay-tablo td.alan{background:#f8fafc; color:#334155; font-weight:700; font-size:11px; border-right:2px solid #e2e8f0; white-space:normal; overflow-wrap:anywhere;} table.logdetay-tablo td.nested-cell{padding:3px; background:#f8fafc;} table.logdetay-tablo.nested{font-size:11px; border:1px solid #e2e8f0; table-layout:fixed;} table.logdetay-tablo.nested th, table.logdetay-tablo.nested td{padding:4px 8px; border-color:#e9eef5;} table.logdetay-tablo.nested > thead > tr > th{position:static; background:#334155; color:#e2e8f0; font-weight:600; font-size:10px; padding:5px 8px; white-space:nowrap;} table.logdetay-tablo.nested > thead > tr > th:nth-child(2){background:#7f1d1d;} table.logdetay-tablo.nested > thead > tr > th:nth-child(3){background:#14532d;} .logdetay-bos{padding:8px 12px; color:#94a3b8; font-style:italic; font-size:11px;} .muted{color:#94a3b8; font-style:italic;} /* ======================== 10 · GÖREV ======================== */ /* Yüzen görev düğmesi: her sayfada sağ altta, Yukarı Git çıkınca onun üstüne kalkar. Pencereler (99999) ve dock (100000) üstünde; görev yokken Yukarı Git'in cam diliyle söner. */ .gorev-dugme{position:fixed; right:18px; bottom:18px; width:42px; height:42px; z-index:100002; display:flex; align-items:center; justify-content:center; padding:0; border:1px solid transparent; border-radius:12px; cursor:pointer; color:#fff; background:var(--renk-birincil); box-shadow:0 8px 22px rgba(42,59,114,0.35); transition:transform .16s cubic-bezier(.2,.8,.3,1.2), background .16s, bottom .2s;} body:not(.pencere-acik):has(.yukarigit:not(.sayfasonu), .yukarigit.uyandi) .gorev-dugme{bottom:66px;} .gorev-dugme:hover{transform:translateY(-3px);} .gorev-dugme i{font-size:17px; line-height:1;} .gorev-dugme.bos{background:rgba(30,36,54,0.42); border-color:rgba(255,255,255,0.18); color:rgba(255,255,255,0.85); box-shadow:0 6px 16px rgba(0,0,0,0.14); -webkit-backdrop-filter:blur(22px) saturate(180%); backdrop-filter:blur(22px) saturate(180%);} .gorev-dugme.bos:hover{background:rgba(30,36,54,0.72);} .gorev-dugme.gecikmis{background:var(--renk-tehlike-koyu); box-shadow:0 8px 22px rgba(220,38,38,0.35);} .gorev-sayi{position:absolute; top:-7px; right:-7px; min-width:19px; height:19px; padding:0 5px; display:flex; align-items:center; justify-content:center; border-radius:10px; border:2px solid var(--renk-govde); background:var(--renk-tehlike-koyu); color:#fff; font-size:10px; font-weight:600; line-height:1;} .gorev-dugme.gecikmis .gorev-sayi{background:#fff; color:var(--renk-tehlike-koyu);} .gorev-bilgi{position:absolute; right:-3px; bottom:-3px; width:11px; height:11px; border-radius:50%; border:2px solid var(--renk-govde); background:var(--renk-basari);} .gorev-dugme.salla{animation:gorevsalla .7s ease;} @keyframes gorevsalla{0%, 100%{transform:rotate(0);} 20%{transform:rotate(-14deg);} 40%{transform:rotate(12deg);} 60%{transform:rotate(-8deg);} 80%{transform:rotate(5deg);}} /* Panel: düğmenin üstünde açılır; liste, ayrıntı ve form aynı kabın içinde çizilir. */ .gorev-panel{position:fixed; right:18px; bottom:70px; width:390px; max-width:calc(100vw - 36px); max-height:calc(100vh - 110px); z-index:100002; display:none; flex-direction:column; overflow:hidden; border:1px solid var(--renk-kenar-acik); border-radius:var(--radius-xl); background:var(--renk-yuzey); color:var(--renk-yazi); box-shadow:var(--golge-xl); font-size:12px;} body:not(.pencere-acik):has(.yukarigit:not(.sayfasonu), .yukarigit.uyandi) .gorev-panel{bottom:118px;} .gorev-panel.acik{display:flex; animation:gorevpanelgel .18s ease-out;} @keyframes gorevpanelgel{from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:none;}} :root:has(.gorev-panel.acik) :is(.aramali-panel, .ui-datepicker){z-index:100003 !important;} .gorev-panel .gp-ust{display:flex; align-items:center; gap:8px; padding:11px 14px; border-bottom:1px solid var(--renk-kenar-acik);} .gorev-panel .gp-ad{flex:1; min-width:0; font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .gorev-panel :is(.gp-geri, .gp-kapat){padding:2px 4px; color:var(--renk-yazi-orta); font-size:14px; cursor:pointer;} .gorev-panel :is(.gp-geri, .gp-kapat):hover{color:var(--renk-yazi);} .gorev-panel .gp-btn{display:inline-flex; align-items:center; gap:6px; padding:6px 11px; border:1px solid var(--renk-kenar); border-radius:var(--radius-md); background:var(--renk-yuzey); color:var(--renk-yazi); font-size:12px; font-weight:500; white-space:nowrap; cursor:pointer;} .gorev-panel .gp-btn:hover{background:var(--renk-arkaplan-hover);} .gorev-panel .gp-btn:disabled{opacity:.55; cursor:default;} .gorev-panel .gp-btn.ana{border-color:var(--renk-birincil); background:var(--renk-birincil); color:#fff;} .gorev-panel .gp-btn.ana:hover{background:var(--renk-birincil-koyu);} .gorev-panel .gp-btn.yesil{border-color:var(--renk-basari); background:var(--renk-basari); color:#fff;} .gorev-panel .gp-btn.yesil:hover{background:var(--renk-basari-hover);} .gorev-panel .gp-btn.onay{border-color:var(--renk-tehlike-koyu); color:var(--renk-tehlike-koyu);} .gorev-panel .gp-btn.kucuk{padding:4px 9px; font-size:11px;} .gorev-panel .gp-sekme{display:flex; border-bottom:1px solid var(--renk-kenar-acik);} .gorev-panel .gp-sekme > div{position:relative; flex:1; padding:9px 4px; border-bottom:2px solid transparent; text-align:center; color:var(--renk-yazi-orta); font-size:11.5px; white-space:nowrap; cursor:pointer;} .gorev-panel .gp-sekme > div.aktif{border-bottom-color:var(--renk-birincil); color:var(--renk-yazi); font-weight:600;} .gorev-panel .gp-sekme span{display:inline-block; min-width:17px; margin-left:4px; padding:0 5px; border-radius:9px; background:var(--renk-arkaplan-hover); font-size:10px;} .gorev-panel .gp-sekme > div.aktif span{background:var(--renk-birincil); color:#fff;} .gorev-panel .gp-yeni{display:inline-block; width:7px; height:7px; margin-left:5px; border-radius:50%; background:var(--renk-basari); vertical-align:1px;} .gorev-panel .gp-govde{flex:1; overflow:auto;} .gorev-panel .gp-bos{padding:32px 14px; text-align:center; color:var(--renk-yazi-orta);} .gorev-panel .gp-bos > i.fal{display:block; margin-bottom:6px; font-size:22px; color:var(--renk-basari);} .gorev-panel .gp-bildirim{display:none; padding:8px 14px; background:var(--cip-yesil-zemin); color:var(--cip-yesil-yazi); font-weight:500;} .gorev-panel .gp-bildirim.goster{display:block;} .gorev-panel .gp-satir{display:flex; gap:10px; padding:11px 14px; border-bottom:1px solid var(--renk-kenar-acik); cursor:pointer;} .gorev-panel .gp-satir:hover{background:var(--renk-hover);} .gorev-panel .gp-nokta{flex:none; width:8px; height:8px; margin-top:6px; border-radius:50%; background:var(--renk-yazi-en-soluk);} .gorev-panel .gp-nokta.acil{background:var(--renk-tehlike-koyu);} .gorev-panel .gp-orta{flex:1; min-width:0;} .gorev-panel .gp-bas{font-weight:600; overflow-wrap:anywhere;} .gorev-panel .gp-yazi{color:var(--renk-yazi-orta); font-size:11px;} .gorev-panel .gp-cipler{display:flex; flex-wrap:wrap; gap:4px; margin-top:5px;} .gorev-panel .gp-alt{padding:8px 10px; border-top:1px solid var(--renk-kenar-acik);} .gorev-panel .gp-alt a{display:flex; align-items:center; gap:8px; padding:9px 12px; border-radius:var(--radius-md); background:var(--renk-birincil-cok-acik); color:var(--renk-birincil); font-weight:600; transition:background .15s;} .gorev-panel .gp-alt a:hover{background:var(--renk-birincil-az-acik);} .gorev-panel .gp-alt a > i:last-child{margin-left:auto;} .gorev-panel .gp-detay{padding:12px 14px;} .gorev-panel .gp-detay > .gp-cipler{margin-top:0;} .gorev-panel .gp-kunye{display:grid; grid-template-columns:auto 1fr; gap:3px 12px; margin:10px 0; color:var(--renk-yazi-orta);} .gorev-panel .gp-kunye b{color:var(--renk-yazi); font-weight:500; overflow-wrap:anywhere;} .gorev-panel .gp-aciklama{margin-bottom:10px; white-space:pre-line; overflow-wrap:anywhere;} .gorev-panel .gp-bag{display:inline-flex; align-items:center; gap:6px; margin-bottom:10px; color:var(--renk-birincil); font-weight:500;} .gorev-panel .gp-akis{padding-top:10px; border-top:1px solid var(--renk-kenar-acik);} .gorev-panel .gp-akis-satir{display:flex; gap:9px; margin-bottom:9px;} .gorev-panel .gp-akis-satir > i{flex:none; width:22px; height:22px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--renk-arkaplan-hover); color:var(--renk-yazi-orta); font-size:10px;} .gorev-panel .gp-akis-metin{margin-top:2px; padding:6px 8px; border-radius:var(--radius-md); background:var(--renk-arkaplan-acik); white-space:pre-line; overflow-wrap:anywhere;} .gorev-panel .gp-akis-zaman{color:var(--renk-yazi-soluk); font-size:10.5px;} .gorev-panel .gp-not{display:flex; gap:6px; align-items:flex-end; margin-top:6px;} .gorev-panel .gp-mesaj{display:none; margin-top:8px; color:var(--cip-yesil-yazi);} .gorev-panel .gp-mesaj.goster{display:block;} .gorev-panel .gp-mesaj.hata{color:var(--renk-tehlike-koyu);} .gorev-panel .gp-eylem{display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; margin-top:12px;} .gorev-panel :is(.gp-form input[type=text], .gp-form select, .gp-form textarea, .gp-not textarea){width:100%; padding:7px 9px; border:1px solid var(--renk-kenar); border-radius:var(--radius-md); background:var(--renk-yuzey); color:var(--renk-yazi); font-family:inherit; font-size:12px; outline:none; box-sizing:border-box;} .gorev-panel :is(.gp-form input[type=text], .gp-form select, .gp-form textarea, .gp-not textarea):focus{border-color:var(--renk-birincil);} .gorev-panel :is(.gp-form input[type=text], .gp-form select){height:34px;} .gorev-panel .gp-form .aramali-secim{height:34px; border:1px solid var(--renk-kenar); border-radius:var(--radius-md); background:var(--renk-yuzey);} .gorev-panel .gp-form .aramali-secim:is(:focus, .aktif){border-color:var(--renk-birincil);} .gorev-panel .gp-form{padding:4px 14px 14px;} .gorev-panel .gp-form label{display:block; margin:9px 0 3px; color:var(--renk-yazi-orta); font-size:11px; font-weight:500;} .gorev-panel .gp-iki{display:flex; gap:8px;} .gorev-panel .gp-iki > div{flex:1; min-width:0;} .gorev-panel .gp-form label.gp-onay{display:flex; align-items:flex-start; gap:7px; margin-top:11px; color:var(--renk-yazi); font-size:12px; font-weight:400;} .gorev-panel .gp-onay input{width:auto; margin-top:3px;} .gorev-tarih{color:var(--renk-yazi-soluk); font-size:11px; white-space:nowrap;} .gorev-tarih.yakin{color:var(--cip-turuncu-yazi); font-weight:600;} .gorev-tarih.gec{color:var(--renk-tehlike-koyu); font-weight:600;} /* Görevler sayfası > Pano: sabit dört durum sütunu, kart sürüklenerek durum değişir. */ .gorev-pano{display:flex; align-items:flex-start; gap:12px; padding:2px 2px 10px;} .gorev-pano-yukleniyor{padding:40px; text-align:center;} .gorev-sutun{flex:1 0 260px; max-width:360px; display:flex; flex-direction:column; border:1px solid transparent; border-radius:var(--radius-lg); background:var(--renk-arkaplan-hover); transition:border-color .15s, background .15s;} .gorev-sutun.uzerinde{border-color:var(--renk-birincil); background:var(--renk-birincil-cok-acik);} .gorev-sutun-baslik{display:flex; align-items:center; gap:8px; padding:10px 12px; font-weight:600;} .gorev-sutun-baslik > i{width:9px; height:9px; border-radius:3px; background:var(--renk-yazi-soluk);} .gorev-sutun[sutun=yok] .gorev-sutun-baslik > i{background:var(--renk-uyari);} .gorev-sutun[sutun=devam] .gorev-sutun-baslik > i{background:#3b82f6;} .gorev-sutun[sutun=cozuldu] .gorev-sutun-baslik > i{background:var(--renk-basari);} .gorev-sutun-baslik .renk-rozet{margin-left:auto;} .gorev-sutun-ic{display:flex; flex-direction:column; gap:8px; min-height:60px; padding:0 8px 8px;} .gorev-sutun-ekle{margin:0 8px 10px; padding:7px; border-radius:7px; color:var(--renk-yazi-orta);} .gorev-sutun-ekle:hover{background:var(--renk-yuzey); color:var(--renk-yazi);} .gorev-kart{padding:9px 10px; border:1px solid var(--renk-kenar-acik); border-radius:var(--radius-md); background:var(--renk-yuzey); box-shadow:var(--golge-sm); cursor:grab; transition:box-shadow .15s, transform .15s, opacity .15s;} .gorev-kart:hover{box-shadow:var(--golge-md);} .gorev-kart.kilitli{cursor:pointer;} .gorev-kart.surukleniyor{opacity:.45; transform:rotate(2deg);} .gorev-kart.bekliyor{opacity:.5; pointer-events:none;} .gorev-kart-etiket{display:flex; flex-wrap:wrap; gap:4px; margin-bottom:5px;} .gorev-kart-baslik{font-weight:600; line-height:1.4; overflow-wrap:anywhere;} .gorev-kart-bag{margin-top:6px;} .gorev-kart-bag .renk-rozet{max-width:100%; overflow:hidden; text-overflow:ellipsis;} .gorev-kart-alt{display:flex; align-items:center; gap:8px; margin-top:8px; color:var(--renk-yazi-orta); font-size:11px;} .gorev-kart-kisi{margin-left:auto; max-width:50%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .gorev-yeni-yazi{color:var(--renk-basari); font-weight:600;} .gorev-pano-not{margin-top:6px; color:var(--renk-yazi-soluk); font-size:11px;} td.gorev-gec{color:var(--renk-tehlike-koyu); font-weight:600;} i.gorev-ac{color:var(--renk-birincil); font-size:14px; cursor:pointer;} /* ======================== 11 · ARKA PLAN İŞİ ======================== */ #arkaPlanKap{position:fixed; right:70px; bottom:18px; z-index:100002; display:flex; flex-direction:column; gap:8px; width:320px; max-width:calc(100vw - 88px);} #arkaPlanKap:empty{display:none;} .arkaplan-kart{padding:10px 12px; border:1px solid rgba(255,255,255,0.18); border-radius:12px; background:rgba(30,36,54,0.88); -webkit-backdrop-filter:blur(22px) saturate(180%); backdrop-filter:blur(22px) saturate(180%); box-shadow:0 8px 22px rgba(0,0,0,0.26); color:#fff; font-size:12px;} .arkaplan-kart.giris{animation:gorevpanelgel .18s ease-out;} .arkaplan-kart .ap-ust{display:flex; align-items:center; gap:8px;} .arkaplan-kart .ap-ikon{font-size:15px; color:#93c5fd;} .arkaplan-kart .ap-ad{flex:1; min-width:0; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .arkaplan-kart .ap-sayi{color:rgba(255,255,255,0.8); font-variant-numeric:tabular-nums; white-space:nowrap;} .arkaplan-kart .ap-hata{padding:1px 6px; border-radius:9px; background:rgba(248,113,113,0.22); color:#fecaca; font-size:10.5px; white-space:nowrap;} .arkaplan-kart .ap-dugme{padding:2px 3px; color:rgba(255,255,255,0.7); font-size:14px; cursor:pointer;} .arkaplan-kart .ap-dugme:hover{color:#fff;} .arkaplan-kart .ap-cubuk{height:4px; margin:8px 0 6px; overflow:hidden; border-radius:2px; background:rgba(255,255,255,0.15);} .arkaplan-kart .ap-cubuk > span{display:block; width:0; height:100%; border-radius:2px; background:#60a5fa; transition:width .4s ease;} .arkaplan-kart.calisiyor .ap-cubuk > span{transition:width 3s linear;} .arkaplan-kart .ap-alt{color:rgba(255,255,255,0.72); font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .arkaplan-kart.bitti .ap-ikon{color:#4ade80;} .arkaplan-kart.bitti .ap-cubuk > span{background:#4ade80;} .arkaplan-kart.hata .ap-ikon{color:#f87171;} .arkaplan-kart.hata .ap-cubuk > span{background:#f87171;} .arkaplan-kart.durduruldu .ap-ikon{color:#fbbf24;} .arkaplan-kart.durduruldu .ap-cubuk > span{background:#fbbf24;}