:root{
  --bg: #0b1020;
  --panel: rgba(255,255,255,.06);
  --panel2: rgba(255,255,255,.08);
  --stroke: rgba(255,255,255,.12);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.66);
  --danger: #ff4d4d;
  --ok: #29d38f;
  --warn: #ffcc66;
  --accent: #7aa7ff;
  --shadow: 0 18px 50px rgba(0,0,0,.45);
  --r: 14px;
  color-scheme: dark;
}

*{ box-sizing: border-box; }
html,body{ height: 100%; }
body{
  margin: 0;
  font: 14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  color: var(--text);
  background:
    radial-gradient(900px 600px at 12% 5%, rgba(122,167,255,.25), transparent 60%),
    radial-gradient(700px 500px at 90% 20%, rgba(41,211,143,.16), transparent 55%),
    radial-gradient(900px 700px at 70% 95%, rgba(255,204,102,.12), transparent 55%),
    linear-gradient(180deg, #070a13, var(--bg));
}

.container{
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
  padding: 0 16px;
}
@media (max-width: 768px){
  .container{
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 12px !important;
    box-sizing: border-box;
  }
  main.container{
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    overflow-x: hidden;
  }
  body{
    overflow-x: hidden;
    width: 100%;
  }
  html{
    overflow-x: hidden;
    width: 100%;
  }
}
@media (max-width: 480px){
  .container{
    padding: 0 10px !important;
  }
  main.container{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media (max-width: 480px){
  .container{
    padding: 0 10px;
  }
  main.container{
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.topbar{
  position: sticky;
  top: 0;
  z-index: 5;
  backdrop-filter: blur(10px);
  background: rgba(7,10,19,.72);
  border-bottom: 1px solid var(--stroke);
}
.topbar__row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 0;
  min-height: 60px;
}
@media (max-width: 768px){
  .topbar__row{
    padding: 10px 0;
    min-height: 56px;
    gap: 8px;
  }
}
.brand{
  display:flex;
  align-items:center;
  gap: 12px;
  flex-shrink: 0;
}
.brand__mark{
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  font-weight: 800;
  letter-spacing: .5px;
  background: linear-gradient(135deg, rgba(122,167,255,.85), rgba(41,211,143,.8));
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
  flex-shrink: 0;
}
.brand__title{ font-size: 14px; font-weight: 700; }
.brand__subtitle{ font-size: 12px; color: var(--muted); }
@media (max-width: 768px){
  .brand{
    gap: 8px;
    flex: 1;
    min-width: 0;
  }
  .brand__mark{
    width: 36px;
    height: 36px;
    font-size: 11px;
    flex-shrink: 0;
  }
  .brand__title{ 
    font-size: 13px; 
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .brand__subtitle{ 
    font-size: 10px; 
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .brand__text{
    min-width: 0;
    flex: 1;
    overflow: hidden;
  }
}
@media (max-width: 480px){
  .brand__title{ font-size: 12px; }
  .brand__subtitle{ font-size: 9px; }
  .brand__mark{
    width: 32px;
    height: 32px;
    font-size: 10px;
  }
}
.topbar__actions{ display:flex; gap: 8px; flex-wrap: wrap; justify-content:flex-end; }
.menu{
  display:flex;
  gap: 10px;
  align-items:center;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: 12px;
}
.menu a{ text-decoration:none; }
.menu__link{
  padding: 8px 12px;
  border-radius: 12px;
  text-decoration: none;
  color: var(--text);
  border: 1px solid transparent;
  transition: background .15s ease, border-color .15s ease;
  white-space: nowrap;
}
.menu__link:hover{
  background: rgba(255,255,255,.06);
  border-color: var(--stroke);
}
.menu__link--active{
  border-color: rgba(122,167,255,.35);
  background: rgba(122,167,255,.12);
}

/* Hamburger Menu Button */
.menu-toggle{
  display: none;
  background: transparent;
  border: 1px solid var(--stroke);
  border-radius: 10px;
  padding: 8px 10px;
  cursor: pointer;
  color: var(--text);
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-left: auto;
  transition: all .15s ease;
}
.menu-toggle:hover{
  background: rgba(255,255,255,.06);
  border-color: rgba(122,167,255,.4);
}
.menu-toggle span{
  display: block;
  width: 20px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  transition: all .2s ease;
  position: relative;
}
.menu-toggle span::before,
.menu-toggle span::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  transition: all .2s ease;
  left: 0;
}
.menu-toggle span::before{
  top: -6px;
}
.menu-toggle span::after{
  bottom: -6px;
}
.menu-toggle.active span{
  background: transparent;
}
.menu-toggle.active span::before{
  top: 0;
  transform: rotate(45deg);
}
.menu-toggle.active span::after{
  bottom: 0;
  transform: rotate(-45deg);
}

/* Mobile Menu Styles */
@media (max-width: 768px){
  .menu-toggle{
    display: flex;
    flex-shrink: 0;
    order: 2;
    margin-left: 8px;
  }
  .topbar__actions{
    order: 3;
    flex-shrink: 0;
  }
  .menu{
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    background: rgba(7,10,19,.98);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--stroke);
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: 8px 12px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .3s ease, opacity .3s ease, padding .3s ease;
    z-index: 100;
    box-shadow: 0 8px 32px rgba(0,0,0,.4);
  }
  .menu.active{
    max-height: calc(100vh - 56px);
    opacity: 1;
    padding: 8px 12px;
    overflow-y: auto;
  }
  .menu__link{
    padding: 14px 16px;
    border-radius: 10px;
    margin-bottom: 4px;
    display: block;
    text-align: left;
    width: 100%;
    font-size: 15px;
    min-height: 48px;
    display: flex;
    align-items: center;
  }
  .menu__link:last-child{
    margin-bottom: 0;
  }
}

.actionGroup{ display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.btn--tiny{
  padding: 6px 9px;
  font-size: 12px;
  border-radius: 10px;
}
@media (max-width: 768px){
  .btn--tiny{
    padding: 14px 16px !important;
    font-size: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }
  .btn--tiny[style*="padding"]{
    padding: 14px 16px !important;
  }
  .btn--tiny[style*="margin"],
  .btn--tiny[style*="margin-left"],
  .btn--tiny[style*="margin-left: auto"]{
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  /* Stok detay sayfasındaki butonlar */
  .card__head .btn,
  .card__head .btn--tiny,
  .card__head button[data-toggle-details]{
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 0 0 !important;
    display: block !important;
  }
  .card__head{
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  .card__head > div{
    width: 100% !important;
  }
  .card__head[style*="display: flex"][style*="justify-content: space-between"]{
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  .card__head[style*="display: flex"] > div:first-child{
    width: 100% !important;
  }
  .card__head[style*="display: flex"] button:not(.menu-toggle){
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
  }
  /* Tüm sayfalardaki form butonları */
  .form button:not(.menu-toggle),
  form button:not(.menu-toggle),
  .card button:not(.menu-toggle):not([data-toggle-details]),
  section button:not(.menu-toggle){
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

.summaryGrid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  padding: 14px;
}
@media (max-width: 768px){
  .summaryGrid{
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px;
  }
}
.summaryCard{
  border: 1px solid var(--stroke);
  border-radius: 12px;
  padding: 12px;
  background: rgba(255,255,255,.04);
}
.summaryLabel{
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 6px;
}
.summaryValue{
  font-size: 22px;
  font-weight: 750;
}
.quickLinks{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
  padding: 14px;
}
@media (max-width: 768px){
  .quickLinks{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    display: grid !important;
  }
  .quickLinks .btn{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    word-wrap: break-word;
  }
}

/* Ana sayfa özel responsive */
.summaryCardsGrid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}
@media (max-width: 768px){
  .summaryCardsGrid{
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 12px !important;
  }
}

.statsGrid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 768px){
  .statsGrid{
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 16px !important;
  }
}

.grid{
  display:grid;
  grid-template-columns: 1.25fr .95fr;
  gap: 14px;
  padding: 14px 0 18px;
}
@media (max-width: 980px){
  .grid{ 
    grid-template-columns: 1fr !important; 
  }
}
@media (max-width: 768px){
  .grid{
    gap: 12px !important;
    padding: 12px 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .grid > *{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    overflow: hidden;
  }
}

.card{
  background: var(--panel);
  border: 1px solid var(--stroke);
  border-radius: var(--r);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.card__head{
  padding: 14px 14px 0;
}
.card__head h2{
  margin: 0 0 4px;
  font-size: 14px;
  letter-spacing: .2px;
}
.muted{ color: var(--muted); font-size: 12px; }
.sep{
  border: 0;
  border-top: 1px solid var(--stroke);
  margin: 14px 0;
}

.toolbar{
  display:grid;
  grid-template-columns: 1.6fr 1fr 1fr;
  gap: 10px;
  padding: 14px;
}
@media (max-width: 768px){
  .toolbar{ 
    grid-template-columns: 1fr !important; 
    gap: 12px !important;
    padding: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    display: grid !important;
  }
  .toolbar > .field{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}

.form{ 
  padding: 14px; 
}
@media (max-width: 768px){
  .form{
    padding: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    overflow: hidden;
  }
  .form > *{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .form > *:last-child{
    margin-bottom: 0;
  }
}
@media (max-width: 480px){
  .form{
    padding: 14px !important;
  }
}
.row{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media (max-width: 768px){
  .row{ 
    grid-template-columns: 1fr; 
    gap: 12px;
  }
}
.row--actions{ 
  grid-template-columns: auto auto; 
  justify-content: start; 
}
@media (max-width: 768px){
  .row--actions,
  .transactionActions{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    flex-direction: column !important;
  }
  .row--actions .btn,
  .row--actions button:not(.menu-toggle),
  .transactionActions .btn,
  .transactionActions button:not(.menu-toggle){
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    justify-content: center !important;
    display: block !important;
  }
  .row--actions .btn:last-child,
  .row--actions button:last-child:not(.menu-toggle),
  .transactionActions .btn:last-child,
  .transactionActions button:last-child:not(.menu-toggle){
    margin-bottom: 0 !important;
  }
  .row--actions #btnCancelEdit,
  .transactionActions #btnCancelEdit{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    display: block !important;
  }
}

.field label{
  display:block;
  color: var(--muted);
  font-size: 12px;
  margin: 0 0 6px;
}
input,select{
  width: 100%;
  padding: 10px 11px;
  border-radius: 12px;
  border: 1px solid var(--stroke);
  background: rgba(0,0,0,.25);
  color: var(--text);
  outline: none;
  font-size: 14px;
  -webkit-appearance: none;
  appearance: none;
}
@media (max-width: 768px){
  input,select{
    padding: 14px 16px !important;
    font-size: 16px !important; /* iOS zoom önleme */
    border-radius: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  input[type="datetime-local"],
  input[type="date"]{
    font-size: 16px !important;
  }
}
input:focus,select:focus{
  border-color: rgba(122,167,255,.55);
  box-shadow: 0 0 0 4px rgba(122,167,255,.12);
}

.btn{
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.06);
  color: var(--text);
  padding: 10px 12px;
  border-radius: 12px;
  cursor: pointer;
  user-select: none;
  font-size: 14px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  touch-action: manipulation;
}
@media (max-width: 768px){
  /* TÜM BUTONLAR İÇİN GENEL MOBİL STİLLERİ */
  .btn,
  button:not(.menu-toggle):not([type="submit"]:not(.btn)),
  .btn--primary,
  .btn--danger,
  .btn--ghost,
  .btn--tiny{
    padding: 14px 16px !important;
    font-size: 15px !important;
    min-height: 44px !important;
    border-radius: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow: hidden !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
  }
  .btn:last-child,
  button:last-child:not(.menu-toggle){
    margin-bottom: 0 !important;
  }
  .btn[style*="padding"],
  button[style*="padding"]:not(.menu-toggle){
    padding: 14px 16px !important;
  }
  .btn[style*="width"],
  button[style*="width"]:not(.menu-toggle){
    width: 100% !important;
    max-width: 100% !important;
  }
  .btn[style*="margin"],
  button[style*="margin"]:not(.menu-toggle){
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
  }
  .btn[style*="margin-left"],
  button[style*="margin-left"]:not(.menu-toggle){
    margin-left: 0 !important;
  }
  .btn[style*="transform"],
  button[style*="transform"]:not(.menu-toggle){
    transform: none !important;
  }
  /* Buton içindeki tüm elemanlar */
  .btn *,
  button *:not(.menu-toggle span){
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Row içindeki butonlar */
  .row .btn,
  .row button:not(.menu-toggle),
  .row--actions .btn,
  .row--actions button:not(.menu-toggle),
  .transactionActions .btn,
  .transactionActions button:not(.menu-toggle){
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    display: block !important;
  }
  .row .btn:last-child,
  .row button:last-child:not(.menu-toggle),
  .row--actions .btn:last-child,
  .row--actions button:last-child:not(.menu-toggle),
  .transactionActions .btn:last-child,
  .transactionActions button:last-child:not(.menu-toggle){
    margin-bottom: 0 !important;
  }
  /* Form içindeki butonlar */
  .form .btn,
  .form button:not(.menu-toggle),
  form .btn,
  form button:not(.menu-toggle),
  .card .btn,
  .card button:not(.menu-toggle),
  section .btn,
  section button:not(.menu-toggle){
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.btn:hover{ background: rgba(255,255,255,.09); }
.btn--primary{
  border-color: rgba(122,167,255,.4);
  background: rgba(122,167,255,.16);
}
.btn--primary:hover{ background: rgba(122,167,255,.22); }
.btn--ghost{
  background: transparent;
}
.btn--danger{
  border-color: rgba(255,77,77,.45);
  background: rgba(255,77,77,.12);
}
.btn--danger:hover{ background: rgba(255,77,77,.18); }
@media (max-width: 768px){
  /* Tüm butonlar mobilde tam genişlik ve sığmalı */
  .btn--primary,
  .btn--danger,
  .btn--ghost{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

.file{ position: relative; overflow: hidden; }
.file input[type="file"]{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}

.tableWrap{ 
  padding: 14px; 
  overflow:auto;
  -webkit-overflow-scrolling: touch;
}
/* Mobilde tablo görünümünü tamamen değiştir */
@media (max-width: 768px){
  .tableWrap{
    padding: 12px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box;
    position: relative;
    -webkit-overflow-scrolling: auto;
  }
  /* Tablo başlıklarını gizle */
  .table thead{
    display: none !important;
  }
  /* Tablo yapısını koru ama görünümü değiştir */
  .table{
    display: block !important;
    width: 100% !important;
  }
  .table tbody{
    display: block;
    width: 100%;
  }
  .table tbody tr{
    display: block;
    background: var(--panel);
    border: 1px solid var(--stroke);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    overflow: visible !important;
  }
  .table tbody tr:last-child{
    margin-bottom: 0;
  }
  .table tbody td{
    display: block;
    padding: 10px 0 !important;
    border: none !important;
    text-align: left !important;
    font-size: 14px !important;
    word-break: break-word;
    overflow-wrap: break-word;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
    position: relative;
    padding-left: 0 !important;
    overflow: visible !important;
  }
  /* Mobilde etiket göster */
  .table tbody td[data-label]:before{
    content: attr(data-label) ':';
    display: block;
    font-weight: 600;
    color: var(--muted);
    font-size: 12px;
    margin-bottom: 6px;
    opacity: 0.85;
    letter-spacing: 0.3px;
  }
  .table tbody td[data-label]{
    padding-top: 12px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(255,255,255,.05);
  }
  .table tbody td[data-label]:last-child{
    border-bottom: none;
  }
  /* İlk hücre için padding düzeltmesi */
  .table tbody tr td[data-label]:first-child{
    padding-top: 0 !important;
    padding-bottom: 10px !important;
  }
  /* İçinde div olan hücreler için */
  .table tbody td[data-label] > div{
    margin-top: 0;
  }
  /* Tag'ler için özel düzenleme */
  .table tbody td[data-label] .tag{
    display: inline-block;
    margin-top: 4px;
  }
  /* İçinde span olan hücreler için */
  .table tbody td[data-label] > span{
    display: inline-block;
  }
  /* Miktar ve tutar gibi sayısal değerler için - text-align override */
  .table tbody td[data-label][style*="text-align: right"],
  .table tbody td[data-label][style*="text-align:center"]{
    text-align: left !important;
  }
  .table tbody td:empty{
    display: none;
  }
  /* Butonlar mobilde tam genişlik */
  .table tbody td:has(button),
  .table tbody td:has(.btn),
  .table tbody td:has(.iconBtn){
    display: block !important;
    padding: 16px 0 0 0 !important;
    margin-top: 12px !important;
    border-top: 1px solid var(--stroke) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    min-width: 0 !important;
  }
  .table tbody td:has(button)[data-label]:before{
    content: attr(data-label) ':';
    display: block;
    font-weight: 600;
    color: var(--muted);
    font-size: 12px;
    margin-bottom: 10px;
    opacity: 0.8;
  }
  /* Buton container div'leri - TÜM flex div'leri yakala */
  .table tbody td > div{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
  }
  .table tbody td > div[style*="display:flex"],
  .table tbody td > div[style*="display: flex"],
  .table tbody td > div[style*="display:flex;"],
  .table tbody td > div[style*="display: flex;"]{
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
  }
  /* Tüm butonlar mobilde - daha güçlü selector'lar */
  .table tbody td button,
  .table tbody td .btn,
  .table tbody td .iconBtn,
  .table tbody td > div button,
  .table tbody td > div .btn,
  .table tbody td > div .iconBtn,
  .table tbody td[data-label="İşlemler"] button,
  .table tbody td[data-label="İşlemler"] .btn,
  .table tbody td[data-label="İşlemler"] .iconBtn,
  .table tbody td[data-label="İşlemler"] > div button,
  .table tbody td[data-label="İşlemler"] > div .btn,
  .table tbody td[data-label="İşlemler"] > div .iconBtn{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 14px 16px !important;
    box-sizing: border-box !important;
    display: block !important;
    flex: 0 0 auto !important;
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    /* Butonların kesinlikle taşmaması için */
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    max-width: 100% !important;
  }
  .table tbody td button:first-child,
  .table tbody td .btn:first-child,
  .table tbody td .iconBtn:first-child,
  .table tbody td > div button:first-child,
  .table tbody td > div .btn:first-child,
  .table tbody td > div .iconBtn:first-child{
    margin-bottom: 10px !important;
  }
  .table tbody td button:last-child,
  .table tbody td .btn:last-child,
  .table tbody td .iconBtn:last-child,
  .table tbody td > div button:last-child,
  .table tbody td > div .btn:last-child,
  .table tbody td > div .iconBtn:last-child{
    margin-bottom: 0 !important;
  }
  /* Buton içindeki TÜM inline stilleri override et */
  .table tbody td button[style*="margin-right"],
  .table tbody td .btn[style*="margin-right"],
  .table tbody td .iconBtn[style*="margin-right"],
  .table tbody td > div button[style*="margin-right"],
  .table tbody td > div .btn[style*="margin-right"]{
    margin-right: 0 !important;
  }
  .table tbody td button[style*="padding"],
  .table tbody td .btn[style*="padding"],
  .table tbody td .iconBtn[style*="padding"],
  .table tbody td > div button[style*="padding"],
  .table tbody td > div .btn[style*="padding"]{
    padding: 14px 16px !important;
  }
  /* Transform ve diğer inline stilleri temizle */
  .table tbody td button[style*="transform"],
  .table tbody td .btn[style*="transform"],
  .table tbody td .iconBtn[style*="transform"],
  button[style*="transform"]:not(.menu-toggle),
  .btn[style*="transform"]{
    transform: none !important;
  }
  /* Hover efektlerini mobilde devre dışı bırak */
  .table tbody td button[onmouseover],
  .table tbody td .btn[onmouseover],
  .table tbody td .iconBtn[onmouseover],
  button[onmouseover]:not(.menu-toggle),
  .btn[onmouseover]{
    pointer-events: auto;
  }
  /* Tüm butonlarda onmouseover/onmouseout efektlerini devre dışı bırak */
  button[onmouseover]:not(.menu-toggle),
  button[onmouseout]:not(.menu-toggle){
    transform: none !important;
  }
  /* Gap override - flex container içindeki gap'i override et */
  .table tbody td > div[style*="gap:8px"],
  .table tbody td > div[style*="gap: 8px"],
  .table tbody td > div[style*="gap:8px;"],
  .table tbody td > div[style*="gap: 8px;"]{
    gap: 10px !important;
  }
  /* Justify-content override */
  .table tbody td > div[style*="justify-content:flex-end"],
  .table tbody td > div[style*="justify-content: flex-end"],
  .table tbody td > div[style*="justify-content:flex-end;"],
  .table tbody td > div[style*="justify-content: flex-end;"]{
    justify-content: stretch !important;
    align-items: stretch !important;
  }
  /* Tüm inline style'ları override et - daha güçlü */
  .table tbody td > div[style]{
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  /* Butonların kesinlikle sığmasını sağla */
  .table tbody td button *,
  .table tbody td .btn *,
  .table tbody td .iconBtn *{
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Son kontrol - tüm butonlar için kesinlikle sığmalı - EN GÜÇLÜ SELECTOR */
  .table tbody td button,
  .table tbody td .btn,
  .table tbody td .iconBtn,
  .table tbody td > div > button,
  .table tbody td > div > .btn,
  .table tbody td > div > .iconBtn,
  .table tbody td[data-label="İşlemler"] button,
  .table tbody td[data-label="İşlemler"] .btn,
  .table tbody td[data-label="İşlemler"] .iconBtn,
  .table tbody td[data-label="İşlemler"] > div > button,
  .table tbody td[data-label="İşlemler"] > div > .btn,
  .table tbody td[data-label="İşlemler"] > div > .iconBtn{
    min-width: 0 !important;
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    /* Butonların kesinlikle taşmaması için */
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
  }
  /* İçinde div olan td'ler için - zaten yukarıda tanımlandı */
  /* Colspan için özel durum */
  .table tbody td[colspan]{
    text-align: center !important;
    padding: 20px !important;
    font-size: 14px !important;
  }
}
.table{
  width: 100%;
  border-collapse: collapse;
  min-width: 560px;
  display: table;
}
@media (max-width: 768px){
  .table{
    min-width: 0 !important;
  }
}
.table th, .table td{
  padding: 10px 10px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  vertical-align: middle;
}
.table th{
  text-align: left;
  color: rgba(255,255,255,.78);
  font-size: 12px;
  font-weight: 650;
}
@media (max-width: 768px){
  .table th{
    font-size: 11px;
    white-space: nowrap;
  }
}
.tag{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  font-size: 12px;
  color: rgba(255,255,255,.82);
}
.tag--low{ border-color: rgba(255,204,102,.3); background: rgba(255,204,102,.08); }
.tag--zero{ border-color: rgba(255,77,77,.32); background: rgba(255,77,77,.10); }

.iconBtn{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  padding: 6px 10px;
  border-radius: 10px;
  cursor: pointer;
  color: var(--text);
}
.iconBtn:hover{ background: rgba(255,255,255,.09); }
.iconBtn--danger{
  border-color: rgba(255,77,77,.35);
  background: rgba(255,77,77,.10);
}

.footer{ padding: 10px 0 24px; }

.toast{
  position: fixed;
  right: 16px;
  bottom: 16px;
  max-width: min(420px, calc(100% - 32px));
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--stroke);
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(8px);
  box-shadow: var(--shadow);
  opacity: 0;
  transform: translateY(8px);
  pointer-events:none;
  transition: opacity .18s ease, transform .18s ease;
  z-index: 1000;
}
@media (max-width: 768px){
  .toast{
    right: 12px !important;
    left: 12px !important;
    bottom: 12px !important;
    max-width: none !important;
    padding: 14px 16px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    z-index: 1001;
  }
}
.toast.show{
  opacity: 1;
  transform: translateY(0);
}

.modal{
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.modal__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.75);
  backdrop-filter: blur(4px);
}
.modal__content{
  position: relative;
  background: var(--panel2);
  border: 1px solid var(--stroke);
  border-radius: var(--r);
  box-shadow: var(--shadow);
  max-width: 500px;
  width: 100%;
  max-height: 90vh;
  overflow: auto;
  z-index: 1;
}
.modal__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid var(--stroke);
}
.modal__header h3{
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--text);
}
.modal__close{
  background: transparent;
  border: none;
  color: var(--muted);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all .15s ease;
}
.modal__close:hover{
  background: rgba(255,255,255,.08);
  color: var(--text);
}
.modal__body{
  padding: 24px;
}
.modal__footer{
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid var(--stroke);
}
@media (max-width: 768px){
  .modal{
    padding: 12px !important;
    align-items: flex-end;
  }
  .modal__content{
    max-width: 100% !important;
    border-radius: 12px 12px 0 0 !important;
    max-height: 90vh;
    margin-bottom: 0;
  }
  .modal__header{
    padding: 16px 18px !important;
  }
  .modal__header h3{
    font-size: 16px !important;
  }
  .modal__body{
    padding: 18px !important;
    font-size: 14px;
    line-height: 1.6;
  }
  .modal__footer{
    flex-direction: column !important;
    padding: 16px 18px !important;
    gap: 10px !important;
  }
  .modal__footer .btn{
    width: 100% !important;
    margin: 0 !important;
  }
  .modal__close{
    width: 36px !important;
    height: 36px !important;
    font-size: 24px !important;
  }
}

/* İşlem türü butonları mobil */
.transaction-type-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 768px){
  .transaction-type-grid{
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .transaction-type-btn{
    padding: 14px 16px !important;
  }
  .transaction-type-btn div:first-child{
    font-size: 28px !important;
  }
  .transaction-type-btn div:nth-child(2){
    font-size: 15px !important;
  }
  .transaction-type-btn div:nth-child(3){
    font-size: 10px !important;
  }
}

/* Footer mobil */
@media (max-width: 768px){
  .footer{
    padding: 16px 0 20px !important;
    font-size: 12px !important;
    text-align: center;
  }
  .footer .muted{
    font-size: 11px !important;
    line-height: 1.5;
  }
}

/* Icon butonlar mobil */
@media (max-width: 768px){
  .iconBtn{
    padding: 8px 12px !important;
    font-size: 13px !important;
    min-height: 40px;
    min-width: 40px;
  }
  .iconBtn--danger{
    padding: 8px 12px !important;
  }
}

/* Tag mobil */
@media (max-width: 768px){
  .tag{
    font-size: 11px;
    padding: 3px 8px;
  }
}

/* Genel mobil iyileştirmeler */
@media (max-width: 768px){
  body{
    font-size: 14px;
  }
  
  /* Kart başlıkları */
  .card__head h2{
    font-size: 16px;
    line-height: 1.4;
  }
  
  /* Form alanları */
  .field label{
    font-size: 13px;
    margin-bottom: 8px;
  }
  
  /* Buton grupları */
  .row--actions{
    flex-direction: column;
  }
  .row--actions .btn{
    width: 100%;
  }
  
  /* Tablo scroll iyileştirmesi */
  .tableWrap{
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  
  /* Topbar iyileştirmeleri */
  .topbar{
    border-bottom-width: 1px;
  }
  
  /* Brand text overflow */
  .brand__text{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  /* Kart padding mobil */
  .card__head{
    padding: 16px 16px 0;
  }
  
  /* Summary card mobil */
  .summaryCard{
    padding: 14px;
  }
  .summaryValue{
    font-size: 20px;
  }
  
  /* İstatistik kartları mobil */
  #generalStats > div,
  #serverProfitLoss > div{
    padding: 10px 14px;
  }
}

/* Çok küçük ekranlar için ek iyileştirmeler */
@media (max-width: 480px){
  .container{
    padding: 0 10px;
  }
  
  .card{
    border-radius: 10px;
  }
  
  .btn{
    padding: 14px 16px;
    font-size: 14px;
  }
  
  input, select{
    padding: 14px 16px;
    font-size: 16px;
  }
  
  .table th, .table td{
    padding: 6px 4px;
    font-size: 11px;
  }
  
  .iconBtn{
    padding: 6px 10px;
    font-size: 12px;
  }
  
  .brand__mark{
    width: 32px;
    height: 32px;
    font-size: 11px;
  }
  
  .brand__title{
    font-size: 12px;
  }
  
  .brand__subtitle{
    font-size: 10px;
  }
  
  /* Filtre alanları mobil */
  .filterSection{
    padding: 12px !important;
  }
  .filterActions{
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  .filterActions .btn{
    width: 100%;
  }
  .filterActions #filterInfo{
    text-align: center;
    padding: 8px 0;
  }
  
  /* İşlem butonları mobil */
  #btnSubmitTxn{
    width: 100% !important;
    margin-bottom: 10px !important;
    padding: 14px 20px !important;
  }
  
  #btnCancelEdit{
    width: 100% !important;
    margin-left: 0 !important;
    padding: 12px 16px !important;
  }
  
  /* Row actions mobil */
  .row--actions[style*="margin-top"]{
    margin-top: 20px !important;
    padding-top: 20px !important;
  }
  
  /* Filter section mobil */
  .filterSection{
    padding: 14px !important;
    margin-bottom: 14px !important;
  }
  
  /* Toolbar mobil */
  .toolbar .field{
    margin-bottom: 0;
  }
}

/* Landscape mod için ek iyileştirmeler */
@media (max-width: 768px) and (orientation: landscape){
  .menu{
    max-height: 70vh;
    overflow-y: auto;
  }
  
  .topbar__row{
    padding: 10px 0;
  }
  
  .card__head{
    padding: 12px 16px 0;
  }
  
  .form{
    padding: 12px;
  }
}

/* Tablo mobil görünümü için ek iyileştirmeler */
@media (max-width: 768px){
  /* Tablo container genişliği */
  .tableWrap{
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Touch friendly butonlar */
@media (max-width: 768px){
  button, .btn, a.btn{
    min-height: 44px;
    min-width: 44px;
    touch-action: manipulation;
  }
  
  /* Select ve input touch friendly */
  select, input[type="text"], input[type="number"], input[type="date"], input[type="datetime-local"]{
    min-height: 44px;
    touch-action: manipulation;
  }
}

/* Scrollbar mobil */
@media (max-width: 768px){
  .tableWrap::-webkit-scrollbar{
    height: 6px;
  }
  .tableWrap::-webkit-scrollbar-track{
    background: rgba(0,0,0,.2);
    border-radius: 3px;
  }
  .tableWrap::-webkit-scrollbar-thumb{
    background: rgba(255,255,255,.2);
    border-radius: 3px;
  }
  .tableWrap::-webkit-scrollbar-thumb:hover{
    background: rgba(255,255,255,.3);
  }
}

/* Ana sayfa kartları mobil */
@media (max-width: 768px){
  .summaryCardsGrid{
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .summaryCardsGrid .card{
    margin-bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    overflow: hidden;
  }
  .summaryCardsGrid .card > div{
    padding: 16px !important;
    box-sizing: border-box;
    width: 100% !important;
  }
  .summaryCardsGrid .card > div > div:first-child{
    margin-bottom: 12px !important;
    flex-wrap: wrap;
    width: 100% !important;
    box-sizing: border-box;
  }
  .summaryCardsGrid .card > div > div:first-child > div:first-child{
    font-size: 12px !important;
    flex: 1;
    min-width: 0;
    word-wrap: break-word;
  }
  .summaryCardsGrid .card > div > div:first-child > div:last-child{
    font-size: 22px !important;
    flex-shrink: 0;
  }
  .summaryCardsGrid #netStockValue,
  .summaryCardsGrid #totalProfitLoss,
  .summaryCardsGrid #totalPurchase,
  .summaryCardsGrid #totalSale{
    font-size: 24px !important;
    line-height: 1.2;
    margin-bottom: 6px !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  .summaryCardsGrid #netStockGb,
  .summaryCardsGrid #totalPurchaseAmount,
  .summaryCardsGrid #totalSaleAmount,
  .summaryCardsGrid .card > div > div:last-child{
    font-size: 12px !important;
    line-height: 1.4;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}
@media (max-width: 480px){
  .summaryCardsGrid .card > div{
    padding: 14px !important;
  }
  .summaryCardsGrid #netStockValue,
  .summaryCardsGrid #totalProfitLoss,
  .summaryCardsGrid #totalPurchase,
  .summaryCardsGrid #totalSale{
    font-size: 22px !important;
  }
}

/* Genel mobil iyileştirmeler - devam */
@media (max-width: 768px){
  /* H3 başlıkları mobil */
  h3{
    font-size: 15px;
    margin-bottom: 16px;
  }
  
  /* Muted text mobil */
  .muted{
    font-size: 11px;
    line-height: 1.5;
  }
  
  /* Card head padding mobil */
  .card__head .muted{
    margin-top: 4px;
  }
  
  /* Form başlıkları mobil */
  .card__head[style*="padding: 20px"]{
    padding: 16px 16px 12px !important;
  }
  
  .card__head h2{
    font-size: 18px !important;
  }
  
  /* İşlem form başlığı mobil */
  #formTitle{
    font-size: 17px !important;
    line-height: 1.3;
  }
  
  .card__head .muted[style*="margin-left: 44px"]{
    margin-left: 0 !important;
    margin-top: 8px !important;
    display: block;
  }
  
  /* İşlem form başlık container mobil */
  .card__head > div[style*="display: flex"]{
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }
  
  .card__head > div[style*="display: flex"] > div:first-child{
    font-size: 28px !important;
  }
  
  /* Rapor sayfası mobil */
  .reportActions{
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .reportActions .btn{
    width: 100% !important;
  }
  
  /* Rapor sonuçları mobil */
  #reportResults{
    padding: 12px;
  }
  
  /* Rapor kartları mobil */
  #reportResults .card{
    margin-bottom: 12px;
  }
  
  #reportResults .summaryCard{
    padding: 12px;
  }
  
  #reportResults .summaryValue{
    font-size: 18px;
  }
  
  /* Raporlar sayfası grid düzenlemeleri */
  #reportResults [style*="grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))"],
  #reportResults [style*="grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))"]{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  #reportResults [style*="grid-template-columns: repeat(auto-fit, minmax(150px, 1fr))"]{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  /* Raporlar sayfasındaki kart içi padding'ler */
  #reportResults .card[style*="margin-bottom: 16px"]{
    margin-bottom: 12px !important;
  }
  #reportResults .card > div[style*="padding: 16px"]{
    padding: 12px !important;
  }
  /* Raporlar sayfasındaki h3 başlıkları */
  #reportResults h3{
    font-size: 15px !important;
    margin-bottom: 12px !important;
  }
  
  /* Ana sayfa kart içi padding mobil */
  .summaryCardsGrid .card > div[style*="padding: 20px"]{
    padding: 16px !important;
  }
  
  /* Quick links mobil */
  .quickLinks{
    margin-top: 16px !important;
  }
  .quickLinks a.btn{
    width: 100% !important;
    justify-content: center;
    padding: 14px 20px !important;
    margin-bottom: 0;
  }
  
  /* Stats grid mobil */
  .statsGrid > div{
    margin-bottom: 20px;
  }
  .statsGrid > div:last-child{
    margin-bottom: 0;
  }
  .statsGrid h3{
    font-size: 15px !important;
    margin-bottom: 14px !important;
  }
  
  /* Section margin mobil */
  section.card[style*="margin-top"]{
    margin-top: 16px !important;
  }
  section.card[style*="margin-bottom"]{
    margin-bottom: 16px !important;
  }
}

/* Ekstra küçük ekranlar için */
@media (max-width: 360px){
  .container{
    padding: 0 8px;
  }
  
  .brand__text{
    display: none;
  }
  
  .brand__mark{
    margin-right: 0;
  }
  
  .card__head h2{
    font-size: 14px !important;
  }
  
  .summaryCardsGrid #netStockValue,
  .summaryCardsGrid #totalProfitLoss,
  .summaryCardsGrid #totalPurchase,
  .summaryCardsGrid #totalSale{
    font-size: 20px !important;
  }
  
  .btn{
    font-size: 13px !important;
    padding: 12px 14px !important;
  }
  
  input, select{
    font-size: 16px !important;
    padding: 12px 14px !important;
  }
}

/* Tüm inline stilleri override et - mobil */
@media (max-width: 768px){
  /* Font size override */
  [style*="font-size: 28px"],
  [style*="font-size:32px"],
  [style*="font-size: 32px"]{
    font-size: 24px !important;
  }
  
  [style*="font-size: 20px"]{
    font-size: 17px !important;
  }
  
  [style*="font-size: 16px"]:not(input):not(select){
    font-size: 15px !important;
  }
  
  [style*="font-size: 14px"]:not(input):not(select){
    font-size: 14px !important;
  }
  
  [style*="font-size: 13px"]{
    font-size: 12px !important;
  }
  
  [style*="font-size: 12px"]{
    font-size: 11px !important;
  }
  
  /* Padding override */
  [style*="padding: 20px"]{
    padding: 16px !important;
  }
  
  [style*="padding: 16px"]:not(.filterSection):not(.tableWrap){
    padding: 14px !important;
  }
  
  [style*="padding: 14px"]:not(.form):not(.card__head){
    padding: 12px !important;
  }
  
  /* Margin override */
  [style*="margin-top: 20px"],
  [style*="margin-top: 24px"]{
    margin-top: 16px !important;
  }
  
  [style*="margin-bottom: 20px"],
  [style*="margin-bottom: 24px"]{
    margin-bottom: 16px !important;
  }
  
  [style*="margin-bottom: 12px"]{
    margin-bottom: 10px !important;
  }
  
  [style*="margin-bottom: 4px"]{
    margin-bottom: 6px !important;
  }
  
  /* Gap override */
  [style*="gap: 24px"]{
    gap: 16px !important;
  }
  
  [style*="gap: 16px"]{
    gap: 12px !important;
  }
  
  [style*="gap: 12px"]:not(.transaction-type-grid){
    gap: 10px !important;
  }
  
  /* Display flex override */
  [style*="display: flex"][style*="justify-content: space-between"]{
    flex-wrap: wrap;
  }
  
  /* Grid template columns override */
  [style*="grid-template-columns: 1fr 1fr"]:not(.statsGrid):not(.transaction-type-grid){
    grid-template-columns: 1fr !important;
  }
  
  /* İkon boyutları mobil */
  [style*="font-size: 24px"]:not([style*="font-size: 24px; font-weight"]){
    font-size: 20px !important;
  }
  
  [style*="font-size: 32px"]{
    font-size: 24px !important;
  }
  
  /* Raporlar sayfası özel düzenlemeler */
  #reportResults{
    overflow-x: hidden !important;
  }
  
  /* Stok detay sayfası özel düzenlemeler */
  .server-details{
    overflow-x: hidden !important;
  }
  .server-details .card{
    margin-bottom: 12px !important;
  }
  
  /* Genel overflow kontrolü */
  .card,
  .tableWrap,
  main.container{
    overflow-x: hidden !important;
  }
  
  /* Text align center mobil */
  [style*="text-align: center"][style*="padding: 40px"]{
    padding: 30px 20px !important;
    font-size: 14px !important;
  }
  
  /* Background rgba override */
  [style*="background: rgba(0,0,0,.2)"]:not(.filterSection){
    padding: 14px !important;
  }
  
  /* Border radius override */
  [style*="border-radius: 8px"]{
    border-radius: 10px !important;
  }
  
  /* Stok detay sayfası - server details container */
  .server-details .tableWrap{
    padding: 12px !important;
    margin: 0 !important;
  }
  
  /* Raporlar sayfası - tüm tablolar için data-label desteği */
  #reportResults .table tbody td{
    display: block;
    padding: 10px 0 !important;
    border: none !important;
    text-align: left !important;
    font-size: 14px !important;
    word-break: break-word;
    overflow-wrap: break-word;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
    position: relative;
    padding-left: 0 !important;
    overflow: visible !important;
  }
  #reportResults .table tbody td[data-label]:before{
    content: attr(data-label) ':';
    display: block;
    font-weight: 600;
    color: var(--muted);
    font-size: 12px;
    margin-bottom: 6px;
    opacity: 0.85;
    letter-spacing: 0.3px;
  }
  #reportResults .table tbody td[data-label]{
    padding-top: 12px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(255,255,255,.05);
  }
  #reportResults .table tbody td[data-label]:last-child{
    border-bottom: none;
  }
  #reportResults .table tbody tr td[data-label]:first-child{
    padding-top: 0 !important;
    padding-bottom: 10px !important;
  }
  #reportResults .table thead{
    display: none !important;
  }
  #reportResults .table{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  #reportResults .table tbody{
    display: block;
    width: 100%;
  }
  #reportResults .table tbody tr{
    display: block;
    background: var(--panel);
    border: 1px solid var(--stroke);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    overflow: visible !important;
  }
  #reportResults .table tbody tr:last-child{
    margin-bottom: 0;
  }
  #reportResults .table tbody td[data-label][style*="text-align: right"],
  #reportResults .table tbody td[data-label][style*="text-align:center"]{
    text-align: left !important;
  }
  
  /* GENEL BUTON TAŞMA ÖNLEME - TÜM SAYFALAR İÇİN - EN ÜST SEVIYE KONTROL */
  /* Tüm butonlar için kesin genişlik kontrolü - HER YERDE */
  button:not(.menu-toggle),
  .btn,
  .iconBtn,
  input[type="button"],
  input[type="submit"]{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
  }
  
  /* Butonların içindeki span ve diğer elemanlar */
  button span,
  .btn span,
  .iconBtn span{
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: inline-block !important;
  }
  
  /* Container genişlik kontrolü - TÜM SAYFALAR */
  .container,
  main.container,
  section.card,
  .card,
  .form,
  form,
  .card__head,
  .tableWrap,
  .toolbar,
  .filterSection{
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }
  
  /* Tüm inline style'ları override et - butonlar için */
  button[style*="width"]:not(.menu-toggle),
  .btn[style*="width"],
  .iconBtn[style*="width"]{
    width: 100% !important;
    max-width: 100% !important;
  }
  
  button[style*="margin"]:not(.menu-toggle),
  .btn[style*="margin"],
  .iconBtn[style*="margin"]{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  button[style*="padding"]:not(.menu-toggle),
  .btn[style*="padding"],
  .iconBtn[style*="padding"]{
    padding: 14px 16px !important;
    box-sizing: border-box !important;
  }
  
  /* Padding ve margin override - tüm elemanlar için */
  [style*="padding"]{
    box-sizing: border-box !important;
  }
  
  /* Flex container'lar için - buton taşmasını önle */
  [style*="display: flex"],
  [style*="display:flex"]{
    flex-wrap: wrap !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
  
  /* Grid container'lar için */
  [style*="grid-template-columns"]{
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
  
  /* Özel buton konumları - işlemler sayfası */
  #btnSubmitTxn,
  #btnCancelEdit,
  #btnClear,
  #btnGenerateReport{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }
  
  #btnCancelEdit:last-child,
  #btnClear:last-child{
    margin-bottom: 0 !important;
  }
  
  /* Form içindeki tüm butonlar */
  .form button:not(.menu-toggle),
  form button:not(.menu-toggle),
  .card button:not(.menu-toggle),
  section button:not(.menu-toggle){
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  /* Toolbar içindeki butonlar */
  .toolbar button:not(.menu-toggle),
  .toolbar .btn{
    width: 100% !important;
    max-width: 100% !important;
  }
}