/*#region Sol Menü*/
sol-menu{position:relative; width:225px; min-width:225px; height:100%; display:block; transition:transform .0s ease,opacity .0s ease, width .0s ease, min-width .0s ease, padding-right .0s 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:block; scroll-behavior:smooth; width:225px; min-width:225px; height:100%; overflow-y:auto; overflow-x:visible; padding-right:10px;}
sol-menu.gizle{transform:translateX(-100%); width:0; min-width:0; opacity:0; padding-right:0;}
sol-menu.gizle *{display:none;}
sol-menu.goster{transform:translateX(0); opacity:1;}

sol-menu sol-menu-icerik::-webkit-scrollbar{width:0;}
sol-menu sol-menu-icerik::-webkit-scrollbar-track{box-shadow:none; width:5px; height:5px;}
sol-menu sol-menu-icerik::-webkit-scrollbar-thumb{border-radius:10px; background-color:transparent; outline:0;}
sol-menu sol-menu-icerik::-webkit-scrollbar-thumb:hover{background-color:#ccc; outline:0;}

sol-menu header{display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:10px;}
sol-menu header a.logo{width:135px; display:block; padding-left:5px;}
sol-menu header a.logo img{display:block; width:100%; height:auto;}

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; 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 servis-arama{width:100%; display:flex; 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; 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;}
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 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;}

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) 20%, rgba(229, 235, 249, 1) 40%, rgba(220, 240, 224, 1) 60%, rgba(245, 217, 206, 1) 80%, rgba(255, 237, 207, 1) 100%); position:sticky; left:0;}
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;}

.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 .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 .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;}
sag-icerik .icerik .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;}
sag-icerik .icerik .bilgilendirme-alan button i{font-size:10px; margin-left:5px;}

