﻿/*#region Tablo Base Reset — Bootstrap reboot kaldırıldıktan sonra eksik kalan minimum
    */
table{border-collapse:collapse;}
/*#endregion*/

/*#region Tablo Kapsayıcı — semantik wrapper (Bootstrap col-12 yerine)
   */
.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:3; 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:3;}
#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="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;}

#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 .yuklemedurumsec{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{border-color:#b9c4d6;}
#tablo .yuklemedurumsec: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);}

.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; transform:translateY(-4px) scale(0.98); transform-origin:top left; transition:opacity .15s ease, transform .15s ease; pointer-events:none;}
.dt-custom-dd.acik .dt-custom-dd-list{opacity:1; transform:translateY(0) scale(1); pointer-events:auto;}

.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);}
/*#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:4; left:0; background:var(--renk-birincil-en-koyu);}
#tablo tr.filters th.solsticky{z-index:5;}
#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;}

#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 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;}
#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;}

#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;}
#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;}
#tablo .belgeno{font-weight:400; font-size:11px; display:block;}
#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;}
#tablo .faturano:hover{background:#fffce0; border-color:#bf9d2f; color:#5a4a1e;}
#tablo .faturano i{margin-right:5px;}

#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 .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 .belgesiz{width:25px; height:25px;}

#tablo .belgedetay:hover::before{transform:rotate(0); transition:.2s; display:inline-block;}
#tablo .belgedetay:hover::before{transform:rotate(45deg);}

#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);}
#tablo .alternatifvar{font-size:12px; background:var(--renk-vurgu); color:var(--renk-vurgu-yazi); border-radius:5px; padding:3px 5px 1px 5px; cursor:pointer; transition:.2s; position:relative;}
#tablo .alternatifvar:hover{transform:scale(1.2);}
#tablo .alternatifvar span{font-size:10px; font-weight:600; position:absolute; top:-8px; right:-3px; text-align:center; border-radius:50%; width:15px; height:15px; background:var(--renk-vurgu-yazi); color:var(--renk-secili);}

#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);}

#tablo .asgariseviyealtinda{color:var(--renk-tehlike); margin-left:4px; font-size:12px;}
#tablo .asgariseviyeustunde{color:var(--renk-basari); margin-left:4px; font-size:12px;}

#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;}

.yukleme-durum{display:inline-flex; align-items:center; gap:5px; white-space:nowrap; font-weight:600;}
.yukleme-durum i{font-size:14px;}
.yukleme-durum.yd-calisiliyor{color:#64748b;}
.yukleme-durum.yd-cikmadi{color:#db2777;}
.yukleme-durum.yd-gemi, .yukleme-durum.yd-ucak{color:#16a34a;}
.yukleme-durum.yd-gumruk{color:#8b5cf6;}
.yukleme-durum.yd-nakliye{color:#0891b2;}
.yukleme-durum.yd-depo{color:#2563eb;}

.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;}

#tablo td .palet-balon{position:absolute; top:calc(100% + 4px); left:0; z-index:60; padding:8px;
    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);}
#tablo td .palet-balon.gizli{display:none;}
#tablo td .palet-balon::before{content:""; position:absolute; top:-5px; left:16px; width:9px; height:9px;
    background:#fff; border-left:1px solid var(--renk-kenar); border-top:1px solid var(--renk-kenar);
    transform:rotate(45deg);}

#tablo td .palet-agirlik{display:flex; align-items:center; gap:5px; margin-top:5px; padding:4px 6px;
    border:1px solid var(--renk-kenar); border-radius:var(--radius-sm); background:#fffbeb;}
#tablo td .palet-agirlik-lbl{font-size:9px; font-weight:700; color:#854d0e;}
#tablo td .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;}
#tablo td .palet-agirlik .palet-agirlik-tot{flex:1; text-align:right; font-size:10px; font-weight:700; color:#15803d;}
/*#endregion*/

#tablo td .palet-alan{display:flex; flex-direction:column; gap:2px; width:150px;}
#tablo td .palet-basliklar{display:flex; font-size:8px; font-weight:700; color:var(--renk-yazi-orta); text-align:center;}
#tablo td .palet-basliklar > span{flex:1;}
#tablo td .palet-satir{display:flex; align-items:stretch; gap:2px;}
#tablo td .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;}
#tablo td .palet-satir .palet-no, #tablo td .palet-satir .palet-no-yeni{background:#fffbeb;}
#tablo td .palet-satir > i{display:flex; align-items:center; flex-shrink:0; cursor:pointer;
    font-size:11px; color:var(--renk-tehlike);}