sag-icerik .icerik .bilgilendirme-alan 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:10px; white-space:nowrap; box-shadow:0 1px 3px rgba(47,77,191,0.08); transition:background .15s,border-color .15s,box-shadow .15s;}
sag-icerik .icerik .bilgilendirme-alan button.islemlistesi:hover{background:#e0e8ff; border-color:#2f4dbf; box-shadow:0 2px 8px rgba(47,77,191,0.14); color:#1e2d5a;}
sag-icerik .icerik .bilgilendirme-alan button.islemlistesi i.siparisikon{font-size:13px; color:#2f4dbf; flex-shrink:0; margin:0;}
sag-icerik .icerik .bilgilendirme-alan button.islemlistesi .fa-chevron-down{font-size:10px; color:#2f4dbf; opacity:0.6; margin:0; margin-left:auto;}

sag-icerik .icerik .bilgilendirme-alan a.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;}
sag-icerik .icerik .bilgilendirme-alan a.bilgilendirmestdbuton.aktif{background:#eefff7; color:#1e5a37; border:1px solid #c7ffdd;}
sag-icerik .icerik .bilgilendirme-alan a.bilgilendirmestdbuton:hover{background:#e0e8ff; border-color:#2f4dbf; box-shadow:0 2px 8px rgba(47,77,191,0.14); color:#1e2d5a;}
sag-icerik .icerik .bilgilendirme-alan a.bilgilendirmestdbuton.aktif:hover{background:#e0fff1; border-color:#2fbf78; color:#1e5a3d;}

sag-icerik .icerik .bilgilendirme-alan a.bilgilendirmestdbuton i.siparisikon{font-size:13px; color:#2f4dbf; flex-shrink:0; margin:0;}
sag-icerik .icerik .bilgilendirme-alan a.bilgilendirmestdbuton .fa-chevron-down{font-size:10px; color:#2f4dbf; opacity:0.6; margin:0; margin-left:auto;}

sag-icerik .icerik .bilgilendirme-alan .uzun-aciklama{flex:1 0 0;}

sag-icerik .icerik .bilgilendirme-alan .mini-toplamlar{display:flex; flex-wrap:wrap; border-radius:5px; padding:0;}
sag-icerik .icerik .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;}
sag-icerik .icerik .bilgilendirme-alan .mini-toplamlar .tutar-alan:hover{background:#000; color:#fff;}
sag-icerik .icerik .bilgilendirme-alan .mini-toplamlar .tutar-alan > div{min-width:70px;}
sag-icerik .icerik .bilgilendirme-alan .mini-toplamlar .tutar-alan > div.baslik{font-size:8px; font-weight:600; white-space:nowrap;}
sag-icerik .icerik .bilgilendirme-alan .mini-toplamlar .tutar-alan > div.tutar{font-size:11px;}

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"] .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. .inputalan duzenle-icerik'e
   bağlı olduğu için kabuk sayfalarında kullanılamıyor. */
.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 .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.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;}

sag-icerik .icerik .stdkutualan.satisiade .stdkutubaslikalan .stdkutubaslik{background:#FFF6D1; color:#744807; white-space:nowrap;}
sag-icerik .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 .stdkutubaslikalan .butonalan{border-radius:8px 8px 0 0; padding:4px 2px; background:#efefef; align-self:flex-end; position:relative; display:flex; margin-left:20px;}
.stdkutubaslikalan .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;}
.stdkutubaslikalan .butonalan .lineGrafikSec:nth-last-of-type(1){border-right:0px;}
.stdkutubaslikalan .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);}
sag-icerik .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;}
sag-icerik .icerik .stdkutualan.songuncelleme .stdkutu .stdickutualan{padding:0 3px; flex:1 0 0;}
sag-icerik .icerik .stdkutualan.songuncelleme .stdkutu .stdickutu{border-radius:5px; border:1px solid rgba(255,255,255,0.1); padding:10px;}
sag-icerik .icerik .stdkutualan.songuncelleme .stdkutu .stdickutu .stdickutu-baslik{color:#fff; font-size:16px; font-weight:600;}
sag-icerik .icerik .stdkutualan.songuncelleme .stdkutu .stdickutu .stdickutu-icerik{display:flex; align-items:center; margin-top:15px;}
sag-icerik .icerik .stdkutualan.songuncelleme .stdkutu .stdickutu .stdickutu-icerik .ikon{font-size:40px; color:#FFDA9B;}
sag-icerik .icerik .stdkutualan.songuncelleme .stdkutu .stdickutu .stdickutu-icerik .yaz{color:#fff; flex:0 0 auto; padding-left:25px;}
sag-icerik .icerik .stdkutualan.songuncelleme .stdkutu .stdickutu .stdickutu-icerik .yaz .mini{font-size:10px; font-weight:600;}
sag-icerik .icerik .stdkutualan.songuncelleme .stdkutu .stdickutu .stdickutu-icerik .yaz .normal{font-size:12px;}
sag-icerik .icerik .stdkutualan.songuncelleme .stdkutu .stdickutu .stdickutu-icerik .yaz .buyuk{font-size:14px; margin-top:15px;}

sag-icerik .icerik .stdkutualan .stdkutu .veri{width:100%; padding:10px;}
sag-icerik .icerik .stdkutualan .stdkutu .veri .minibaslik{font-size:11px;}
sag-icerik .icerik .stdkutualan .stdkutu .veri .buyukveri{font-size:20px; display:flex; flex-wrap:wrap;}
sag-icerik .icerik .stdkutualan .stdkutu .veri .buyukveri > span{margin-right:5px;}
sag-icerik .icerik .stdkutualan .stdkutu .veri .miniacikveri{font-size:11px; color:#888;}
sag-icerik .icerik .stdkutualan .stdkutu .veri .miniveri{font-size:12px;}

sag-icerik .icerik .stdkutualan .stdkutu .ozelalan{padding:10px; width:100%; border-radius:5px; margin-top:10px;}
sag-icerik .icerik .stdkutualan .stdkutu .ozelalan.iade{background:#FFECEC;}
sag-icerik .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; 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 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;}
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;}

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 — PROJE STANDARDI
   ════════════════════════════════════════════════════════════════════════════
   Düzenleme/ekleme ekranlarında Bootstrap col-* sınıflarının YERİNE kullanılan
   anlamsal flex layout sistemi. Yeni form ekranları ve refactor edilen
   ekranlar bu sistemi kullanır — Bootstrap grid'ine geri dönüş YAPILMAZ.

   FELSEFE
   ─────────────────────────────────────────────────────────────────────────
   • 12 kolon mantığı YOKTUR. Sınıflar Bootstrap col-2/col-3/col-6/col-12'ye
     birebir karşılık DEĞİLDİR. Yeni alan eklerken "kaç kolon?" değil
     "alanın gerçek genişlik ihtiyacı nedir?" sorusu sorulur.
   • Her sınıf alanın anlamsal genişlik niyetini taşır: kısa kod mu, standart
     input mu, uzun isim mi, kesin tam satır section mı?
   • Ekran boyutuna göre ek breakpoint sınıfı (col-xxs-* vs.) GEREKMEZ —
     min-width parent'ı geçince flex-wrap otomatik tek kolona düşürür.

   NASIL ÇALIŞIR
   ─────────────────────────────────────────────────────────────────────────
   • .duzenleme-grid container'ı flex-wrap kullanır.
   • Her child için: flex-basis = ideal genişlik; min-width = okunabilir taban.
   • flex-grow:1 → tek başına satırda kalan alan satırı doldurur, çift sığarsa
     dengeli paylaşır.
   ════════════════════════════════════════════════════════════════════════════ */
.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;}

.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.duzenleme-grid{padding-top:0;}
.ozelalan .ozelalan-texticerik.duzenleme-grid > *{padding:0;}
/*#endregion*/