#tablo td .palet-satir > i:hover{transform:scale(1.25);}

#tablo td .palet-toplam{display:flex; align-items:center; gap:4px; padding:2px 5px;
    border-radius:var(--radius-sm); font-size:10px; font-weight:700;}
#tablo td .palet-toplam .palet-toplam-yazi{flex:1; white-space:nowrap;}
#tablo td .palet-toplam .palet-ekle{cursor:pointer; font-size:12px;}
#tablo td .palet-toplam .palet-ekle:hover{transform:scale(1.25);}
#tablo td .palet-toplam.yok{background:#fef2f2; color:#b91c1c;}
#tablo td .palet-toplam.kismi{background:#fff7ed; color:#c2410c;}
#tablo td .palet-toplam.tam{background:#f0fdf4; color:#15803d;}
#tablo td .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;}

.odeme-durum{display:inline-flex; align-items:center; gap:5px; white-space:nowrap; font-weight:600;}
.odeme-durum.od-bekliyor{color:#d97706;}
.odeme-durum.od-odendi{color:#16a34a;}

.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;}

#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;}

/*#region Toplama — seçilebilir raf butonları*/
.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;}
/*#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);}

#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.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.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 Infinite Scroll Stilleri (Yalnızca Infinite Scroll Aktif Tablolar) */
.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 (sağdan açılan global filtre — .ozelfiltre-panel olan her sayfa)
   Sayfa yalnız paneli ve label'ları tanımlar; başlık, perde, temizle ve buton ozelfiltre.js'te. */
.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:2px 7px; 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;}

.balon.bekleyensiparis-balon{--balon-zemin:#ffffff; --balon-kenar:#efefef; 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 (bekleyen + bakiye) */
.cari-rozetleri{display:inline-flex; align-items:center; gap:6px; margin-left:10px;}

.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;}

.balon.bakiyesiparis-balon{--balon-zemin:#ffffff; --balon-kenar:#a5f3fc; min-width:290px;}
.balon.bakiyesiparis-balon .baslik{color:#0e7490;}
.balon.bakiyesiparis-balon .bks-satir{display:flex; align-items:center; gap:8px; width:100%; padding:4px 6px; border-radius:5px; cursor:pointer;}
.balon.bakiyesiparis-balon .bks-satir:hover{background:rgba(14,116,144,0.10);}
.balon.bakiyesiparis-balon .bks-stok{display:flex; flex-direction:column; min-width:0; flex:1;}
.balon.bakiyesiparis-balon .bks-stok b{font-size:10.5px; color:var(--renk-yazi);}
.balon.bakiyesiparis-balon .bks-stok span{font-size:10px; color:var(--renk-yazi-soluk); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.balon.bakiyesiparis-balon .bks-sag{display:flex; align-items:center; gap:6px; flex-shrink:0;}
.balon.bakiyesiparis-balon .bks-kalan{font-size:11px; font-weight:700; color:var(--renk-tehlike);}
.balon.bakiyesiparis-balon .bks-bakiye{font-size:9.5px; font-weight:600; padding:1px 6px; border-radius:4px; background:#ecfeff; border:1px solid #a5f3fc; color:#0e7490;}
.balon.bakiyesiparis-balon .bks-tumu{display:inline-flex; align-items:center; gap:6px; width:100%; margin-top:4px; padding:5px 6px;
    border-top:1px solid #a5f3fc; font-size:10.5px; font-weight:600; color:#0e7490; cursor:pointer;}
.balon.bakiyesiparis-balon .bks-tumu:hover{color:var(--renk-yazi);}
/*#endregion*/

/*#region B2B Stok Bekleyen Sipariş — StokBilgi ikonu + balonu */
#tablo .bekleyenstok-alan{margin-left:4px;}
#tablo i.bekleyenstok{font-size:14px; cursor:pointer;}
#tablo i.bekleyenstok.kendisube{color:#f59e0b;}
#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:#efefef; 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*/
