* {
  box-sizing: border-box;
}

:root {
  --bg: #f4f7fb;
  --panel: #ffffff;
  --panel-soft: #f8fafc;
  --text: #1f2937;
  --muted: #6b7280;
  --border: #dbe3ec;
  --primary: #0f6b78;
  --primary-dark: #0b5661;
  --primary-soft: #e8f4f6;
  --success: #178755;
  --warning: #c47b00;
  --danger: #c0392b;
  --shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  --radius: 14px;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family:
    Inter,
    Arial,
    Helvetica,
    sans-serif;
}

body {
  min-height: 100vh;
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  border: 0;
  cursor: pointer;
  transition:
    transform 0.08s ease,
    box-shadow 0.08s ease,
    filter 0.08s ease,
    background 0.15s ease;
}

button:hover {
  filter: brightness(0.97);
}

button:active {
  transform: translateY(2px);
  box-shadow: none;
  filter: brightness(0.92);
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(15, 107, 120, 0.18);
  outline-offset: 2px;
}

.hidden {
  display: none !important;
}


/* =========================================================
   LOGIN
========================================================= */

#login {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background:
    radial-gradient(
      circle at top right,
      rgba(15, 107, 120, 0.13),
      transparent 35%
    ),
    var(--bg);
}

#login > div,
#login .card {
  width: min(420px, 100%);
}

#login h1,
#login h2 {
  text-align: center;
  margin-top: 0;
  color: var(--primary-dark);
}

#login input {
  width: 100%;
  margin-bottom: 12px;
}

#login button {
  width: 100%;
}


/* =========================================================
   ANA UYGULAMA
========================================================= */

#app {
  min-height: 100vh;
}

#nav {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 18px;
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid var(--border);
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
  backdrop-filter: blur(12px);
}

#nav button {
  min-height: 40px;
  padding: 9px 14px;
  border-radius: 10px;
  background: var(--primary-soft);
  color: var(--primary-dark);
  font-weight: 700;
}

#nav button:hover {
  background: #d9edf0;
}

#who {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  font-weight: 700;
  color: var(--muted);
}


/* =========================================================
   ANA İÇERİK
========================================================= */

#main,
main {
  min-height: calc(100vh - 70px);
}

.wrap {
  width: min(1440px, calc(100% - 32px));
  margin: 0 auto;
  padding: 28px 0 50px;
}

.wrap > h1,
.wrap > h2 {
  margin: 0 0 22px;
  color: #16323a;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.15;
}

.wrap h3 {
  margin-top: 0;
  margin-bottom: 12px;
  color: #24424a;
}

.wrap p {
  color: var(--muted);
  line-height: 1.6;
}


/* =========================================================
   KARTLAR
========================================================= */

.card {
  margin-bottom: 18px;
  padding: 20px;
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.card strong {
  color: #1b3640;
}

.grid {
  display: grid;
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(210px, 1fr)
    );
  gap: 16px;
  margin-bottom: 18px;
}

.grid .card {
  margin-bottom: 0;
}

.stat {
  margin-top: 10px;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1;
  font-weight: 800;
  color: var(--primary-dark);
}

.stat.danger,
.danger {
  color: var(--danger);
}

.stat.warn,
.warn {
  color: var(--warning);
}

.success {
  color: var(--success);
}


/* =========================================================
   FORMLAR
========================================================= */

.form {
  display: grid;
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(180px, 1fr)
    );
  gap: 12px;
  align-items: end;
}

.form label {
  display: block;
  margin-bottom: 6px;
  color: #465864;
  font-size: 13px;
  font-weight: 700;
}

input,
select,
textarea {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  background: #ffffff;
  color: var(--text);
  border: 1px solid #cad5e1;
  border-radius: 10px;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

input:hover,
select:hover,
textarea:hover {
  border-color: #aebdca;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--primary);
  box-shadow:
    0 0 0 3px rgba(15, 107, 120, 0.1);
  outline: none;
}

textarea {
  min-height: 100px;
  resize: vertical;
}

select[multiple] {
  min-height: 130px;
}

.form button,
.card button {
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 10px;
  background: var(--primary);
  color: white;
  font-weight: 700;
  box-shadow:
    0 4px 10px rgba(15, 107, 120, 0.16);
}

.form button:hover,
.card button:hover {
  background: var(--primary-dark);
}


/* =========================================================
   TABLOLAR
========================================================= */

.table {
  overflow-x: auto;
  padding: 0;
}

.table table,
table {
  width: 100%;
  border-collapse: collapse;
  background: white;
}

.table table {
  min-width: 760px;
}

th,
td {
  padding: 13px 14px;
  border-bottom: 1px solid #e8edf3;
  text-align: left;
  vertical-align: middle;
}

th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f2f7f8;
  color: #38515b;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

tr:last-child td {
  border-bottom: none;
}

tbody tr:hover td,
tr:hover td {
  background: #fafcfd;
}

td button {
  min-height: 34px !important;
  padding: 7px 11px !important;
  font-size: 13px;
}


/* =========================================================
   DURUM ETİKETLERİ
========================================================= */

.badge,
.status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}

.badge-active {
  background: #e8f7ef;
  color: #137344;
}

.badge-passive {
  background: #f1f3f5;
  color: #68737d;
}

.badge-warning {
  background: #fff4d9;
  color: #9f6700;
}

.badge-danger {
  background: #fdeceb;
  color: #af3027;
}


/* =========================================================
   MESAJ / BİLGİ KARTLARI
========================================================= */

.info-box {
  padding: 14px 16px;
  border-radius: 10px;
  background: var(--primary-soft);
  border: 1px solid #cee5e9;
  color: #31555d;
}

.warning-box {
  padding: 14px 16px;
  border-radius: 10px;
  background: #fff7e6;
  border: 1px solid #f4d59a;
  color: #855a06;
}

.danger-box {
  padding: 14px 16px;
  border-radius: 10px;
  background: #fff0ef;
  border: 1px solid #f0c3bf;
  color: #9f2f28;
}


/* =========================================================
   YARDIMCI SINIFLAR
========================================================= */

.text-muted {
  color: var(--muted);
}

.text-center {
  text-align: center;
}

.mt-0 {
  margin-top: 0;
}

.mb-0 {
  margin-bottom: 0;
}


/* =========================================================
   MOBİL UYUMLULUK
========================================================= */

@media (max-width: 900px) {

  #nav {
    position: static;
    padding: 10px;
  }

  #nav button {
    flex:
      1 1
      calc(33.333% - 8px);
  }

  #who {
    width: 100%;
    margin-left: 0;
    padding: 4px;
  }

  .wrap {
    width:
      min(
        100% - 20px,
        1440px
      );
    padding-top: 18px;
  }

  .card {
    padding: 16px;
  }

  .form {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }

}


@media (max-width: 600px) {

  #login {
    padding: 14px;
  }

  #nav {
    gap: 6px;
  }

  #nav button {
    flex:
      1 1
      calc(50% - 6px);
    padding:
      9px 8px;
    font-size: 13px;
  }

  .wrap {
    width:
      calc(100% - 14px);
  }

  .wrap > h1,
  .wrap > h2 {
    font-size: 24px;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .form {
    grid-template-columns: 1fr;
  }

  .card {
    border-radius: 12px;
    padding: 14px;
  }

  .table {
    border-radius: 12px;
  }

  th,
  td {
    padding: 11px 10px;
    font-size: 13px;
    white-space: nowrap;
  }

  input,
  select,
  textarea,
  button {
    min-height: 46px;
  }

}


/* =========================================================
   YAZDIRMA / PDF
========================================================= */

@media print {

  body {
    background: white;
  }

  #nav,
  button {
    display: none !important;
  }

  .wrap {
    width: 100%;
    padding: 0;
  }

  .card {
    box-shadow: none;
    border:
      1px solid #cccccc;
  }

  .table {
    overflow: visible;
  }

  table {
    min-width: 0 !important;
  }

}
/* =========================================================
   SOL MENÜ TASARIMI
========================================================= */

#app {
  min-height: 100vh;
}

/* Sol menü */

#nav {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;

  width: 245px;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;

  gap: 7px;

  padding: 20px 14px;

  background:
    linear-gradient(
      180deg,
      #123d46 0%,
      #0d3038 100%
    );

  border: 0;

  box-shadow:
    8px 0 30px
    rgba(15, 23, 42, 0.12);

  overflow-y: auto;

  z-index: 1000;
}


/* Marka */

#nav::before {
  content: "İSLAB";

  display: block;

  padding:
    4px 10px 20px;

  margin-bottom: 8px;

  color: white;

  font-size: 25px;
  font-weight: 900;

  letter-spacing: 0.08em;

  border-bottom:
    1px solid
    rgba(255,255,255,0.14);
}


/* Menü düğmeleri */

#nav button {
  width: 100%;

  min-height: 43px;

  display: flex;

  align-items: center;

  justify-content:
    flex-start;

  padding:
    10px 13px;

  border-radius: 9px;

  background:
    transparent;

  color:
    rgba(
      255,
      255,
      255,
      0.86
    );

  font-weight: 600;

  text-align: left;

  box-shadow: none;
}


#nav button:hover {
  background:
    rgba(
      255,
      255,
      255,
      0.11
    );

  color: white;
}


#nav button:active {
  transform:
    translateY(1px);

  background:
    rgba(
      255,
      255,
      255,
      0.17
    );
}


/* Kullanıcı */

#who {
  position: fixed;

  left: 14px;
  bottom: 12px;

  width: 217px;

  z-index: 1100;

  padding:
    10px 12px;

  border-radius: 10px;

  background:
    rgba(
      255,
      255,
      255,
      0.09
    );

  color:
    rgba(
      255,
      255,
      255,
      0.88
    );

  font-size: 13px;
}


/* Ana içerik */

#main,
main {
  margin-left: 245px;

  min-height: 100vh;
}


/* Dashboard tıklanabilir kart */

.dashboard-clickable {
  cursor: pointer;

  position: relative;

  transition:
    transform .15s ease,
    box-shadow .15s ease,
    border-color .15s ease;
}


.dashboard-clickable:hover {
  transform:
    translateY(-3px);

  border-color:
    #9fc9cf;

  box-shadow:
    0 14px 34px
    rgba(15, 23, 42, .12);
}




/* Dashboard detay başlığı */

.dashboard-detail-header {
  display: flex;

  align-items: center;

  justify-content:
    space-between;

  flex-wrap: wrap;

  gap: 12px;
}


.dashboard-detail-header h2 {
  margin: 0;
}


/* Mobil */

@media (max-width: 900px) {

  #nav {
    position: static;

    width: 100%;

    height: auto;

    display: grid;

    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );

    padding: 10px;
  }


  #nav::before {
    grid-column:
      1 / -1;

    padding:
      8px 8px 12px;

    margin-bottom: 2px;
  }


  #nav button {
    width: 100%;
  }


  #main,
  main {
    margin-left: 0;
  }


  #who {
    position: static;

    width: auto;

    margin:
      8px 10px;

    background:
      #e8f4f6;

    color:
      #31555d;
  }

}


@media (max-width: 500px) {

  #nav {
    grid-template-columns:
      1fr;
  }

}
/* =========================================================
   DASHBOARD KART DÜZENİ DÜZELTME
========================================================= */

.wrap > .grid {
  display: grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0, 1fr)
    );

  gap: 14px;

  align-items: stretch;
}

.wrap > .grid > .card {
  width: auto;
  min-width: 0;
  margin: 0;
}

.dashboard-clickable {
  width: auto !important;
  min-width: 0;
  overflow: hidden;
}

.dashboard-clickable .stat {
  display: block;
  width: 100%;
}

/* Tablet */

@media (max-width: 1200px) {

  .wrap > .grid {
    grid-template-columns:
      repeat(
        3,
        minmax(0, 1fr)
      );
  }

}

/* Küçük ekran */

@media (max-width: 800px) {

  .wrap > .grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }

}

/* Telefon */

@media (max-width: 500px) {

  .wrap > .grid {
    grid-template-columns: 1fr;
  }

}
/* SOL MENÜYÜ EKRANA TAM SIĞDIR */

#nav {
  height: 100vh;
  overflow-y: auto;
  padding-top: 72px;
  padding-bottom: 20px;
  box-sizing: border-box;
}

#nav button {
  margin: 3px 10px;
  padding: 9px 12px;
  min-height: 38px;
}

#nav::before {
  top: 18px;
}

/* Kullanıcı adını sol menüden kaldır */
#who {
  display: none !important;
}
/* =========================================================
   SOL MENÜ - EKRANA TAM SIĞDIR
========================================================= */

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
  overflow-x: hidden !important;
}

* {
  box-sizing: border-box;
}


/* SOL MENÜ */

#nav {
  position: fixed !important;

  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;

  width: 245px !important;
  height: 100vh !important;
  height: 100dvh !important;

  padding:
    68px
    12px
    12px
    12px !important;

  margin: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  gap: 4px !important;

  overflow: hidden !important;

  z-index: 1000;
}


/* İSLAB BAŞLIĞI */

#nav::before {
  position: absolute !important;

  top: 18px !important;
  left: 18px !important;

  margin: 0 !important;
}


/* MENÜ BUTONLARI */

#nav button {
  width: 100% !important;

  flex: 1 1 0 !important;

  min-height: 0 !important;
  max-height: 42px !important;

  margin: 0 !important;

  padding:
    5px
    10px !important;

  font-size: 13px !important;
  line-height: 1.1 !important;

  white-space: nowrap !important;

  overflow: hidden !important;

  box-sizing: border-box !important;
}


/* SİSTEM YÖNETİCİSİ YAZISINI GİZLE */

#who {
  display: none !important;
}


/* SAĞ TARAF ANA SAYFA */

#main,
main {
  margin-left: 245px !important;

  width: calc(100% - 245px) !important;
  max-width: none !important;

  padding-left: 20px !important;
  padding-right: 20px !important;

  box-sizing: border-box !important;

  overflow-x: hidden !important;
}


/* TABLOLAR SAYFAYI GENİŞLETMESİN */

.table {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto;
}


/* MASAÜSTÜNDE MENÜDE SCROLL YOK */

@media (min-width: 769px) {

  #nav {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }

}

/* =========================================================
   İSLAB - SON SOL MENÜ / LOGO DÜZENİ
========================================================= */
:root{--sidebar-width:205px;--sidebar-top:#247a88;--sidebar-bottom:#185b67;}
#nav{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:var(--sidebar-width)!important;height:100vh!important;height:100dvh!important;padding:10px 9px!important;margin:0!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:4px!important;overflow:hidden!important;background:linear-gradient(180deg,var(--sidebar-top),var(--sidebar-bottom))!important;box-shadow:7px 0 24px rgba(15,23,42,.11)!important;z-index:1000;}
#nav::before{content:none!important;display:none!important;}
.sidebar-brand{flex:0 0 auto;width:100%;height:102px;display:flex;align-items:center;justify-content:center;padding:2px 4px 8px;margin-bottom:3px;border-bottom:1px solid rgba(255,255,255,.17);}
.sidebar-brand img{display:block;width:100%;height:92px;object-fit:contain;object-position:center;filter:drop-shadow(0 3px 5px rgba(0,0,0,.12));}
#nav button{width:100%!important;flex:1 1 0!important;min-height:0!important;max-height:38px!important;margin:0!important;padding:5px 9px!important;border-radius:8px!important;background:rgba(255,255,255,.06)!important;color:rgba(255,255,255,.94)!important;font-size:12.5px!important;line-height:1.1!important;font-weight:650!important;white-space:nowrap!important;overflow:hidden!important;text-align:left!important;box-shadow:none!important;}
#nav button:hover{background:rgba(255,255,255,.16)!important;color:#fff!important;}
#nav .logout-button{background:rgba(255,255,255,.11)!important;margin-top:2px!important;}
#who{display:none!important;}
#main,main{margin-left:var(--sidebar-width)!important;width:calc(100% - var(--sidebar-width))!important;max-width:none!important;padding-left:18px!important;padding-right:18px!important;box-sizing:border-box!important;overflow-x:hidden!important;}
.dashboard-brand-logo{display:block;width:min(360px,100%);max-height:150px;object-fit:contain;object-position:left center;margin-bottom:6px;}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;}
.permission-grid label{display:block;margin-bottom:7px;color:#465864;font-size:13px;font-weight:700;}
.permission-grid select[multiple]{min-height:220px;}
.permission-help{margin-top:7px;font-size:12px;line-height:1.45;}
@media(max-width:768px){#nav{position:static!important;width:100%!important;height:auto!important;min-height:0!important;padding:8px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important}.sidebar-brand{grid-column:1/-1;height:94px}.sidebar-brand img{height:84px}#nav button{max-height:none!important;min-height:42px!important;text-align:center!important;justify-content:center!important}#main,main{margin-left:0!important;width:100%!important;padding-left:8px!important;padding-right:8px!important}.permission-grid{grid-template-columns:1fr}.dashboard-brand-logo{margin-left:auto;margin-right:auto}}

/* =========================================================
   KULLANICI YÖNETİMİ - TEHLİKELİ İŞLEM BUTONU
========================================================= */

.danger-button {
  background: #b53a32 !important;
  color: #ffffff !important;
}

.danger-button:hover {
  background: #963029 !important;
}
\n\n/* =========================================================\n   İSLAB - GİRİŞ EKRANI / ÜRÜN FORMU / SON GÖRSEL DÜZEN\n========================================================= */\n#login {\n  min-height: 100vh !important;\n  padding: 32px 20px !important;\n  background:\n    radial-gradient(circle at 12% 20%, rgba(36,122,136,.13), transparent 28%),\n    radial-gradient(circle at 88% 78%, rgba(36,122,136,.10), transparent 30%),\n    linear-gradient(135deg, #f7fbfc 0%, #eef4f7 48%, #f8fbfc 100%) !important;\n}\n.login-shell {\n  width: min(1120px, 100%);\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(380px, 470px) minmax(0, 1fr);\n  align-items: center;\n  gap: 34px;\n}\n.login-side {\n  min-height: 430px;\n  border-radius: 28px;\n  opacity: .86;\n  background:\n    linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.28)),\n    repeating-linear-gradient(90deg, rgba(36,122,136,.11) 0 2px, transparent 2px 38px);\n  border: 1px solid rgba(36,122,136,.08);\n}\n.login-side.right {\n  background:\n    linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.24)),\n    repeating-linear-gradient(0deg, rgba(36,122,136,.10) 0 2px, transparent 2px 42px);\n}\n.login-card-modern {\n  width: 100%;\n  padding: 30px 34px 28px;\n  border-radius: 24px;\n  background: rgba(255,255,255,.97);\n  border: 1px solid #dbe6eb;\n  box-shadow: 0 24px 70px rgba(23,67,78,.16);\n}\n.login-logo {\n  display: block;\n  width: min(315px, 88%);\n  height: 145px;\n  object-fit: contain;\n  margin: 0 auto 2px;\n}\n.login-subtitle {\n  margin: -4px 0 24px;\n  text-align: center;\n  color: #234650;\n  font-size: 14px;\n  font-weight: 750;\n  letter-spacing: .03em;\n}\n.login-card-modern input {\n  height: 54px;\n  margin-bottom: 13px !important;\n  border-radius: 12px;\n}\n.login-card-modern .login-button {\n  height: 54px;\n  margin-top: 2px;\n  border-radius: 12px;\n  background: linear-gradient(135deg,#1b8290,#0f6b78);\n  color: #fff;\n  font-weight: 800;\n  box-shadow: 0 8px 20px rgba(15,107,120,.22);\n}\n.login-features {\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 8px;\n  margin-top: 24px;\n  padding-top: 18px;\n  border-top: 1px solid #e4ecef;\n}\n.login-feature {\n  text-align: center;\n  color: #31525a;\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 1.25;\n}\n.login-feature span {\n  display: block;\n  font-size: 20px;\n  margin-bottom: 5px;\n}\n.login-error {\n  min-height: 20px;\n  margin: 8px 0 0;\n  text-align: center;\n  color: var(--danger);\n  font-size: 13px;\n  font-weight: 700;\n}\n.login-footer {\n  margin-top: 16px;\n  text-align: center;\n  color: #7b8d94;\n  font-size: 11px;\n}\n\n.sidebar-brand {\n  height: 112px !important;\n  padding: 0 2px 8px !important;\n}\n.sidebar-brand img {\n  width: 100% !important;\n  height: 104px !important;\n  object-fit: contain !important;\n  transform: scale(1.08);\n}\n\n.product-create-card {\n  padding: 22px 24px !important;\n}\n.product-create-grid {\n  display: grid;\n  grid-template-columns: repeat(6, minmax(145px, 1fr));\n  gap: 16px;\n  align-items: end;\n}\n.field-group {\n  min-width: 0;\n}\n.field-group label {\n  display: block;\n  margin: 0 0 7px;\n  color: #35515a;\n  font-size: 12.5px;\n  font-weight: 800;\n}\n.field-group input,\n.field-group select {\n  width: 100%;\n  min-width: 0;\n  margin: 0 !important;\n}\n.usage-area-field {\n  grid-column: span 2;\n}\n.usage-area-field select {\n  min-height: 172px !important;\n  height: 172px !important;\n  padding: 8px 10px !important;\n}\n.usage-area-field small {\n  display: block;\n  margin-top: 6px;\n  color: #788991;\n  font-size: 11px;\n}\n.product-create-action {\n  grid-column: span 2;\n  align-self: end;\n}\n.product-create-action button {\n  width: 100%;\n  min-height: 48px;\n}\n.access-denied-card {\n  max-width: 760px;\n  margin: 36px auto !important;\n  padding: 48px 32px !important;\n  text-align: center;\n}\n.access-denied-icon {\n  font-size: 58px;\n  margin-bottom: 14px;\n}\n\n@media (max-width: 1200px) {\n  .product-create-grid { grid-template-columns: repeat(3, minmax(160px,1fr)); }\n  .usage-area-field, .product-create-action { grid-column: span 1; }\n}\n@media (max-width: 900px) {\n  .login-shell { grid-template-columns: 1fr; max-width: 500px; }\n  .login-side { display: none; }\n  .product-create-grid { grid-template-columns: repeat(2,minmax(140px,1fr)); }\n}\n@media (max-width: 600px) {\n  #login { padding: 14px !important; }\n  .login-card-modern { padding: 22px 18px; }\n  .login-logo { height: 120px; }\n  .login-features { grid-template-columns: repeat(2,1fr); }\n  .product-create-grid { grid-template-columns: 1fr; }\n  .usage-area-field, .product-create-action { grid-column: auto; }\n}\n
/* =========================================================
   İSLAB 2 - NİHAİ GİRİŞ EKRANI
   Mockup oranlarına yakın, tam ekran ve responsive düzen.
========================================================= */
#login {
  min-height: 100vh !important;
  width: 100% !important;
  padding: 22px 28px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 8% 40%, rgba(81, 180, 208, .12), transparent 28%),
    radial-gradient(circle at 92% 42%, rgba(126, 155, 176, .13), transparent 30%),
    linear-gradient(135deg, #f7fbfd 0%, #eef5f8 48%, #f8fbfd 100%) !important;
  position: relative;
}

#login::before,
#login::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  opacity: .28;
  pointer-events: none;
  background:
    radial-gradient(circle at 24% 24%, transparent 0 9px, rgba(67, 164, 191, .28) 10px 12px, transparent 13px),
    radial-gradient(circle at 70% 32%, transparent 0 7px, rgba(67, 164, 191, .25) 8px 10px, transparent 11px),
    radial-gradient(circle at 44% 72%, transparent 0 8px, rgba(67, 164, 191, .20) 9px 11px, transparent 12px);
}

#login::before { left: -105px; top: 20px; }
#login::after { right: -105px; top: 12px; transform: scaleX(-1); }

#login > .login-stage {
  width: min(1080px, 100%) !important;
  max-width: none !important;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}

.login-brand-block {
  width: min(600px, 82vw);
  text-align: center;
  margin: 0 auto 14px;
}

.login-main-logo {
  display: block;
  width: 100%;
  height: auto;
  max-height: 245px;
  object-fit: contain;
  margin: 0 auto;
}

.login-tagline {
  margin-top: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  color: #143c66;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: clamp(17px, 2vw, 27px);
  line-height: 1;
  white-space: nowrap;
}

.login-tagline b {
  font-style: normal;
  font-size: .7em;
}

.pulse-line {
  color: #0aa3b8;
  font-family: Arial, sans-serif;
  font-size: 1.5em;
  line-height: .5;
}

.login-card-final {
  width: min(550px, 100%);
  padding: 26px 34px 24px;
  border: 1px solid #d4e0e8;
  border-radius: 18px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 18px 48px rgba(41, 75, 96, .16);
}

.login-title {
  margin-bottom: 21px;
  text-align: center;
  color: #153f6a;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: .015em;
}

.login-field {
  width: 100%;
  min-height: 54px;
  margin: 0 0 13px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  gap: 11px;
  border: 1px solid #cad8e3;
  border-radius: 11px;
  background: #fff;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.login-field:focus-within {
  border-color: #1c8796;
  box-shadow: 0 0 0 3px rgba(28, 135, 150, .10);
}

.login-field-icon {
  width: 25px;
  flex: 0 0 25px;
  text-align: center;
  font-size: 18px;
  filter: grayscale(1);
}

#login .login-field input {
  width: 100%;
  min-height: 52px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  font-size: 15px;
  color: #243c55;
  outline: none !important;
}

#login .login-button-final {
  width: 100%;
  min-height: 54px;
  margin-top: 1px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  background: linear-gradient(135deg, #178493, #0b7180);
  color: #fff;
  font-size: 17px;
  font-weight: 800;
  box-shadow: 0 9px 20px rgba(15, 107, 120, .20);
}

.login-button-icon {
  font-size: 22px;
  line-height: 1;
}

.login-error {
  min-height: 18px;
  margin-top: 8px;
  text-align: center;
  color: #b43832;
  font-size: 13px;
  font-weight: 700;
}

.login-feature-row {
  width: min(680px, 100%);
  margin: 28px auto 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}

.login-feature-final {
  min-width: 0;
  padding: 0 17px;
  text-align: center;
  color: #16446c;
  border-right: 1px solid #c9d8df;
}

.login-feature-final:last-child { border-right: 0; }

.feature-icon-box {
  height: 34px;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0e7184;
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
}

.login-feature-final strong {
  display: block;
  margin-bottom: 4px;
  color: #123f68;
  font-size: 13px;
  line-height: 1.2;
}

.login-feature-final span {
  display: block;
  color: #355772;
  font-size: 11.5px;
  line-height: 1.35;
}

.login-copyright {
  width: min(960px, 96%);
  margin: 25px auto 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 18px;
  color: #244c6c;
}

.login-copyright span {
  height: 1px;
  background: linear-gradient(90deg, transparent, #36a6b5);
}

.login-copyright span:last-child {
  background: linear-gradient(90deg, #36a6b5, transparent);
}

.login-copyright small {
  font-size: 11.5px;
  white-space: nowrap;
}

@media (max-height: 850px) and (min-width: 701px) {
  #login { padding-top: 12px !important; padding-bottom: 10px !important; }
  .login-brand-block { width: min(500px, 70vw); margin-bottom: 8px; }
  .login-main-logo { max-height: 185px; }
  .login-tagline { font-size: 19px; }
  .login-card-final { padding: 19px 28px 18px; }
  .login-title { margin-bottom: 14px; font-size: 16px; }
  .login-field { min-height: 47px; margin-bottom: 9px; }
  #login .login-field input { min-height: 45px; }
  #login .login-button-final { min-height: 47px; }
  .login-feature-row { margin-top: 18px; }
  .login-copyright { margin-top: 15px; }
}

@media (max-width: 700px) {
  #login { padding: 18px 14px !important; align-items: flex-start !important; }
  #login > .login-stage { width: 100% !important; }
  .login-brand-block { width: min(470px, 96vw); margin-top: 8px; margin-bottom: 10px; }
  .login-main-logo { max-height: 190px; }
  .login-tagline { gap: 6px; font-size: clamp(15px, 4.6vw, 21px); }
  .login-card-final { padding: 22px 18px 20px; border-radius: 15px; }
  .login-title { font-size: 16px; }
  .login-feature-row { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 22px; margin-top: 22px; }
  .login-feature-final:nth-child(2) { border-right: 0; }
  .login-feature-final:nth-child(3), .login-feature-final:nth-child(4) { border-top: 1px solid #d6e0e5; padding-top: 18px; }
  .login-copyright { margin-top: 22px; gap: 8px; }
  .login-copyright small { font-size: 10.5px; }
}

@media (max-width: 390px) {
  .login-feature-row { grid-template-columns: 1fr; }
  .login-feature-final { border-right: 0 !important; border-top: 1px solid #d6e0e5; padding: 14px 8px 0; }
  .login-feature-final:first-child { border-top: 0; padding-top: 0; }
  .login-copyright { grid-template-columns: 1fr; text-align: center; }
  .login-copyright span { display: none; }
}

/* =========================================================
   İSLAB FINAL 3 - RAPOR / FORM / SVG GÖRSEL DÜZEN
========================================================= */
.feature-icon-box svg,
.login-field-icon svg {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.login-field-icon svg { width: 22px; height: 22px; }

.operation-form-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(150px, 1fr));
  gap: 14px 16px !important;
  align-items: end !important;
  padding: 22px 24px !important;
}
.operation-form-grid .field-group label,
.report-filter-grid .field-group label {
  display: block;
  margin: 0 0 7px;
  color: #35515a;
  font-size: 12.5px;
  font-weight: 800;
}
.operation-form-grid .field-group input,
.operation-form-grid .field-group select,
.report-filter-grid .field-group input,
.report-filter-grid .field-group select {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.operation-action {
  grid-column: 1 / -1;
}
.operation-action button {
  min-width: 210px;
}

.report-filter-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 14px 16px !important;
  align-items: end !important;
  padding: 20px 22px !important;
}
.report-filter-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}
.report-filter-actions button { margin: 0 !important; }
.report-scope-note { margin-bottom: 14px; }
.report-table-card {
  overflow-x: auto !important;
  padding: 0 !important;
}
.report-table {
  width: 100% !important;
  min-width: 1180px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  font-size: 13px !important;
}
.report-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #edf5f7 !important;
  color: #264b55 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
.report-table td,
.report-table th {
  padding: 11px 12px !important;
  vertical-align: middle !important;
  text-align: left !important;
}
.report-table td {
  white-space: nowrap !important;
}
.report-table td:last-child {
  white-space: normal !important;
  min-width: 160px;
}
.report-table tr:nth-child(even) td {
  background: #fbfdfe;
}

@media (max-width: 1100px) {
  .operation-form-grid { grid-template-columns: repeat(3, minmax(150px,1fr)); }
  .report-filter-grid { grid-template-columns: repeat(2, minmax(160px,1fr)); }
}
@media (max-width: 700px) {
  .operation-form-grid,
  .report-filter-grid { grid-template-columns: 1fr !important; }
  .operation-action { grid-column: auto; }
  .operation-action button,
  .report-filter-actions button { width: 100%; }
  .report-filter-actions { display: grid; grid-template-columns: 1fr 1fr; }
}

/* =========================================================
   ÜRÜN YÖNETİMİ — SADECE BU SAYFAYA ÖZEL DÜZEN
   Final 3'ün diğer ekranlarına dokunmaz.
========================================================= */
.product-create-card {
  padding: 22px 24px !important;
}

.product-create-card .product-create-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px 16px !important;
  align-items: end !important;
}

.product-create-card .product-create-grid > .field-group {
  min-width: 0 !important;
  margin: 0 !important;
}

.product-create-card .product-create-grid > .field-group > label {
  display: block !important;
  margin: 0 0 7px !important;
  color: #35515a !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.product-create-card .product-create-grid > .field-group > input,
.product-create-card .product-create-grid > .field-group > select {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.product-create-card .usage-area-field {
  grid-column: span 2 !important;
}

.product-create-card .usage-area-field > select {
  display: block !important;
  width: 100% !important;
  height: 172px !important;
  min-height: 172px !important;
  padding: 8px 10px !important;
}

.product-create-card .usage-area-field > small {
  display: block !important;
  margin-top: 6px !important;
  color: #788991 !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
}

.product-create-card .product-create-action {
  grid-column: span 2 !important;
  align-self: end !important;
  margin: 0 !important;
}

.product-create-card .product-create-action > button {
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
}

@media (max-width: 1250px) {
  .product-create-card .product-create-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .product-create-card .usage-area-field,
  .product-create-card .product-create-action {
    grid-column: span 1 !important;
  }
}

@media (max-width: 760px) {
  .product-create-card .product-create-grid {
    grid-template-columns: 1fr !important;
  }
  .product-create-card .usage-area-field,
  .product-create-card .product-create-action {
    grid-column: auto !important;
  }
}

/* =========================================================
   ÜRÜN YÖNETİMİ - İZOLE CHECKBOX DÜZENİ
   Sadece ürün oluşturma/düzenleme ekranını etkiler.
========================================================= */
.product-create-card .product-create-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px 18px !important;
  align-items: end !important;
}

.product-create-card .product-create-grid > .field-group {
  min-width: 0 !important;
}

.product-create-card .product-create-grid > .field-group > label,
.product-create-card .usage-area-title {
  display: block !important;
  margin: 0 0 7px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #274852 !important;
}

.product-create-card .product-create-grid > .field-group > input,
.product-create-card .product-create-grid > .field-group > select:not([multiple]) {
  width: 100% !important;
  min-width: 0 !important;
  height: 56px !important;
  margin: 0 !important;
}

.product-create-card .usage-area-field {
  grid-column: 1 / -1 !important;
}

.product-create-card .usage-checkbox-grid,
.edit-usage-checkbox-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
  gap: 8px 12px !important;
  padding: 12px !important;
  border: 1px solid #cadbe3 !important;
  border-radius: 12px !important;
  background: #fbfdfe !important;
}

.product-create-card .usage-check,
.edit-usage-checkbox-grid .usage-check {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 5px 8px !important;
  border-radius: 8px !important;
  color: #233f48 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  cursor: pointer !important;
}

.product-create-card .usage-check:hover,
.edit-usage-checkbox-grid .usage-check:hover {
  background: #eef6f8 !important;
}

.product-create-card .usage-check input,
.edit-usage-checkbox-grid .usage-check input {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  margin: 0 !important;
  accent-color: #157887 !important;
}

.product-create-card .product-create-action {
  grid-column: 4 !important;
  align-self: end !important;
}

.product-create-card .product-create-action > button {
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
}

.edit-usage-checkbox-grid {
  margin-bottom: 14px !important;
}

@media (max-width: 1200px) {
  .product-create-card .product-create-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .product-create-card .usage-area-field {
    grid-column: 1 / -1 !important;
  }
  .product-create-card .usage-checkbox-grid,
  .edit-usage-checkbox-grid {
    grid-template-columns: repeat(3, minmax(140px, 1fr)) !important;
  }
  .product-create-card .product-create-action {
    grid-column: 2 !important;
  }
}

@media (max-width: 700px) {
  .product-create-card .product-create-grid {
    grid-template-columns: 1fr !important;
  }
  .product-create-card .usage-area-field,
  .product-create-card .product-create-action {
    grid-column: 1 !important;
  }
  .product-create-card .usage-checkbox-grid,
  .edit-usage-checkbox-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* =========================================================
   KULLANICI YÖNETİMİ - SAYFAYA ÖZEL
   Diğer ekranları etkilemez.
========================================================= */
.user-management-page .user-management-card { padding: 20px !important; }
.user-management-page .user-permission-columns {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-top: 16px !important;
}
.user-management-page .user-permission-panel {
  border: 1px solid #cadbe3 !important;
  border-radius: 12px !important;
  background: #fbfdfe !important;
  padding: 14px !important;
}
.user-management-page .user-permission-title {
  font-weight: 750 !important;
  color: #173c49 !important;
  margin-bottom: 10px !important;
}
.user-management-page .user-permission-check-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(120px, 1fr)) !important;
  gap: 8px 12px !important;
}
.user-management-page .user-permission-check {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 36px !important;
  padding: 6px 8px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  color: #233f48 !important;
}
.user-management-page .user-permission-check:hover { background: #eef6f8 !important; }
.user-management-page .user-permission-check input {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  margin: 0 !important;
  accent-color: #157887 !important;
}
.user-management-page .permission-help { margin-top: 10px !important; }
.user-management-page .user-management-actions {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-top: 16px !important;
}
@media (max-width: 1100px) {
  .user-management-page .user-permission-check-grid { grid-template-columns: repeat(2, minmax(120px, 1fr)) !important; }
}
@media (max-width: 800px) {
  .user-management-page .user-permission-columns { grid-template-columns: 1fr !important; }
  .user-management-page .user-permission-check-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* =========================================================
   RAPORLAR - SAYFAYA ÖZEL
========================================================= */
.reports-page .reports-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
.reports-page .reports-title-row h2 { margin-bottom: 4px !important; }
.reports-page .report-summary-grid { margin-bottom: 14px !important; }
.reports-page .report-summary-card { min-height: 108px; }
.reports-page .report-summary-label {
  font-weight: 750;
  color: #17384a;
  margin-bottom: 4px;
}
.reports-page .report-filter-card { padding: 18px !important; }
.reports-page .report-section-title {
  font-weight: 800;
  color: #17384a;
  font-size: 16px;
  margin-bottom: 14px;
}
.reports-page .report-filter-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(135px, 1fr)) !important;
  gap: 12px !important;
  align-items: end !important;
}
.reports-page .field-group { min-width: 0; }
.reports-page .field-group label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #47636f;
  margin-bottom: 6px;
}
.reports-page .field-group input,
.reports-page .field-group select { width: 100% !important; min-width: 0 !important; }
.reports-page .report-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  flex-wrap: wrap;
}
.reports-page .report-filter-actions,
.reports-page .report-export-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.reports-page .secondary-button {
  background: #eef3f5 !important;
  color: #274650 !important;
  border: 1px solid #d3e0e5 !important;
}
.reports-page .excel-button {
  background: #148344 !important;
  border-color: #148344 !important;
}
.reports-page .pdf-button {
  background: #c83b36 !important;
  border-color: #c83b36 !important;
}
.reports-page .report-results-card { padding: 0 !important; overflow: hidden; }
.reports-page .report-results-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 15px 16px;
  border-bottom: 1px solid #d9e5ea;
  background: #fbfdfe;
}
.reports-page .report-range { white-space: nowrap; }
.reports-page .report-table-card {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow-x: auto !important;
}
.reports-page .report-table { min-width: 1180px; }
.reports-page .report-table th {
  font-size: 11px !important;
  white-space: nowrap;
}
.reports-page .report-table td { font-size: 11px !important; }

@media (max-width: 1250px) {
  .reports-page .report-filter-grid { grid-template-columns: repeat(3, minmax(150px, 1fr)) !important; }
}
@media (max-width: 760px) {
  .reports-page .report-filter-grid { grid-template-columns: 1fr 1fr !important; }
  .reports-page .report-toolbar { align-items: stretch; }
  .reports-page .report-filter-actions,
  .reports-page .report-export-actions { width: 100%; }
  .reports-page .report-filter-actions button,
  .reports-page .report-export-actions button { flex: 1; }
  .reports-page .report-results-heading { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 500px) {
  .reports-page .report-filter-grid { grid-template-columns: 1fr !important; }
}


/* =========================================================
   FIX2 - BÖLGESEL EKRAN HİZALAMA + İŞLEM DÜĞMELERİ
========================================================= */
.regional-stockin-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: 14px 16px;
  align-items: end;
}

.regional-stockin-form .field-group,
.operation-form-grid .field-group {
  min-width: 0;
}

.regional-stockin-form .field-group label,
.operation-form-grid .field-group label {
  display: block;
  min-height: 20px;
  margin: 0 0 7px;
  color: #465864;
  font-size: 13px;
  font-weight: 700;
}

.regional-stockin-form input,
.regional-stockin-form select,
.regional-stockin-form button {
  width: 100%;
}

.stockin-description { grid-column: span 3; }
.stockin-action { display: flex; align-items: end; }
.stockin-action button { min-height: 44px; }

.row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.row-actions button {
  width: auto !important;
  min-width: 82px;
}

button.danger-button,
.card button.danger-button,
.table button.danger-button {
  background: #b42318 !important;
  color: #fff !important;
}

button.danger-button:hover,
.card button.danger-button:hover,
.table button.danger-button:hover {
  background: #8f1d14 !important;
}

@media (max-width: 1200px) {
  .regional-stockin-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stockin-description { grid-column: span 1; }
}

@media (max-width: 700px) {
  .regional-stockin-form { grid-template-columns: 1fr; }
  .stockin-description { grid-column: auto; }
  .row-actions { flex-direction: column; align-items: stretch; }
  .row-actions button { width: 100% !important; }
}

/* FIX4 */
#controlActionBox .card{margin-top:18px}.user-permission-columns{align-items:start}
@media(max-width:600px){#controlActionBox .form{grid-template-columns:1fr}}

/* FIX4.1 - ortak barkod simgesi + responsive rapor düzeni */
.barcode-scan-icon{
  width:42px!important; min-width:42px!important; height:42px!important;
  padding:0!important; margin:6px 0 0 6px!important;
  display:inline-flex!important; align-items:center; justify-content:center;
  border-radius:10px!important; font-size:22px!important; line-height:1!important;
  vertical-align:middle; box-shadow:0 4px 10px rgba(0,0,0,.10);
}
input.has-barcode-scan{max-width:calc(100% - 52px);}
.report-filter-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(180px,1fr));
  gap:16px 20px; align-items:end;
}
.report-table-card,.table{overflow-x:auto;}
.report-table{min-width:1150px;}
@media(max-width:1150px){.report-filter-grid{grid-template-columns:repeat(2,minmax(180px,1fr));}}
@media(max-width:700px){
  .report-filter-grid{grid-template-columns:1fr;}
  .barcode-scan-icon{width:40px!important;min-width:40px!important;height:40px!important;}
}


/* FIX4.2 — Sayım Raporu görsel düzeni */
.count-report-filter-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(220px,1fr));
  gap:16px 20px;
  align-items:end;
}
.count-report-filter-grid .field-group{
  min-width:0;
}
.count-report-filter-grid .field-group label{
  display:block;
  margin-bottom:7px;
  font-weight:700;
}
.count-report-filter-grid input,
.count-report-filter-grid select{
  width:100%;
  box-sizing:border-box;
  margin:0;
}
.count-report-actions{
  display:flex;
  gap:10px;
  align-items:end;
}
.count-report-actions button{
  flex:1;
  min-height:52px;
}
.report-export-actions{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.count-report-table{
  min-width:1350px;
}
.count-report-stats{
  margin-bottom:18px;
}
.barcode-filter-field .barcode-inline{
  display:flex;
  align-items:center;
  gap:6px;
}
.barcode-filter-field .barcode-inline input{
  flex:1;
  min-width:0;
}
.barcode-filter-field .barcode-scan-icon{
  flex:0 0 42px;
  margin:0!important;
}
@media(max-width:1100px){
  .count-report-filter-grid{
    grid-template-columns:repeat(2,minmax(220px,1fr));
  }
}
@media(max-width:680px){
  .count-report-filter-grid{
    grid-template-columns:1fr;
  }
  .count-report-actions{
    width:100%;
  }
}


/* FIX4.3 — Dashboard ikonları + Stok ekranı */
.ui-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
}
.ui-icon svg{
  width:1em;
  height:1em;
  display:block;
}
.dashboard-card-icon{
  width:30px;
  height:30px;
  border-radius:9px;
  background:#eef8fb;
  color:#0d7590;
  margin-right:8px;
  font-size:20px;
  flex:0 0 30px;
}
.dashboard-section-title{
  display:flex;
  align-items:center;
  gap:8px;
}
.dashboard-section-icon{
  width:30px;
  height:30px;
  border-radius:8px;
  background:#eef8fb;
  color:#0d7590;
  font-size:19px;
}
.page-title-row h2{
  display:flex;
  align-items:center;
  gap:10px;
}
.page-title-icon{
  width:38px;
  height:38px;
  border-radius:10px;
  background:#edf8fb;
  color:#0d7590;
  font-size:24px;
}
.button-icon{
  font-size:18px;
  margin-right:5px;
}
.stock-summary-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-bottom:18px;
}
.stock-summary-card{
  min-height:108px;
}
.stock-summary-label{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:700;
  color:#17384a;
}
.stock-summary-icon{
  width:32px;
  height:32px;
  border-radius:9px;
  background:#eef8fb;
  color:#0d7590;
  font-size:20px;
}
.stock-filter-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(220px,1fr));
  gap:16px 20px;
  align-items:end;
}
.stock-filter-grid .field-group{
  min-width:0;
}
.stock-filter-grid .field-group label{
  display:block;
  margin-bottom:7px;
  font-weight:700;
}
.stock-filter-grid input,
.stock-filter-grid select{
  width:100%;
  box-sizing:border-box;
  margin:0;
}
.stock-filter-actions{
  display:flex;
  gap:10px;
}
.stock-filter-actions button{
  flex:1;
  min-height:50px;
}
.stock-table-card{
  overflow-x:auto;
}
.stock-table{
  min-width:1200px;
}
.stock-table th,
.stock-table td{
  white-space:nowrap;
}
.stock-table tbody tr[style*="display: none"]{
  display:none!important;
}
@media(max-width:1050px){
  .stock-filter-grid{grid-template-columns:repeat(2,minmax(220px,1fr));}
  .stock-summary-grid{grid-template-columns:1fr 1fr 1fr;}
}
@media(max-width:720px){
  .stock-filter-grid{grid-template-columns:1fr;}
  .stock-summary-grid{grid-template-columns:1fr;}
}


/* FIX4.4 — Kullanım ve Geri Transfer ekranları */
.operation-card{
  padding:22px 24px;
}
.operation-card-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-bottom:18px;
  margin-bottom:18px;
  border-bottom:1px solid #e4edf1;
}
.operation-card-title{
  font-size:20px;
  font-weight:800;
  color:#12384a;
}
.operation-card-subtitle{
  margin-top:4px;
  font-size:14px;
  color:#637985;
}
.operation-header-icon{
  width:46px;
  height:46px;
  border-radius:13px;
  background:#edf8fb;
  color:#0b7a8b;
  font-size:27px;
  flex:0 0 46px;
}
.usage-modern-grid,
.return-modern-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px 20px;
  align-items:end;
}
.usage-modern-grid .field-group,
.return-modern-grid .field-group{
  min-width:0;
}
.usage-modern-grid label,
.return-modern-grid label{
  display:block;
  margin-bottom:7px;
  font-weight:700;
  color:#244657;
}
.usage-modern-grid input,
.usage-modern-grid select,
.return-modern-grid input,
.return-modern-grid select{
  width:100%;
  box-sizing:border-box;
  margin:0;
}
.span-2{grid-column:span 2;}
.span-4{grid-column:span 4;}
.readonly-display{
  width:100%;
  min-height:54px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 16px;
  box-sizing:border-box;
  border:1px solid #c9d9e2;
  border-radius:12px;
  background:#f3f8fa;
  color:#174253;
  font-weight:700;
}
.readonly-icon{
  width:28px;
  height:28px;
  border-radius:8px;
  background:#e2f4f7;
  color:#0b7a8b;
  font-size:18px;
}
.operation-status{
  min-height:22px;
  margin-top:14px;
  padding:0 2px;
  font-size:14px;
  font-weight:600;
}
.operation-status.success{color:#17704a;}
.operation-status.warning{color:#a66a00;}
.operation-footer{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid #e4edf1;
}
.operation-footer button{
  min-width:170px;
  min-height:50px;
}
.secondary-action{
  background:#edf5f7!important;
  color:#0b6576!important;
  box-shadow:none!important;
}
.primary-action{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.barcode-field .barcode-inline{
  display:flex;
  align-items:center;
  gap:8px;
}
.barcode-field .barcode-inline input{
  flex:1;
  min-width:0;
}
.barcode-field .barcode-scan-icon{
  flex:0 0 42px;
  margin:0!important;
}
@media(max-width:1100px){
  .usage-modern-grid,
  .return-modern-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .span-4{grid-column:span 2;}
}
@media(max-width:680px){
  .usage-modern-grid,
  .return-modern-grid{
    grid-template-columns:1fr;
  }
  .span-2,.span-4{grid-column:span 1;}
  .operation-card{padding:18px;}
  .operation-footer{
    flex-direction:column-reverse;
  }
  .operation-footer button{
    width:100%;
  }
}


/* FIX4.5 — Rapor ve Sayım Raporu dashboard ikonları */
.report-stat-card{
  min-height:112px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.report-stat-label{
  display:flex;
  align-items:center;
  gap:9px;
  font-weight:700;
  color:#17384a;
  margin-bottom:4px;
}
.report-stat-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  background:#eef8fb;
  color:#0d7590;
  font-size:20px;
  flex:0 0 34px;
}
.report-stat-positive{
  background:#eefaf5;
  color:#13865a;
}
.report-stat-negative{
  background:#fff1f1;
  color:#c84040;
}


/* FIX5 — Çoklu barkod okutma */
.multi-scan-top{
  display:grid;
  grid-template-columns:repeat(2,minmax(260px,1fr));
  gap:18px 20px;
  align-items:end;
  margin-bottom:14px;
}
.scan-mode-note{
  margin:8px 0 16px;
  padding:10px 12px;
  background:#eef8fb;
  border:1px solid #d7e9ef;
  border-radius:10px;
  color:#315965;
  font-size:13px;
}
.multi-row-table-card{
  padding:0!important;
  overflow-x:auto;
}
.multi-row-table{
  width:100%;
  min-width:1100px;
  border-collapse:collapse;
}
.multi-row-table th,
.multi-row-table td{
  padding:12px 10px;
  border-bottom:1px solid #e5edf1;
  vertical-align:middle;
}
.multi-row-table th{
  background:#f1f7f9;
  text-align:left;
  white-space:nowrap;
}
.multi-row-table input,
.multi-row-table select{
  width:100%;
  min-width:110px;
  box-sizing:border-box;
  margin:0;
}
.mini-action{
  min-width:58px!important;
  padding:9px 12px!important;
}

/* Sürekli kamera */
.barcode-camera-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.88);
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}
.barcode-camera-panel{
  background:white;
  padding:16px;
  border-radius:16px;
  max-width:620px;
  width:100%;
}
.barcode-camera-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:12px;
}
.barcode-camera-head h3{
  margin:0 0 4px;
}
#barcodeVideo{
  width:100%;
  max-height:62vh;
  background:#111;
  border-radius:12px;
}
.barcode-camera-status{
  margin-top:10px;
  padding:10px 12px;
  border-radius:10px;
  background:#eef8fb;
  font-weight:700;
  color:#0b6576;
}

@media(max-width:760px){
  .multi-scan-top{
    grid-template-columns:1fr;
  }
  .barcode-camera-head{
    flex-direction:column;
  }
}


/* FIX6 FINAL — Transfer Tekli/Toplu + masaüstü rapor tabloları */
.transfer-tabs{
  display:flex;
  gap:8px;
  padding:8px;
  margin-bottom:14px;
}
.transfer-tabs button{
  min-width:150px;
  background:#edf5f7!important;
  color:#0b6576!important;
  box-shadow:none!important;
}
.transfer-tabs button.active{
  background:#0b7482!important;
  color:#fff!important;
}
.transfer-single-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px 18px;
  align-items:end;
}
.bulk-transfer-top-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(220px,1fr));
  gap:16px 18px;
  align-items:end;
}
.bulk-transfer-toolbar{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin:18px 0 14px;
}
.bulk-transfer-summary{
  margin-left:auto;
  font-weight:800;
  color:#175568;
  background:#eef8fb;
  border:1px solid #d8e9ee;
  border-radius:10px;
  padding:11px 14px;
}
.bulk-transfer-table-card{
  overflow-x:auto;
  padding:0!important;
}
.bulk-transfer-table{
  width:100%;
  min-width:1180px;
  border-collapse:collapse;
}
.bulk-transfer-table th,
.bulk-transfer-table td{
  padding:11px 9px;
  border-bottom:1px solid #e3ebef;
  vertical-align:top;
}
.bulk-transfer-table th{
  background:#eff6f8;
  text-align:left;
  white-space:nowrap;
}
.bulk-transfer-table input,
.bulk-transfer-table select{
  width:100%;
  min-height:46px;
  box-sizing:border-box;
  display:block;
  margin:0;
}
.bulk-transfer-table input[type="checkbox"]{
  width:18px;
  height:18px;
}

/* Rapor ve Sayım Raporunda masaüstünde yatay kaydırma yok */
@media(min-width:1100px){
  .no-horizontal-report{
    overflow-x:hidden!important;
  }

  .compact-report-table{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }

  .compact-report-table th,
  .compact-report-table td{
    white-space:normal!important;
    overflow-wrap:anywhere;
    word-break:break-word;
    padding:8px 6px!important;
    font-size:10.5px!important;
    line-height:1.25;
  }

  .movement-report-table th:nth-child(1),
  .movement-report-table td:nth-child(1){width:9%;}
  .movement-report-table th:nth-child(2),
  .movement-report-table td:nth-child(2){width:7%;}
  .movement-report-table th:nth-child(3),
  .movement-report-table td:nth-child(3){width:10%;}
  .movement-report-table th:nth-child(4),
  .movement-report-table td:nth-child(4){width:8%;}
  .movement-report-table th:nth-child(5),
  .movement-report-table td:nth-child(5){width:6%;}
  .movement-report-table th:nth-child(6),
  .movement-report-table td:nth-child(6){width:6%;}
  .movement-report-table th:nth-child(7),
  .movement-report-table td:nth-child(7){width:7%;}
  .movement-report-table th:nth-child(8),
  .movement-report-table td:nth-child(8){width:10%;}
  .movement-report-table th:nth-child(9),
  .movement-report-table td:nth-child(9){width:10%;}
  .movement-report-table th:nth-child(10),
  .movement-report-table td:nth-child(10){width:5%;}
  .movement-report-table th:nth-child(11),
  .movement-report-table td:nth-child(11){width:6%;}
  .movement-report-table th:nth-child(12),
  .movement-report-table td:nth-child(12){width:8%;}
  .movement-report-table th:nth-child(13),
  .movement-report-table td:nth-child(13){width:8%;}

  .count-report-table th,
  .count-report-table td{
    font-size:10px!important;
    padding:7px 5px!important;
  }
}

@media(max-width:1099px){
  .no-horizontal-report{
    overflow-x:auto!important;
  }
  .compact-report-table{
    min-width:1050px!important;
  }
}

@media(max-width:1100px){
  .transfer-single-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .bulk-transfer-top-grid{
    grid-template-columns:repeat(2,minmax(220px,1fr));
  }
}

@media(max-width:700px){
  .transfer-single-grid,
  .bulk-transfer-top-grid{
    grid-template-columns:1fr;
  }
  .transfer-tabs{
    flex-direction:column;
  }
  .bulk-transfer-summary{
    width:100%;
    margin-left:0;
  }
}


/* FIX6.1 — Tekli Transfer görsel hizalama */
.transfer-single-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px 22px!important;
  align-items:end!important;
}

.transfer-single-grid .field-group{
  min-width:0;
}

.transfer-single-grid .field-group label{
  display:block;
  margin-bottom:7px;
  font-weight:700;
}

.transfer-single-grid input,
.transfer-single-grid select{
  width:100%;
  box-sizing:border-box;
  margin:0;
  min-height:54px;
}

.transfer-single-grid .barcode-inline{
  display:flex;
  align-items:center;
  gap:8px;
}

.transfer-single-grid .barcode-inline input{
  flex:1;
  min-width:0;
}

.transfer-single-grid .barcode-scan-icon{
  flex:0 0 52px;
  width:52px!important;
  min-width:52px!important;
  height:54px!important;
  margin:0!important;
}

.transfer-single-grid .readonly-field,
.transfer-single-grid input[readonly]{
  background:#f7fafb;
}

.transfer-single-grid .span-2{
  grid-column:span 2;
}

@media(max-width:1100px){
  .transfer-single-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:700px){
  .transfer-single-grid{
    grid-template-columns:1fr!important;
  }
  .transfer-single-grid .span-2{
    grid-column:span 1;
  }
}


/* FIX6.2 — Depo İmha */
.disposal-modern-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px 20px;
  align-items:end;
}
.disposal-modern-grid .field-group{
  min-width:0;
}
.disposal-modern-grid label{
  display:block;
  margin-bottom:7px;
  font-weight:700;
  color:#244657;
}
.disposal-modern-grid input,
.disposal-modern-grid select{
  width:100%;
  box-sizing:border-box;
  margin:0;
  min-height:54px;
}
.danger-action{
  background:#c83224!important;
  color:white!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.danger-action:hover{
  filter:brightness(.95);
}
@media(max-width:1100px){
  .disposal-modern-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .disposal-modern-grid{
    grid-template-columns:1fr;
  }
  .disposal-modern-grid .span-2{
    grid-column:span 1;
  }
}


/* FIX6.3 — Kontrol Deposu imha standardizasyonu */
.control-disposal-card{
  margin-top:18px;
}
.control-disposal-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px 18px;
  align-items:end;
}
.control-disposal-grid .field-group{
  min-width:0;
}
.control-disposal-grid label{
  display:block;
  margin-bottom:7px;
  font-weight:700;
}
.control-disposal-grid input,
.control-disposal-grid select{
  width:100%;
  box-sizing:border-box;
  margin:0;
  min-height:52px;
}
.control-disposal-grid input[readonly]{
  background:#f7fafb;
}
@media(max-width:1100px){
  .control-disposal-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .control-disposal-grid{
    grid-template-columns:1fr;
  }
  .control-disposal-grid .span-2{
    grid-column:span 1;
  }
}


/* =========================================================
   FIX6.3 FULL — FINAL MENÜ / MODAL / BİLDİRİM / SAYIM
========================================================= */
#app{background:#f3f7fb;}
#nav{position:fixed;left:0;top:0;bottom:0;width:276px;background:linear-gradient(180deg,#0d3448 0%,#0a2d3f 100%);padding:16px 12px 14px;display:flex;flex-direction:column;overflow-y:auto;z-index:50;box-sizing:border-box;color:white;}
#main{margin-left:276px;min-height:100vh;padding:28px 26px 42px;box-sizing:border-box;}
#who{display:none!important;}
.sidebar-brand{padding:0 8px 16px;border-bottom:1px solid rgba(255,255,255,.11);margin-bottom:12px;}
.sidebar-brand img{width:100%;height:98px;object-fit:contain;object-position:center;display:block;}
.sidebar-nav-item{appearance:none;border:0;background:transparent;color:#edf9fd;width:100%;display:flex;align-items:center;gap:13px;min-height:49px;border-radius:11px;padding:10px 13px;font-size:15.5px;font-weight:650;text-align:left;cursor:pointer;box-shadow:none;margin:1px 0;}
.sidebar-nav-item:hover{background:rgba(16,167,188,.14);transform:none;}
.sidebar-nav-item.active{background:linear-gradient(90deg,#078e9f,#137b8d);box-shadow:inset 3px 0 0 #48e6f3,0 7px 18px rgba(0,0,0,.12);}
.sidebar-item-icon{width:24px;height:24px;min-width:24px;color:#f2fbff;}
.sidebar-section-label,.sidebar-section-toggle{font-size:12px;letter-spacing:1.05px;color:#a9c5d2;font-weight:800;margin:13px 12px 7px;}
.sidebar-section-toggle{background:none;border:0;padding:0;width:calc(100% - 24px);display:flex;justify-content:space-between;cursor:pointer;box-shadow:none;}
.sidebar-section-toggle .chev{transition:.2s}.sidebar-section-toggle.collapsed .chev{transform:rotate(180deg)}
.sidebar-divider{height:1px;background:rgba(255,255,255,.11);margin:12px 10px 5px;}
.sidebar-manage{display:block}.sidebar-manage:not(.open){display:none}.sidebar-spacer{flex:1;min-height:16px;}
.sidebar-user{border-top:1px solid rgba(255,255,255,.12);padding:16px 8px 10px;display:grid;grid-template-columns:44px 1fr 24px;gap:10px;align-items:center;}
.sidebar-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2a8dde,#a7d9ff);font-size:19px;font-weight:900;}
.sidebar-user strong{display:block;font-size:14px}.sidebar-user small{display:block;color:#aac6d4;margin-top:2px}.sidebar-user-arrow{background:none;border:0;color:white;font-size:28px;padding:0;box-shadow:none}.sidebar-logout{margin-top:2px;}
.notification-bell{position:fixed;right:28px;top:20px;z-index:90}.notification-bell>button{position:relative;width:48px;height:48px;border-radius:14px;border:1px solid #d8e6ed;background:white;color:#0d5268;font-size:22px;box-shadow:0 8px 24px rgba(18,61,79,.13)}
.notification-count{position:absolute;right:-5px;top:-6px;background:#d62f2a;color:white;border-radius:999px;min-width:21px;height:21px;padding:0 5px;display:grid;place-items:center;font-size:11px;font-weight:800;border:2px solid white}.notification-panel{position:absolute;right:0;top:56px;width:390px;max-height:520px;overflow:auto;background:white;border:1px solid #dbe7ed;border-radius:16px;box-shadow:0 18px 50px rgba(14,51,67,.22);padding:8px}.notification-head{display:flex;justify-content:space-between;align-items:center;padding:10px}.notification-head button{font-size:12px;padding:7px 9px;box-shadow:none}.notification-item{display:block;width:100%;text-align:left;border:0;border-top:1px solid #edf2f5;border-radius:0;background:white;color:#163647;padding:12px;box-shadow:none}.notification-item.unread{background:#edfafd}.notification-item strong,.notification-item span,.notification-item small{display:block}.notification-item span{font-size:13px;margin:4px 0}.notification-item small{color:#718994}.notification-empty{padding:24px;text-align:center;color:#718994}.hidden{display:none!important;}
.toast-host{position:fixed;right:24px;top:82px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:430px}.app-toast{display:grid;grid-template-columns:38px 1fr 28px;gap:10px;align-items:center;background:white;border:1px solid #dfe9ed;border-left:5px solid #178da0;border-radius:14px;padding:13px 12px;box-shadow:0 14px 40px rgba(12,48,64,.18);animation:toastIn .2s ease}.app-toast.success{border-left-color:#16a268}.app-toast.error{border-left-color:#d22f27}.app-toast.warning{border-left-color:#e39a18}.toast-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf8fb;color:#137a8e;font-weight:900}.app-toast.success .toast-icon{background:#ebfaf2;color:#11885a}.app-toast.error .toast-icon{background:#fff0ef;color:#c62d25}.toast-copy strong,.toast-copy span{display:block}.toast-copy span{font-size:14px;color:#274c5c}.toast-close{background:none!important;border:0!important;box-shadow:none!important;color:#748b95;font-size:22px;padding:0!important}.app-toast.out{opacity:0;transform:translateX(15px);transition:.2s}@keyframes toastIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.app-modal-backdrop{position:fixed;inset:0;background:rgba(6,29,40,.48);backdrop-filter:blur(3px);z-index:220;display:grid;place-items:center;padding:20px}.app-modal{width:min(470px,95vw);background:white;border-radius:20px;padding:26px;box-shadow:0 24px 80px rgba(0,0,0,.3);text-align:center}.app-modal-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#eaf7fa;color:#0d8192;font-size:26px;font-weight:900;margin:0 auto 12px}.app-modal-icon.danger{background:#fff0ef;color:#c42a22}.app-modal h3{margin:7px 0 9px}.app-modal p{color:#526e7a;line-height:1.5}.app-modal-actions{display:flex;gap:10px;justify-content:center;margin-top:22px}.app-modal-actions button{min-width:130px}.modal-field-label{display:block;text-align:left;font-weight:800;margin:13px 0 7px}.modal-input{width:100%;box-sizing:border-box;}
.status-pill{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;background:#fff5d9;color:#8a6200}.status-pill.approved{background:#e8f8ef;color:#13794e}.status-pill.reopened{background:#eef4ff;color:#315f9e}.count-session-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.count-session-filters label{display:block;font-weight:800;margin-bottom:7px}.count-session-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.count-session-summary>div{background:#f5f9fb;border:1px solid #e0ebef;border-radius:12px;padding:12px}.count-session-summary b,.count-session-summary span{display:block}.count-session-summary span{margin-top:4px;color:#476775}.title-actions{display:flex;gap:8px;flex-wrap:wrap}.revision-row{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #edf1f3}.count-diff{font-weight:900;color:#b42b23}.warning-button{background:#df9419!important}.control-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.control-action-grid label{display:block;font-weight:800;margin-bottom:6px}.control-action-grid .span-2{grid-column:span 2}.secondary{background:#eaf3f6!important;color:#0b6172!important;}
@media(max-width:1000px){#nav{width:238px}#main{margin-left:238px}.count-session-filters,.count-session-summary,.control-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-panel{width:min(390px,calc(100vw - 40px))}}
@media(max-width:760px){#nav{position:relative;width:100%;height:auto;max-height:none}#main{margin-left:0;padding:18px 12px}.sidebar-brand img{height:90px}.notification-bell{right:12px;top:12px}.count-session-filters,.count-session-summary,.control-action-grid{grid-template-columns:1fr}.control-action-grid .span-2{grid-column:span 1}.toast-host{right:12px;left:12px;max-width:none}.app-toast{width:auto}}
@media print{#nav,.notification-bell,.no-print,.title-actions,.toast-host{display:none!important}#main{margin:0!important;padding:0!important}.card{box-shadow:none!important;border:1px solid #ddd!important}}


/* =========================================================
   FIX6.3 UI FIX — ONAYLANAN SOL MENÜ + SADE DASHBOARD
   Bu blok özellikle eski sıkıştırılmış !important kurallarını
   geçersiz kılmak için dosyanın EN SONUNDADIR.
========================================================= */
:root{
  --sidebar-width: 278px !important;
  --sidebar-bg-top:#10394d;
  --sidebar-bg-bottom:#0a2f42;
  --sidebar-accent:#0b8fa2;
  --sidebar-accent-2:#13a6b8;
}

/* --- Masaüstü sol menü --- */
#nav{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  bottom:0 !important;
  width:var(--sidebar-width) !important;
  height:100vh !important;
  height:100dvh !important;
  padding:14px 12px 16px !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  background:
    radial-gradient(circle at 15% 5%, rgba(29,171,190,.16), transparent 27%),
    linear-gradient(180deg,var(--sidebar-bg-top),var(--sidebar-bg-bottom)) !important;
  color:#fff !important;
  box-shadow:8px 0 30px rgba(13,47,64,.12) !important;
  z-index:1000 !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.18) transparent;
}
#nav::-webkit-scrollbar{width:5px}
#nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px}

#nav::before{
  content:none !important;
  display:none !important;
}

/* Logo: kullanıcının logosunun sadece marka bölümü */
.sidebar-brand{
  flex:0 0 auto !important;
  height:108px !important;
  min-height:108px !important;
  padding:0 8px 14px !important;
  margin:0 0 10px !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.sidebar-brand img{
  width:100% !important;
  height:90px !important;
  max-width:235px !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.16)) !important;
}

/* Menü satırları artık sıkışmaz */
#nav button.sidebar-nav-item,
#nav .sidebar-nav-item{
  flex:0 0 auto !important;
  width:100% !important;
  min-height:44px !important;
  max-height:none !important;
  height:auto !important;
  margin:2px 0 !important;
  padding:9px 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  border:0 !important;
  border-radius:10px !important;
  background:transparent !important;
  color:#eef9fc !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:650 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-align:left !important;
  box-shadow:none !important;
}
#nav button.sidebar-nav-item:hover{
  background:rgba(25,173,193,.13) !important;
  color:#fff !important;
}
#nav button.sidebar-nav-item.active{
  background:linear-gradient(90deg,rgba(8,148,165,.98),rgba(18,121,141,.95)) !important;
  color:#fff !important;
  box-shadow:
    inset 3px 0 0 #65edf5,
    0 7px 18px rgba(0,0,0,.13) !important;
}
.sidebar-item-icon{
  flex:0 0 23px !important;
  width:23px !important;
  height:23px !important;
  min-width:23px !important;
  color:#f4fcff !important;
}
.sidebar-nav-item span:not(.ui-icon){
  display:block !important;
  min-width:0 !important;
}

/* Grup başlıkları */
.sidebar-section-label{
  flex:0 0 auto !important;
  margin:14px 12px 6px !important;
  color:#9fc2cf !important;
  font-size:11.5px !important;
  line-height:1 !important;
  letter-spacing:1.3px !important;
  font-weight:850 !important;
}
#nav button.sidebar-section-toggle{
  flex:0 0 auto !important;
  width:100% !important;
  min-height:36px !important;
  max-height:none !important;
  margin:11px 0 3px !important;
  padding:8px 12px !important;
  border:0 !important;
  border-radius:9px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  background:rgba(255,255,255,.045) !important;
  color:#a9c9d5 !important;
  font-size:11.5px !important;
  letter-spacing:1.2px !important;
  font-weight:850 !important;
  box-shadow:none !important;
}
#nav button.sidebar-section-toggle:hover{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
}
.sidebar-section-toggle .chev{
  font-size:16px !important;
  line-height:1 !important;
}
.sidebar-divider{
  flex:0 0 auto !important;
  height:1px !important;
  margin:11px 10px 2px !important;
  background:rgba(255,255,255,.11) !important;
}
.sidebar-manage{flex:0 0 auto !important;}
.sidebar-manage.open{display:block !important;}
.sidebar-manage:not(.open){display:none !important;}
.sidebar-spacer{flex:1 0 18px !important;min-height:18px !important;}

/* Kullanıcı alanı */
.sidebar-user{
  flex:0 0 auto !important;
  margin-top:8px !important;
  padding:14px 7px 8px !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) 22px !important;
  gap:10px !important;
  align-items:center !important;
}
.sidebar-avatar{
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,#4aa9e7,#b9e4ff) !important;
  color:#fff !important;
}
.sidebar-user strong{
  display:block !important;
  color:#fff !important;
  font-size:13.5px !important;
  line-height:1.2 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.sidebar-user small{
  display:block !important;
  margin-top:3px !important;
  color:#a9c8d5 !important;
  font-size:11.5px !important;
}
#nav button.sidebar-user-arrow{
  min-height:32px !important;
  width:22px !important;
  padding:0 !important;
  margin:0 !important;
  justify-content:center !important;
  background:transparent !important;
  font-size:24px !important;
}
#nav button.sidebar-logout{
  flex:0 0 auto !important;
  margin-top:2px !important;
  background:transparent !important;
}

/* --- Ana içerik --- */
#main,
main{
  margin-left:var(--sidebar-width) !important;
  width:calc(100% - var(--sidebar-width)) !important;
  min-height:100vh !important;
  max-width:none !important;
  padding:22px 26px 42px !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
}
.wrap{
  width:min(1440px,100%) !important;
  margin:0 auto !important;
  padding:16px 0 50px !important;
}

/* Dashboard hoş geldiniz bannerı */
.dashboard-welcome-card{
  min-height:205px;
  margin-bottom:18px;
  border:1px solid #dce8ed;
  border-radius:18px;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  align-items:stretch;
  background:
    linear-gradient(90deg,#ffffff 0%,#f5fafc 47%,rgba(225,239,246,.82) 100%);
  box-shadow:0 12px 34px rgba(24,67,85,.08);
}
.dashboard-welcome-copy{
  padding:32px 34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  z-index:2;
}
.dashboard-welcome-kicker{
  color:#0b8394;
  font-size:11px;
  font-weight:850;
  letter-spacing:1.25px;
  margin-bottom:9px;
}
.dashboard-welcome-copy h1{
  margin:0 0 7px !important;
  color:#123552 !important;
  font-size:34px !important;
  line-height:1.05 !important;
}
.dashboard-welcome-copy p{
  margin:0 !important;
  color:#526d7b !important;
  font-size:16px !important;
}
.dashboard-welcome-line{
  width:62px;
  height:4px;
  border-radius:999px;
  background:#0b91a4;
  margin-top:20px;
}
.dashboard-welcome-visual{
  min-height:205px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 28%,rgba(23,154,187,.18),transparent 22%),
    linear-gradient(135deg,rgba(222,235,243,.5),rgba(186,216,232,.72));
}
.dashboard-welcome-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent,rgba(255,255,255,.27)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.10) 0 1px,transparent 1px 36px);
  opacity:.55;
}
.lab-tube{
  position:absolute;
  bottom:24px;
  width:31px;
  height:118px;
  border:3px solid rgba(255,255,255,.88);
  border-top:14px solid #168dcc;
  border-radius:8px 8px 15px 15px;
  background:linear-gradient(to top,rgba(40,177,220,.30) 0 37%,rgba(255,255,255,.22) 37%);
  box-shadow:0 10px 20px rgba(34,94,122,.12);
}
.lab-tube::after{
  content:"";
  position:absolute;
  left:-5px;
  right:-5px;
  top:-20px;
  height:9px;
  border-radius:5px;
  background:#0a7fbe;
}
.tube-1{left:18%;transform:rotate(-2deg)}
.tube-2{left:27%;height:126px}
.tube-3{left:36%;height:110px;transform:rotate(2deg)}
.tube-4{left:45%;height:121px;transform:rotate(1deg)}
.dashboard-motto{
  position:absolute;
  right:8%;
  top:50%;
  transform:translateY(-50%);
  color:#173e59;
  text-align:center;
  font-size:15px;
  line-height:1.45;
  z-index:2;
  text-shadow:0 1px 0 rgba(255,255,255,.8);
}

/* KPI'lar masaüstünde tekrar 4 sütun */
.wrap > .grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
}
.wrap > .grid > .card{
  min-width:0 !important;
  margin:0 !important;
  min-height:174px;
  border-radius:17px;
  padding:20px 21px;
}
.wrap > .grid > .card .stat{
  font-size:clamp(38px,3.8vw,56px);
  letter-spacing:-1.5px;
}

/* dashboard üzerinde eski büyük logo artık kullanılmıyor */
.dashboard-brand-logo{display:none !important;}

/* Zil ana içerik ile dengeli */
.notification-bell{
  right:24px !important;
  top:18px !important;
}

/* 1200 altı */
@media(max-width:1250px){
  :root{--sidebar-width:258px !important;}
  .dashboard-welcome-card{grid-template-columns:1fr 390px}
  .wrap > .grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}

/* Tablet */
@media(max-width:930px){
  :root{--sidebar-width:230px !important;}
  #nav{padding-left:9px !important;padding-right:9px !important;}
  #nav button.sidebar-nav-item{font-size:13px !important;padding-left:10px !important;padding-right:9px !important;}
  .dashboard-welcome-card{grid-template-columns:1fr}
  .dashboard-welcome-visual{min-height:155px}
  .wrap > .grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}

/* Mobil */
@media(max-width:760px){
  #nav{
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:10px !important;
    overflow:visible !important;
  }
  .sidebar-brand{height:96px !important;min-height:96px !important;}
  .sidebar-brand img{height:80px !important;}
  #main,main{
    margin-left:0 !important;
    width:100% !important;
    padding:16px 12px 34px !important;
  }
  #nav button.sidebar-nav-item{
    min-height:43px !important;
  }
  .dashboard-welcome-card{min-height:0}
  .dashboard-welcome-copy{padding:26px 22px}
  .dashboard-welcome-copy h1{font-size:29px !important}
  .dashboard-welcome-visual{display:none}
  .wrap > .grid{grid-template-columns:1fr !important;}
  .notification-bell{right:12px !important;top:12px !important;}
}


/* =========================================================
   FINAL UI — Kullanıcının onayladığı açık tonlu tasarım
========================================================= */

:root{
  --sidebar-width:300px !important;
  --sidebar-bg:#D1E3F2;
  --sidebar-border:#d9e8ef;
  --sidebar-text:#163a59;
  --sidebar-muted:#5d7c91;
  --sidebar-active:#dbeefe;
  --sidebar-hover:#e6f3f9;
  --page-bg:#f7fafc;
}

/* Sidebar */
#nav{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  bottom:0 !important;
  width:var(--sidebar-width) !important;
  height:100vh !important;
  background:#D1E3F2 !important;
  color:var(--sidebar-text) !important;
  border-right:1px solid var(--sidebar-border) !important;
  box-shadow:none !important;
  padding:18px 16px 16px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
#nav::before{display:none !important;content:none !important;}
.sidebar-brand{display:none !important;}

#nav button.sidebar-nav-item,
#nav .sidebar-nav-item{
  width:100% !important;
  min-height:42px !important;
  margin:2px 0 !important;
  padding:8px 12px !important;
  border:0 !important;
  border-radius:9px !important;
  background:transparent !important;
  color:var(--sidebar-text) !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  justify-content:flex-start !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  box-shadow:none !important;
}
#nav button.sidebar-nav-item:hover{
  background:var(--sidebar-hover) !important;
}
#nav button.sidebar-nav-item.active{
  background:var(--sidebar-active) !important;
  color:#0c5fb4 !important;
  box-shadow:none !important;
}
.sidebar-item-icon{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  color:#1f5d8d !important;
}
.sidebar-section-label{
  margin:18px 12px 7px !important;
  color:#214e6b !important;
  font-size:12px !important;
  letter-spacing:.8px !important;
  font-weight:800 !important;
}
.sidebar-divider{
  height:1px !important;
  margin:14px 8px 3px !important;
  background:#d7e5ec !important;
}
#nav button.sidebar-section-toggle{
  min-height:34px !important;
  margin:12px 0 4px !important;
  padding:7px 11px !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  color:#214e6b !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  font-size:12px !important;
  letter-spacing:.8px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}
#nav button.sidebar-section-toggle:hover{
  background:var(--sidebar-hover) !important;
}
.sidebar-spacer{flex:1 0 16px !important;min-height:16px !important;}

.sidebar-user{
  margin-top:10px !important;
  padding:14px 8px 8px !important;
  border-top:1px solid #d7e5ec !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) 22px !important;
  gap:10px !important;
  align-items:center !important;
}
.sidebar-avatar{
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,#7dc8ff,#d9efff) !important;
}
.sidebar-user strong{color:#173a58 !important;}
.sidebar-user small{color:#6a8496 !important;}
#nav button.sidebar-user-arrow,
#nav button.sidebar-logout{
  color:#173a58 !important;
  background:transparent !important;
}

/* Main */
#main, main{
  margin-left:var(--sidebar-width) !important;
  width:calc(100% - var(--sidebar-width)) !important;
  min-height:100vh !important;
  background:var(--page-bg) !important;
  padding:20px 24px 38px !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
}
.wrap{
  width:min(1460px,100%) !important;
  margin:0 auto !important;
  padding:0 0 40px !important;
}

/* Welcome */
.dashboard-welcome-card{
  min-height:185px !important;
  margin-bottom:18px !important;
  border:1px solid #dfe9ef !important;
  border-radius:16px !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 440px !important;
  background:#fff !important;
  box-shadow:none !important;
}
.dashboard-welcome-copy{
  padding:26px 28px !important;
  display:flex !important;
  align-items:center !important;
}
.dashboard-welcome-heading{
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
}
.dashboard-inline-logo{
  width:260px !important;
  max-width:34vw !important;
  height:110px !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
}
.dashboard-welcome-copy h1{
  margin:0 0 5px !important;
  font-size:34px !important;
  line-height:1.05 !important;
  color:#173a58 !important;
}
.dashboard-welcome-subtitle{
  margin:0 0 12px !important;
  color:#4f6f86 !important;
  font-size:18px !important;
  font-weight:600 !important;
}
.dashboard-welcome-copy p{
  margin:0 !important;
  color:#5d7b8e !important;
  font-size:16px !important;
}
.dashboard-welcome-kicker,
.dashboard-welcome-line{
  display:none !important;
}
.dashboard-welcome-visual{
  min-height:185px !important;
  background:
    linear-gradient(90deg,rgba(245,250,253,.4),rgba(224,240,248,.8)),
    radial-gradient(circle at 75% 36%,rgba(42,160,204,.20),transparent 24%) !important;
}
.dashboard-motto{
  color:#145d91 !important;
  font-size:16px !important;
  font-style:italic !important;
}

/* KPI cards */
.wrap > .grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
}
.wrap > .grid > .card{
  border:1px solid #dfe9ef !important;
  border-radius:15px !important;
  box-shadow:none !important;
  background:#fff !important;
  min-height:165px !important;
  padding:20px !important;
}
.wrap > .grid > .card:nth-child(1){background:linear-gradient(135deg,#f7fbff,#eef7ff) !important;}
.wrap > .grid > .card:nth-child(2){background:linear-gradient(135deg,#fbfffc,#f0fbf3) !important;}
.wrap > .grid > .card:nth-child(4){background:linear-gradient(135deg,#fffafa,#fff0f0) !important;}

/* General cards / tables */
.card{
  border:1px solid #dfe9ef !important;
  box-shadow:none !important;
}
table{
  background:#fff !important;
}

/* Notification bell */
.notification-bell{
  position:fixed !important;
  right:24px !important;
  top:16px !important;
  background:#fff !important;
  border:1px solid #dfe9ef !important;
  box-shadow:0 4px 12px rgba(38,83,106,.08) !important;
}

/* Responsive */
@media(max-width:1200px){
  :root{--sidebar-width:270px !important;}
  .dashboard-welcome-card{grid-template-columns:1fr 360px !important;}
  .dashboard-inline-logo{width:220px !important;}
  .wrap > .grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:900px){
  .dashboard-welcome-card{grid-template-columns:1fr !important;}
  .dashboard-welcome-visual{display:none !important;}
}
@media(max-width:760px){
  #nav{
    position:relative !important;
    width:100% !important;
    height:auto !important;
    padding:12px !important;
  }
  #main,main{
    margin-left:0 !important;
    width:100% !important;
    padding:14px 10px 28px !important;
  }
  .dashboard-welcome-heading{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  .dashboard-inline-logo{
    width:220px !important;
    max-width:100% !important;
  }
  .wrap > .grid{grid-template-columns:1fr !important;}
}


/* =========================================================
   FIX6.3 FINAL SIDEBAR
   - #D1E3F2
   - RAPORLAR başlığı yok
   - raporlar OPERASYON altında
   - YÖNETİM başlangıçta kapalı
   - kullanıcı + çıkış her zaman görünür
========================================================= */

:root{
  --sidebar-width:300px !important;
  --sidebar-final-bg:#D1E3F2;
}

/* Sidebar tek viewport yapısı */
#nav{
  background:var(--sidebar-final-bg) !important;
  background-image:none !important;
  height:100vh !important;
  height:100dvh !important;
  padding:18px 16px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  overflow-y:hidden !important;
  overflow-x:hidden !important;
  box-sizing:border-box !important;
}

/* Yönetim açılırsa yalnız o zaman menü kayabilir */
#nav.manage-open{
  overflow-y:auto !important;
}

/* Operasyon + Yönetim başlığı üst bölüm */
.sidebar-main{
  flex:0 0 auto !important;
  min-height:0 !important;
}

/* Yönetim kapalıyken içerik gizli */
.sidebar-manage{
  display:none !important;
}
.sidebar-manage.open{
  display:block !important;
}

/* Kullanıcı + çıkış en alta sabitlenir */
.sidebar-bottom{
  margin-top:auto !important;
  flex:0 0 auto !important;
  padding-top:10px !important;
  border-top:1px solid rgba(39,82,112,.16) !important;
  background:var(--sidebar-final-bg) !important;
}

.sidebar-user{
  margin:0 !important;
  padding:10px 8px 7px !important;
  border-top:0 !important;
}

#nav button.sidebar-logout{
  margin-top:2px !important;
  min-height:40px !important;
  padding:8px 12px !important;
  background:transparent !important;
}

/* Menü yüksekliğini tek ekrana daha rahat sığdır */
#nav button.sidebar-nav-item,
#nav .sidebar-nav-item{
  min-height:39px !important;
  margin:1px 0 !important;
  padding:7px 12px !important;
  font-size:13.5px !important;
}
.sidebar-section-label{
  margin:15px 12px 6px !important;
}
.sidebar-divider{
  margin:11px 8px 3px !important;
}
#nav button.sidebar-section-toggle{
  min-height:34px !important;
  margin:8px 0 3px !important;
  padding:7px 11px !important;
}

/* Excel butonları arasında belirgin boşluk */
.stockin-toolbar{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:18px !important;
}
.stockin-toolbar > button{
  margin:0 !important;
}

/* Desktopta scrollbar görünmesin; yönetim kapalı başlangıç */
@media(min-width:761px){
  #nav:not(.manage-open){
    scrollbar-width:none !important;
  }
  #nav:not(.manage-open)::-webkit-scrollbar{
    display:none !important;
  }
}

/* Mobilde doğal akış */
@media(max-width:760px){
  #nav{
    height:auto !important;
    overflow:visible !important;
  }
  .sidebar-bottom{
    margin-top:12px !important;
  }
}


/* FIX6.3 FINAL MENU TUNING */
:root{ --sidebar-width:274px !important; }

#nav{
  width:var(--sidebar-width) !important;
  padding-left:14px !important;
  padding-right:14px !important;
}
#main,main{
  margin-left:var(--sidebar-width) !important;
  width:calc(100% - var(--sidebar-width)) !important;
}

#nav button.sidebar-nav-item,
#nav .sidebar-nav-item{
  font-size:15px !important;
  font-weight:650 !important;
  gap:11px !important;
  padding-left:11px !important;
  padding-right:11px !important;
}
.sidebar-item-icon{
  width:23px !important;
  height:23px !important;
  min-width:23px !important;
  flex-basis:23px !important;
  color:#1f5d8d !important;
}
.sidebar-section-label,
#nav button.sidebar-section-toggle{
  font-size:12.5px !important;
}

/* Hover: arka plan değişir; yazı ve ikon koyu kalır */
#nav button.sidebar-nav-item:hover,
#nav .sidebar-nav-item:hover{
  background:#E4F0F8 !important;
  color:#163a59 !important;
}
#nav button.sidebar-nav-item:hover .sidebar-item-icon,
#nav .sidebar-nav-item:hover .sidebar-item-icon{
  color:#1f5d8d !important;
}

/* Aktif menü vurgusu korunur */
#nav button.sidebar-nav-item.active,
#nav .sidebar-nav-item.active{
  background:#dbeefe !important;
  color:#0c5fb4 !important;
}
#nav button.sidebar-nav-item.active .sidebar-item-icon,
#nav .sidebar-nav-item.active .sidebar-item-icon{
  color:#0c5fb4 !important;
}
#nav button.sidebar-section-toggle:hover{
  background:#E4F0F8 !important;
  color:#214e6b !important;
}

@media(max-width:1200px) and (min-width:761px){
  :root{--sidebar-width:260px !important;}
  #nav button.sidebar-nav-item,
  #nav .sidebar-nav-item{font-size:14.5px !important;}
}


/* FINAL MENU WIDTH REFINEMENT */
:root{ --sidebar-width:255px !important; }

#nav{
  width:var(--sidebar-width) !important;
  padding-left:12px !important;
  padding-right:12px !important;
}
#main,main{
  margin-left:var(--sidebar-width) !important;
  width:calc(100% - var(--sidebar-width)) !important;
}

/* 15px okunaklı yazı boyutu korunur */
#nav button.sidebar-nav-item,
#nav .sidebar-nav-item{
  font-size:15px !important;
  gap:9px !important;
  padding-left:10px !important;
  padding-right:10px !important;
}

@media(max-width:1200px) and (min-width:761px){
  :root{ --sidebar-width:245px !important; }
}

/* FINAL SIDEBAR WIDTH: 245PX */
:root{ --sidebar-width:245px !important; }

#nav{
  width:245px !important;
}

#main, main{
  margin-left:245px !important;
  width:calc(100% - 245px) !important;
}

@media(max-width:1200px) and (min-width:761px){
  :root{ --sidebar-width:245px !important; }
  #nav{ width:245px !important; }
  #main, main{
    margin-left:245px !important;
    width:calc(100% - 245px) !important;
  }
}


/* =========================================================
   V2.0 FINAL TEST FIXES
========================================================= */

/* Product edit: stable responsive grid */
.product-edit-card{padding:22px !important;}
.product-edit-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
}
.product-edit-grid .field-group{min-width:0 !important;}
.product-edit-grid input,
.product-edit-grid select{width:100% !important;box-sizing:border-box !important;}
.product-edit-section{margin-top:20px !important;}
.product-edit-section-title{font-weight:800;margin-bottom:9px;color:#17384a;}
.product-edit-section .usage-checkbox-grid{
  border:1px solid #d8e5ec;
  border-radius:12px;
  padding:14px;
  min-height:42px;
}
.product-edit-actions{
  margin-top:22px;
  display:flex;
  gap:12px;
  justify-content:flex-end;
  flex-wrap:wrap;
}

/* Barcode standards: checkbox + labels no longer drift */
.barcode-standard-form .form{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}
.barcode-standard-form .form > div{min-width:0 !important;}
.barcode-standard-form .form input{width:100% !important;box-sizing:border-box !important;}
.barcode-standard-form .user-permission-check-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px 18px !important;
  align-items:center !important;
  margin:8px 0 14px !important;
  padding:12px !important;
  border:1px solid #d8e5ec !important;
  border-radius:12px !important;
}
.barcode-standard-form .user-permission-check-grid label,
.barcode-standard-form .user-permission-check-grid .usage-check{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
}
.barcode-standard-form .user-permission-check-grid input[type="checkbox"]{
  width:18px !important;
  height:18px !important;
  margin:0 !important;
}
.barcode-example-cell{
  max-width:330px;
  overflow-wrap:anywhere;
}

/* SKT must stay on one line in normal tables */
.stock-table td:nth-child(9),
.stock-table th:nth-child(9),
.control-action-card input,
.control-disposal-card input{
  white-space:nowrap;
}
.table td,.table th{vertical-align:middle;}

/* Count confirm button visually consistent */
.count-session-detail .title-actions button{
  border-radius:10px !important;
}

/* Print / PDF: report itself only, never the application chrome */
@media print{
  #nav,
  .notification-bell,
  #notificationBell,
  .notification-panel,
  .no-print,
  .title-actions,
  .sidebar-bottom,
  .sidebar-main{
    display:none !important;
  }
  #main, main, .main, .content{
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    max-width:none !important;
  }
  body{
    background:#fff !important;
    overflow:visible !important;
  }
  .wrap.count-session-detail{
    margin:0 !important;
    padding:12mm !important;
    width:auto !important;
    max-width:none !important;
  }
  .count-session-detail .card{
    box-shadow:none !important;
    break-inside:avoid;
  }
  .count-session-detail .table{
    overflow:visible !important;
  }
  .count-session-detail table{
    width:100% !important;
    table-layout:fixed !important;
    font-size:9.5pt !important;
  }
  .count-session-detail th,
  .count-session-detail td{
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    padding:5px !important;
  }
}

/* Responsive */
@media(max-width:1100px){
  .product-edit-grid,
  .barcode-standard-form .form{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:700px){
  .product-edit-grid,
  .barcode-standard-form .form{grid-template-columns:1fr !important;}
}


/* =========================================================
   V2.0 FINAL REPORT PRINT + BARCODE TEST
========================================================= */
.barcode-test-actions{margin-top:8px}.barcode-test-actions button{padding:8px 12px;font-size:13px}
.barcode-parse-preview{margin:12px 0;padding:10px 12px;border:1px solid #dce8ed;border-radius:10px;background:#f7fbfc;color:#3f6472;font-size:13px}
.barcode-parse-preview.success{border-color:#bce5cf;background:#eefaf3;color:#176b43}.barcode-parse-preview.warning{border-color:#f0d2aa;background:#fff8ed;color:#8b5a12}
.print-report-head{display:none}

@media print{
  @page{size:A4 landscape;margin:8mm 8mm 9mm 8mm}
  html,body{width:100%!important;height:auto!important;overflow:visible!important;background:#fff!important}
  #nav,.notification-bell,#notificationBell,.notification-panel,.toast-host,.title-actions,.no-print{display:none!important}
  #main,main,.main,.content{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}
  body.print-count-report .wrap.count-session-detail,
  body.print-movement-report .wrap.movement-report-page{padding:0!important;margin:0!important;width:100%!important;max-width:none!important}
  body.print-count-report .print-report-head,
  body.print-movement-report .print-report-head{display:flex!important;justify-content:space-between;align-items:center;border-bottom:1.5px solid #14798a;padding:0 0 3mm;margin:0 0 3mm;font-size:10pt;color:#17465a}

  /* COUNT REPORT: compact top summary + dense table */
  body.print-count-report .count-session-detail .page-title-row{margin:0 0 2mm!important}
  body.print-count-report .count-session-detail .page-title-row h2{font-size:14pt!important;margin:0!important}
  body.print-count-report .count-session-summary{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:2mm!important;margin:0 0 3mm!important;padding:0!important;border:0!important}
  body.print-count-report .count-session-summary>div{padding:2mm 2.5mm!important;border-radius:4px!important;min-height:0!important;background:#f7fafb!important}
  body.print-count-report .count-session-summary b{font-size:7.5pt!important;margin:0!important}
  body.print-count-report .count-session-summary span{font-size:8.5pt!important;margin-top:1mm!important}
  body.print-count-report .count-items-table{border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;overflow:visible!important;break-inside:auto!important}
  body.print-count-report .count-items-table table{font-size:7.6pt!important;width:100%!important;table-layout:fixed!important;border-collapse:collapse!important}
  body.print-count-report .count-items-table thead{display:table-header-group!important}
  body.print-count-report .count-items-table tr{break-inside:avoid!important;page-break-inside:avoid!important}
  body.print-count-report .count-items-table th,body.print-count-report .count-items-table td{padding:1.4mm 1.2mm!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:anywhere!important;border-bottom:1px solid #dfe8ec!important}
  body.print-count-report .count-items-table th{font-size:7pt!important;background:#edf5f7!important}
  body.print-count-report .revision-card{margin-top:3mm!important;padding:2.5mm!important;break-inside:auto!important;box-shadow:none!important}
  body.print-count-report .revision-card h3{font-size:10pt!important;margin:0 0 1.5mm!important}.revision-row{font-size:7.5pt!important;padding:1.2mm 0!important}

  /* MOVEMENT REPORT: remove dashboard/filter chrome, dense landscape table */
  body.print-movement-report .movement-report-page>h2{font-size:14pt!important;margin:0 0 2mm!important}
  body.print-movement-report .movement-report-page>.grid,
  body.print-movement-report .movement-report-page>.report-filter-grid,
  body.print-movement-report .movement-report-page>.card:not(.report-table-card),
  body.print-movement-report .report-scope-note{display:none!important}
  body.print-movement-report .report-table-card{border:0!important;margin:0!important;padding:0!important;box-shadow:none!important;overflow:visible!important}
  body.print-movement-report .movement-report-table{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;font-size:6.4pt!important}
  body.print-movement-report .movement-report-table thead{display:table-header-group!important}
  body.print-movement-report .movement-report-table tr{break-inside:avoid!important;page-break-inside:avoid!important}
  body.print-movement-report .movement-report-table th,body.print-movement-report .movement-report-table td{padding:1mm .8mm!important;line-height:1.12!important;white-space:normal!important;overflow-wrap:anywhere!important;border-bottom:1px solid #e2e8eb!important}
  body.print-movement-report .movement-report-table th{font-size:6.2pt!important;background:#eaf3f6!important}
  body.print-movement-report .movement-report-table th:nth-child(1),body.print-movement-report .movement-report-table td:nth-child(1){width:8%}
  body.print-movement-report .movement-report-table th:nth-child(2),body.print-movement-report .movement-report-table td:nth-child(2){width:7%}
  body.print-movement-report .movement-report-table th:nth-child(3),body.print-movement-report .movement-report-table td:nth-child(3){width:8%}
  body.print-movement-report .movement-report-table th:nth-child(4),body.print-movement-report .movement-report-table td:nth-child(4){width:7%}
  body.print-movement-report .movement-report-table th:nth-child(5),body.print-movement-report .movement-report-table td:nth-child(5){width:5%}
  body.print-movement-report .movement-report-table th:nth-child(6),body.print-movement-report .movement-report-table td:nth-child(6){width:5%}
  body.print-movement-report .movement-report-table th:nth-child(7),body.print-movement-report .movement-report-table td:nth-child(7){width:6%}
  body.print-movement-report .movement-report-table th:nth-child(8),body.print-movement-report .movement-report-table td:nth-child(8){width:9%}
  body.print-movement-report .movement-report-table th:nth-child(9),body.print-movement-report .movement-report-table td:nth-child(9){width:9%}
  body.print-movement-report .movement-report-table th:nth-child(10),body.print-movement-report .movement-report-table td:nth-child(10){width:4%}
  body.print-movement-report .movement-report-table th:nth-child(11),body.print-movement-report .movement-report-table td:nth-child(11){width:5%}
  body.print-movement-report .movement-report-table th:nth-child(12),body.print-movement-report .movement-report-table td:nth-child(12){width:8%}
  body.print-movement-report .movement-report-table th:nth-child(13),body.print-movement-report .movement-report-table td:nth-child(13){width:19%}
}

/* V2.2 MIN-MAX */
.minmax-table table{font-size:13px}.minmax-table th,.minmax-table td{white-space:nowrap}
@media print{@page{size:A4 landscape;margin:9mm}body.print-minmax-report .no-print,body.print-minmax-report nav,body.print-minmax-report #nav{display:none!important}body.print-minmax-report .wrap{max-width:none!important;margin:0!important;padding:0!important}body.print-minmax-report .grid{display:none!important}body.print-minmax-report table{font-size:8pt!important;width:100%!important}body.print-minmax-report thead{display:table-header-group}body.print-minmax-report tr{break-inside:avoid;page-break-inside:avoid}body.print-minmax-report th,body.print-minmax-report td{padding:3px!important;white-space:normal!important}}

/* V2.2.1 Min-Max düzenleme modalı */
.app-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}
.app-modal{width:min(520px,96vw);background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.22);overflow:hidden;border:1px solid #dbe7ef}
.app-modal-header,.app-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}
.app-modal-header{border-bottom:1px solid #e7eef4}.app-modal-footer{border-top:1px solid #e7eef4;justify-content:flex-end}
.app-modal-header h3{margin:0;font-size:18px}.app-modal-body{padding:18px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid-2 label{display:flex;flex-direction:column;gap:7px;font-weight:600}.form-grid-2 input{width:100%;box-sizing:border-box}
.help-text{margin-top:12px;font-size:13px;color:#617386;line-height:1.45}.icon-btn{border:0;background:transparent;font-size:26px;line-height:1;box-shadow:none;padding:2px 8px}
@media(max-width:640px){.form-grid-2{grid-template-columns:1fr}}

/* V2.2.2 Min-Max modal action buttons */
.mm-modal-btn{
  min-width:96px!important;
  border-radius:10px!important;
  padding:10px 18px!important;
  font-weight:700!important;
  cursor:pointer!important;
  border:1px solid transparent!important;
  box-shadow:0 4px 12px rgba(15,23,42,.08)!important;
}
.mm-modal-cancel{
  background:#eef4f7!important;
  color:#24465a!important;
  border-color:#d5e2e9!important;
}
.mm-modal-save{
  background:#087887!important;
  color:#fff!important;
  border-color:#087887!important;
}
.mm-modal-btn:hover{filter:brightness(.97)}

/* V2.2.3 - Rapor dışa aktarma düğmeleri */
.report-export-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:40px!important;padding:9px 15px!important;border-radius:10px!important;
  font-weight:700!important;font-size:14px!important;cursor:pointer!important;
  box-shadow:0 4px 12px rgba(15,23,42,.08)!important;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important;
}
.report-export-btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(15,23,42,.12)!important;filter:brightness(.98)}
.report-export-btn:active{transform:translateY(0)}
.report-excel-btn{background:#edf8f1!important;color:#17633a!important;border:1px solid #b9dec8!important}
.report-pdf-btn{background:#fff1f0!important;color:#a52d27!important;border:1px solid #efc0bc!important}
.report-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.65);font-size:16px;line-height:1}
@media(max-width:640px){.report-export-btn{width:100%!important}.page-title-row .title-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:8px}}

/* V2.2.4 - Min-Max rapor görsel yenileme */
.minmax-report-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:18px 20px;border-bottom:2px solid #2c5368;margin-bottom:18px;background:#fff;border-radius:14px 14px 0 0}.minmax-report-brand{display:flex;align-items:center;gap:18px}.minmax-brand-mark{font-size:30px;font-weight:900;letter-spacing:-1px;color:#0f4b68}.minmax-report-title{font-size:28px;font-weight:900;color:#123047;line-height:1.05}.minmax-report-subtitle{font-size:16px;font-weight:700;color:#31556c;margin-top:5px}.minmax-report-caption{font-size:14px;color:#617386;margin-top:3px}.minmax-report-meta{min-width:280px;display:grid;gap:6px}.minmax-report-meta>div{display:grid;grid-template-columns:110px 1fr;gap:8px;font-size:13px}.minmax-report-meta b{color:#21394a}.minmax-report-meta span{color:#4d6272}
.minmax-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 18px}.minmax-summary-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #d9e5ec;border-radius:14px;background:#fff}.minmax-summary-card>div:last-child{display:flex;flex-direction:column}.minmax-summary-card span{font-weight:800;font-size:14px}.minmax-summary-card strong{font-size:34px;line-height:1.05}.minmax-summary-card small{font-size:12px;color:#667c8a}.minmax-summary-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:20px;background:#fff}.min-card{background:#fff5f4;border-color:#f4d0cc}.min-card strong,.min-card span{color:#b52b24}.max-card{background:#fff8ec;border-color:#f0d8a9}.max-card strong,.max-card span{color:#bd7411}.normal-card{background:#f0fbf4;border-color:#cce9d6}.normal-card strong,.normal-card span{color:#197142}.total-card{background:#f2f7ff;border-color:#cfdbef}.total-card strong,.total-card span{color:#315a9a}
.minmax-report-table{overflow:hidden;border:1px solid #d9e5ec;border-radius:14px}.minmax-report-table table{width:100%;border-collapse:collapse}.minmax-report-table thead th{background:#244d63;color:#fff;font-size:12px;padding:9px 8px}.minmax-report-table tbody td{padding:8px;border-bottom:1px solid #e6edf2;font-size:12px}.minmax-report-table .warehouse-row{background:#f7fbff}.minmax-report-table .location-row{background:#f8fcf9}.mm-status-badge{display:inline-block;min-width:98px;text-align:center;padding:4px 8px;border-radius:7px;font-weight:800;font-size:11px}.mm-status-MINIMUM_ALTI{background:#ffe2df;color:#b72821;border:1px solid #f4b9b3}.mm-status-MAKSIMUM_USTU{background:#fff0d7;color:#b56a00;border:1px solid #f1cf97}.mm-status-NORMAL{background:#def4e5;color:#16713f;border:1px solid #b9dfc6}.screen-only{display:flex}.print-only{display:none!important}
@media(max-width:900px){.minmax-summary-grid{grid-template-columns:repeat(2,1fr)}.minmax-report-header{flex-direction:column}.minmax-report-meta{min-width:0;width:100%}}
@media print{@page{size:A4 landscape;margin:8mm 8mm 12mm}body.print-minmax-report .screen-only,body.print-minmax-report .no-print,body.print-minmax-report nav,body.print-minmax-report .sidebar,body.print-minmax-report #notificationBell{display:none!important}body.print-minmax-report .print-only{display:flex!important}body.print-minmax-report .wrap{max-width:none!important;margin:0!important;padding:0!important}body.print-minmax-report .minmax-report-header{display:flex!important;padding:0 0 6mm!important;margin:0 0 4mm!important;border-radius:0!important;background:#fff!important;border-bottom:1.5pt solid #2c5368!important}.minmax-report-title{font-size:22pt!important}.minmax-report-subtitle{font-size:10pt!important}.minmax-report-caption{font-size:9pt!important}.minmax-brand-mark{font-size:24pt!important}.minmax-report-meta>div{font-size:8.5pt!important;grid-template-columns:28mm 1fr!important}body.print-minmax-report .minmax-summary-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4mm!important;margin-bottom:5mm!important}.minmax-summary-card{padding:3mm 4mm!important;border-radius:3mm!important;break-inside:avoid}.minmax-summary-card strong{font-size:22pt!important}.minmax-summary-card span{font-size:9pt!important}.minmax-summary-card small{font-size:7.5pt!important}.minmax-summary-icon{width:9mm!important;height:9mm!important;font-size:11pt!important}body.print-minmax-report .minmax-report-table{border-radius:3mm!important;overflow:visible!important}.minmax-report-table table{font-size:7.3pt!important;width:100%!important;border-collapse:collapse!important}.minmax-report-table thead{display:table-header-group!important}.minmax-report-table th{background:#244d63!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:2.2mm 1.5mm!important;font-size:7pt!important}.minmax-report-table td{padding:1.7mm 1.5mm!important;font-size:7.2pt!important;white-space:nowrap!important}.minmax-report-table tr{break-inside:avoid;page-break-inside:avoid}.warehouse-row{background:#f7fbff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.location-row{background:#f8fcf9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.mm-status-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:6.8pt!important;padding:1mm 1.5mm!important;min-width:19mm!important}body.print-minmax-report .minmax-report-footer-block{display:flex!important;justify-content:space-between;gap:10mm;margin-top:5mm;break-inside:avoid}.minmax-report-notes{font-size:7.3pt;line-height:1.35;max-width:70%}.minmax-report-notes ul{margin:2mm 0 0 4mm;padding:0}.minmax-approval{width:50mm;text-align:center;font-size:8pt;display:flex;flex-direction:column;gap:3mm}.approval-line{border-bottom:1px dashed #617386;height:10mm}body.print-minmax-report .minmax-report-bottom{display:flex!important;justify-content:space-between;align-items:center;border-top:1pt solid #2c5368;margin-top:4mm;padding-top:2mm;font-size:7pt;color:#345}.minmax-report-bottom span:nth-child(2){font-style:italic;font-weight:700;color:#2d5c94}}

/* V2.2.5 - Excel / PDF düğmeleri sağ üst */
.minmax-report-right{
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  gap:20px;
  margin-left:auto;
}
.minmax-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:nowrap;
}
.minmax-header-actions .report-export-btn{
  white-space:nowrap;
  min-width:138px!important;
}
@media(max-width:1100px){
  .minmax-report-right{flex-direction:column;align-items:flex-end;gap:10px}
}
@media(max-width:900px){
  .minmax-report-right{width:100%;align-items:stretch;margin-left:0}
  .minmax-header-actions{justify-content:flex-start}
}
@media(max-width:640px){
  .minmax-header-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%}
  .minmax-header-actions .report-export-btn{min-width:0!important;width:100%!important}
}
@media print{
  body.print-minmax-report .minmax-header-actions{display:none!important}
  body.print-minmax-report .minmax-report-right{display:block!important;margin-left:auto!important}
}

/* V2.2.6 - MIN-MAX PDF FINAL: compact header, no dashboards, +1pt table text */
@media print{
  @page{size:A4 landscape;margin:6mm 7mm 9mm}

  body.print-minmax-report .minmax-summary-grid{
    display:none!important;
  }

  body.print-minmax-report .minmax-report-header{
    display:flex!important;
    align-items:flex-start!important;
    padding:0 0 2.5mm!important;
    margin:0 0 3mm!important;
    min-height:0!important;
    border-bottom:1.25pt solid #244d63!important;
  }
  body.print-minmax-report .minmax-report-brand{
    gap:5mm!important;
    align-items:flex-start!important;
  }
  body.print-minmax-report .minmax-brand-mark{
    font-size:17pt!important;
    line-height:1!important;
  }
  body.print-minmax-report .minmax-report-title{
    font-size:16pt!important;
    line-height:1!important;
    margin:0!important;
  }
  body.print-minmax-report .minmax-report-subtitle{
    display:inline!important;
    font-size:8.5pt!important;
    margin:0!important;
  }
  body.print-minmax-report .minmax-report-caption{
    display:inline!important;
    font-size:8.5pt!important;
    margin:0 0 0 2mm!important;
  }
  body.print-minmax-report .minmax-report-caption:before{
    content:" | ";
  }
  body.print-minmax-report .minmax-report-right{
    display:block!important;
    margin-left:auto!important;
  }
  body.print-minmax-report .minmax-report-meta{
    min-width:54mm!important;
    gap:.3mm!important;
  }
  body.print-minmax-report .minmax-report-meta>div{
    grid-template-columns:25mm 1fr!important;
    gap:1.5mm!important;
    font-size:7.8pt!important;
    line-height:1.12!important;
  }

  body.print-minmax-report .minmax-report-table{
    margin-top:0!important;
  }
  body.print-minmax-report .minmax-report-table table{
    font-size:8.3pt!important;
  }
  body.print-minmax-report .minmax-report-table th{
    font-size:8pt!important;
    padding:1.7mm 1.25mm!important;
  }
  body.print-minmax-report .minmax-report-table td{
    font-size:8.2pt!important;
    padding:1.35mm 1.25mm!important;
    line-height:1.12!important;
  }
  body.print-minmax-report .mm-status-badge{
    font-size:7.8pt!important;
    padding:.7mm 1.2mm!important;
  }

  body.print-minmax-report .minmax-report-footer-block{
    margin-top:3mm!important;
  }
  body.print-minmax-report .minmax-report-notes{
    font-size:7.5pt!important;
    line-height:1.22!important;
  }
  body.print-minmax-report .minmax-approval{
    font-size:7.8pt!important;
    gap:1.5mm!important;
  }
  body.print-minmax-report .approval-line{
    height:6mm!important;
  }
  body.print-minmax-report .minmax-report-bottom{
    margin-top:2.5mm!important;
    padding-top:1.5mm!important;
    font-size:7pt!important;
  }
}

/* V2.2.7 - MIN-MAX PDF: gerçek kompakt üst bilgi + daha büyük tablo yazısı */
@media print{
  @page{
    size:A4 landscape;
    margin:5mm 6mm 7mm;
  }

  /* Özet kartlar PDF'de kesinlikle görünmez */
  body.print-minmax-report .minmax-summary-grid{
    display:none!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
  }

  /* Üst bilgi tek, çok kompakt bir şerit */
  body.print-minmax-report .minmax-report-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
    gap:6mm!important;
    padding:0 0 1.8mm!important;
    margin:0 0 2mm!important;
    min-height:0!important;
    border-bottom:1.2pt solid #244d63!important;
    border-radius:0!important;
    background:#fff!important;
  }
  body.print-minmax-report .minmax-report-brand{
    display:flex!important;
    align-items:flex-start!important;
    gap:3.5mm!important;
    min-width:0!important;
  }
  body.print-minmax-report .minmax-brand-mark{
    font-size:14pt!important;
    line-height:1!important;
    margin:0!important;
    padding:0!important;
  }
  body.print-minmax-report .minmax-report-title{
    font-size:14pt!important;
    line-height:1!important;
    margin:0!important;
    padding:0!important;
  }
  body.print-minmax-report .minmax-report-subtitle{
    display:inline!important;
    font-size:7pt!important;
    line-height:1.05!important;
    margin:0!important;
  }
  body.print-minmax-report .minmax-report-caption{
    display:inline!important;
    font-size:7pt!important;
    line-height:1.05!important;
    margin:0 0 0 1mm!important;
  }
  body.print-minmax-report .minmax-report-caption:before{
    content:" | ";
  }

  body.print-minmax-report .minmax-report-right{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }
  body.print-minmax-report .minmax-report-meta{
    display:grid!important;
    gap:0!important;
    min-width:48mm!important;
    margin:0!important;
    padding:0!important;
  }
  body.print-minmax-report .minmax-report-meta>div{
    display:grid!important;
    grid-template-columns:22mm 1fr!important;
    gap:1mm!important;
    font-size:7pt!important;
    line-height:1.05!important;
    margin:0!important;
    padding:0!important;
  }

  /* Tabloyu yukarı al ve yazıları gerçekten büyüt */
  body.print-minmax-report .minmax-report-table{
    margin:0!important;
    padding:0!important;
    border-radius:2mm!important;
  }
  body.print-minmax-report .minmax-report-table table{
    width:100%!important;
    border-collapse:collapse!important;
    font-size:9.2pt!important;
  }
  body.print-minmax-report .minmax-report-table thead{
    display:table-header-group!important;
  }
  body.print-minmax-report .minmax-report-table th{
    font-size:8.8pt!important;
    line-height:1.05!important;
    padding:1.35mm 1.15mm!important;
  }
  body.print-minmax-report .minmax-report-table td{
    font-size:9.1pt!important;
    line-height:1.08!important;
    padding:1.15mm 1.15mm!important;
    white-space:nowrap!important;
  }
  body.print-minmax-report .mm-status-badge{
    font-size:8.3pt!important;
    line-height:1!important;
    padding:.55mm 1mm!important;
    min-width:20mm!important;
  }

  /* Alt açıklamalar da kompakt */
  body.print-minmax-report .minmax-report-footer-block{
    margin-top:2mm!important;
    gap:6mm!important;
  }
  body.print-minmax-report .minmax-report-notes{
    font-size:7.2pt!important;
    line-height:1.15!important;
  }
  body.print-minmax-report .minmax-report-notes ul{
    margin:1mm 0 0 3.5mm!important;
  }
  body.print-minmax-report .minmax-approval{
    width:44mm!important;
    font-size:7.2pt!important;
    gap:1mm!important;
  }
  body.print-minmax-report .approval-line{
    height:5mm!important;
  }
  body.print-minmax-report .minmax-report-bottom{
    margin-top:1.8mm!important;
    padding-top:1mm!important;
    font-size:6.8pt!important;
  }
}

/* V2.2.8 - PRINT REBUILD: ekran headerından bağımsız gerçek PDF tasarımı */
.minmax-print-header{display:none}

@media print{
  @page{size:A4 landscape;margin:5mm 6mm 7mm}

  /* Ekran için olan üst alanı PDF'de hiç kullanma */
  body.print-minmax-report .minmax-report-header{
    display:none!important;
  }
  body.print-minmax-report .minmax-summary-grid{
    display:none!important;
  }

  /* PDF için ayrı ve sabit kompakt başlık */
  body.print-minmax-report .minmax-print-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 51mm!important;
    align-items:start!important;
    gap:5mm!important;
    border-bottom:1.2pt solid #244d63!important;
    margin:0 0 2.2mm!important;
    padding:0 0 1.5mm!important;
    break-inside:avoid!important;
  }
  body.print-minmax-report .minmax-print-brand{
    display:grid!important;
    grid-template-columns:auto auto 1fr!important;
    align-items:baseline!important;
    column-gap:3mm!important;
    min-width:0!important;
  }
  body.print-minmax-report .minmax-print-brand>b{
    font-size:14pt!important;
    line-height:1!important;
    color:#123f58!important;
  }
  body.print-minmax-report .minmax-print-brand>span{
    font-size:14pt!important;
    line-height:1!important;
    font-weight:900!important;
    color:#183247!important;
  }
  body.print-minmax-report .minmax-print-brand>small{
    font-size:7.4pt!important;
    line-height:1!important;
    color:#496273!important;
    white-space:nowrap!important;
  }
  body.print-minmax-report .minmax-print-meta{
    display:grid!important;
    gap:.35mm!important;
    font-size:7.5pt!important;
    line-height:1.05!important;
  }
  body.print-minmax-report .minmax-print-meta>div{
    display:grid!important;
    grid-template-columns:22mm 1fr!important;
    gap:1mm!important;
  }

  /* Tablo: browserın küçültmesini azaltmak için sabit layout ve kontrollü kolonlar */
  body.print-minmax-report .minmax-report-table{
    margin:0!important;
    padding:0!important;
    border-radius:1.5mm!important;
    overflow:visible!important;
  }
  body.print-minmax-report .minmax-report-table table{
    width:100%!important;
    max-width:100%!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
  }
  body.print-minmax-report .minmax-report-table thead{
    display:table-header-group!important;
  }
  body.print-minmax-report .minmax-report-table th{
    font-size:9.2pt!important;
    line-height:1.02!important;
    padding:1.2mm .85mm!important;
    white-space:normal!important;
  }
  body.print-minmax-report .minmax-report-table td{
    font-size:9.4pt!important;
    line-height:1.04!important;
    padding:1.05mm .85mm!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Kolon genişlikleri - 13 yazdırılan kolon */
  body.print-minmax-report .minmax-report-table th:nth-child(1),
  body.print-minmax-report .minmax-report-table td:nth-child(1){width:3.5%}
  body.print-minmax-report .minmax-report-table th:nth-child(2),
  body.print-minmax-report .minmax-report-table td:nth-child(2){width:7%}
  body.print-minmax-report .minmax-report-table th:nth-child(3),
  body.print-minmax-report .minmax-report-table td:nth-child(3){width:6.5%}
  body.print-minmax-report .minmax-report-table th:nth-child(4),
  body.print-minmax-report .minmax-report-table td:nth-child(4){width:11%}
  body.print-minmax-report .minmax-report-table th:nth-child(5),
  body.print-minmax-report .minmax-report-table td:nth-child(5){width:10.5%}
  body.print-minmax-report .minmax-report-table th:nth-child(6),
  body.print-minmax-report .minmax-report-table td:nth-child(6){width:10%}
  body.print-minmax-report .minmax-report-table th:nth-child(7),
  body.print-minmax-report .minmax-report-table td:nth-child(7){width:10%}
  body.print-minmax-report .minmax-report-table th:nth-child(8),
  body.print-minmax-report .minmax-report-table td:nth-child(8){width:6%}
  body.print-minmax-report .minmax-report-table th:nth-child(9),
  body.print-minmax-report .minmax-report-table td:nth-child(9){width:4.5%}
  body.print-minmax-report .minmax-report-table th:nth-child(10),
  body.print-minmax-report .minmax-report-table td:nth-child(10){width:5%}
  body.print-minmax-report .minmax-report-table th:nth-child(11),
  body.print-minmax-report .minmax-report-table td:nth-child(11){width:7.5%}
  body.print-minmax-report .minmax-report-table th:nth-child(12),
  body.print-minmax-report .minmax-report-table td:nth-child(12){width:8%}
  body.print-minmax-report .minmax-report-table th:nth-child(13),
  body.print-minmax-report .minmax-report-table td:nth-child(13){width:10.5%}

  body.print-minmax-report .mm-status-badge{
    min-width:0!important;
    width:auto!important;
    font-size:8.5pt!important;
    line-height:1!important;
    padding:.55mm .8mm!important;
  }

  body.print-minmax-report .minmax-report-footer-block{
    margin-top:2mm!important;
  }
  body.print-minmax-report .minmax-report-notes{
    font-size:7.2pt!important;
    line-height:1.14!important;
  }
  body.print-minmax-report .minmax-approval{
    font-size:7.3pt!important;
    gap:1mm!important;
  }
  body.print-minmax-report .approval-line{height:4.5mm!important}
  body.print-minmax-report .minmax-report-bottom{
    margin-top:1.5mm!important;
    padding-top:1mm!important;
    font-size:6.8pt!important;
  }
}


/* =========================================================
   VTERA FLOW - ONAYLI ANA MENÜ ADAYI 2026-09-09
   Bu blok önceki sidebar/dashboard stillerini bilinçli olarak ezer.
========================================================= */
:root{
  --sidebar-width:270px !important;
  --vtera-navy:#06365f;
  --vtera-navy-2:#082f52;
  --vtera-blue:#08a7e8;
  --vtera-cyan:#12c5df;
  --vtera-orange:#ff6a00;
  --page-bg:#f5f9fc;
}
body{background:var(--page-bg)!important;color:#0d2f50!important;}
#nav{
  position:fixed!important;inset:0 auto 0 0!important;width:var(--sidebar-width)!important;height:100vh!important;
  padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;
  background:linear-gradient(180deg,var(--vtera-navy) 0%,var(--vtera-navy-2) 100%)!important;
  border:0!important;box-shadow:none!important;z-index:1000!important;
}
.sidebar-brand{display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;line-height:0!important;flex:0 0 auto!important;}
.sidebar-brand img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;object-fit:contain!important;filter:none!important;transform:none!important;}
.sidebar-main{padding:8px 10px 0!important;overflow-y:auto!important;scrollbar-width:none!important;flex:1 1 auto!important;}
.sidebar-main::-webkit-scrollbar{display:none!important;}
#nav button.sidebar-nav-item,#nav .sidebar-nav-item{min-height:40px!important;margin:1px 0!important;padding:8px 11px!important;border-radius:7px!important;color:#f4f9fd!important;background:transparent!important;font-size:14px!important;font-weight:600!important;gap:10px!important;box-shadow:none!important;}
#nav button.sidebar-nav-item:hover{background:rgba(18,197,223,.12)!important;color:#fff!important;}
#nav button.sidebar-nav-item.active{background:linear-gradient(90deg,#079fe7,#11b9e6)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--vtera-orange)!important;}
.sidebar-item-icon{width:20px!important;height:20px!important;min-width:20px!important;color:#d9edf9!important;}
.sidebar-section-label{margin:10px 9px 4px!important;color:#a8c5d9!important;font-size:11px!important;font-weight:800!important;letter-spacing:.7px!important;}
.sidebar-divider{height:1px!important;margin:10px 4px 4px!important;background:rgba(255,255,255,.18)!important;}
#nav button.sidebar-section-toggle{min-height:32px!important;margin:2px 0!important;padding:6px 8px!important;background:transparent!important;color:#b8cede!important;font-size:11px!important;}
.sidebar-manage.open{display:block!important}.sidebar-manage:not(.open){display:none!important}
.sidebar-bottom{margin-top:auto!important;padding:8px 10px 10px!important;border:0!important;background:transparent!important;flex:0 0 auto!important;}
#nav button.sidebar-user-name{display:block!important;width:100%!important;padding:7px 10px!important;margin:0!important;border:0!important;background:transparent!important;color:#fff!important;text-align:left!important;font-size:13.5px!important;font-weight:700!important;box-shadow:none!important;border-radius:6px!important;}
#nav button.sidebar-user-name:hover{background:rgba(255,255,255,.07)!important;}
#nav button.sidebar-logout{min-height:36px!important;margin:0!important;padding:7px 10px!important;background:transparent!important;color:#fff!important;}
.sidebar-avatar,.sidebar-user-arrow,.sidebar-user{display:none!important;}

.app-topbar{position:fixed!important;left:var(--sidebar-width)!important;right:0!important;top:0!important;height:58px!important;background:#fff!important;border-bottom:1px solid #e1eaf1!important;display:flex!important;align-items:center!important;gap:28px!important;padding:0 28px!important;z-index:950!important;box-sizing:border-box!important;color:#0c3158!important;}
.topbar-left{display:flex;align-items:center;gap:18px;white-space:nowrap}.topbar-menu{font-size:24px;color:#0c4f7e}.topbar-left strong{font-size:16px}.topbar-search{margin-left:auto;margin-right:auto;width:min(520px,36vw);height:36px;border-radius:8px;background:#eef5fa;color:#7f9aaf;display:flex;align-items:center;gap:8px;padding:0 14px;font-size:13px}.topbar-user{min-width:145px;padding-right:12px}.topbar-user strong,.topbar-user small{display:block}.topbar-user strong{font-size:13px}.topbar-user small{font-size:11px;color:#6e879c;margin-top:2px}
.notification-bell{position:fixed!important;right:220px!important;top:9px!important;z-index:1100!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.notification-bell>button{background:transparent!important;box-shadow:none!important;font-size:20px!important;}

#main,main{margin-left:var(--sidebar-width)!important;width:calc(100% - var(--sidebar-width))!important;min-height:100vh!important;padding:78px 24px 30px!important;background:var(--page-bg)!important;box-sizing:border-box!important;overflow-x:hidden!important;}
.wrap{width:100%!important;max-width:1540px!important;margin:0 auto!important;padding:0!important;}
.vtera-dashboard{font-size:14px}.dashboard-hero{display:flex;justify-content:space-between;align-items:flex-start;margin:0 2px 18px;padding:0 0 2px}.dashboard-hero h1{font-size:34px!important;line-height:1!important;margin:0 0 8px!important;color:#0c3158!important}.dashboard-hero p{margin:0!important;color:#6d879c!important;font-size:15px!important}.dashboard-date{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.dashboard-date strong{font-size:15px;color:#0c3158}.dashboard-date span{font-size:14px;color:#244f73;margin-top:2px}.dashboard-date em{font-size:13px;color:#6d879c;margin-top:8px;padding-bottom:5px;border-bottom:3px solid var(--vtera-blue);min-width:190px}
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:15px}.dash-kpi{min-height:112px;border:1px solid #dce7ef;border-radius:12px;background:#fff;padding:16px 18px;display:flex;align-items:center;gap:16px;box-shadow:0 5px 16px rgba(24,60,91,.05);box-sizing:border-box}.dash-kpi.blue{background:linear-gradient(135deg,#f6fbff,#edf7ff)}.dash-kpi.green{background:linear-gradient(135deg,#fbfffc,#effbf3)}.dash-kpi.orange{background:linear-gradient(135deg,#fffdfa,#fff3eb)}.dash-kpi.red{background:linear-gradient(135deg,#fffafa,#ffefef)}.dash-kpi-icon{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:35px;background:#e8f4ff;color:#0876c9;flex:0 0 62px}.dash-kpi.green .dash-kpi-icon{background:#daf5e5;color:#0a9a58}.dash-kpi.orange .dash-kpi-icon{background:#ffeadb;color:#ff6a00}.dash-kpi.red .dash-kpi-icon{background:#ffe0e3;color:#e01929}.dash-kpi-icon .ui-icon{width:32px;height:32px}.dash-kpi span{display:block;font-size:14px;font-weight:700;color:#164b83}.dash-kpi.green span{color:#07854e}.dash-kpi.orange span{color:#d5361f}.dash-kpi.red span{color:#d31521}.dash-kpi strong{display:block;font-size:34px;line-height:1;margin:4px 0 6px;color:#0c3158}.dash-kpi.green strong{color:#0b7448}.dash-kpi.orange strong{color:#d32412}.dash-kpi.red strong{color:#d31521}.dash-kpi small{color:#6e879c;font-size:12px}
.dashboard-panels{display:grid;grid-template-columns:1fr 1.12fr;gap:14px}.dash-panel{background:#fff;border:1px solid #dce7ef;border-radius:12px;overflow:hidden;box-shadow:0 5px 16px rgba(24,60,91,.05);min-height:260px}.dash-panel header{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e4edf3}.dash-panel h3{margin:0!important;font-size:16px!important;color:#0c3158!important;display:flex;align-items:center;gap:8px}.dash-panel h3 .ui-icon{width:22px;height:22px;color:#08a7e8}.dash-panel header button{background:transparent!important;color:#08a7e8!important;box-shadow:none!important;padding:4px!important;font-size:12px!important;font-weight:700!important}.stock-panel-body{height:210px;display:flex;align-items:center;justify-content:center;gap:38px;padding:0 24px}.stock-donut{width:190px;height:190px;border-radius:50%;background:conic-gradient(#0868a1 0 var(--p1),#11b7e8 var(--p1) var(--p2),#ff7900 var(--p2) 100%);display:grid;place-items:center;flex:0 0 190px}.stock-donut:before{content:"";grid-area:1/1;width:112px;height:112px;border-radius:50%;background:#fff}.stock-donut>div{grid-area:1/1;z-index:2;text-align:center;color:#244f73}.stock-donut span,.stock-donut small{display:block}.stock-donut strong{display:block;font-size:26px;color:#0c3158;margin:2px 0}.stock-legend{min-width:215px}.stock-legend>div{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:9px;margin:15px 0;color:#0c3158}.stock-legend i{width:16px;height:16px;border-radius:4px}.lg-main{background:#0868a1}.lg-loc{background:#11b7e8}.lg-control{background:#ff7900}.stock-legend strong{font-size:14px}.orange-mark{color:#ff7900}.dash-table{overflow:auto}.dash-table table{width:100%;border-collapse:collapse;font-size:12px!important}.dash-table th{background:#f2f7fa!important;color:#173a58!important;font-size:10.5px!important;font-weight:800!important;padding:8px 10px!important;white-space:nowrap}.dash-table td{padding:8px 10px!important;border-top:1px solid #e7eef3!important;color:#183f60!important;white-space:nowrap}.dash-status{display:inline-block;min-width:72px;text-align:center;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.dash-status.bad{background:#ffe2e3;color:#e22327}.dash-status.warn{background:#fff0c9;color:#d77c00}.dash-status.ok{background:#dff7ec;color:#07864e}
@media(max-width:1200px){.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-panels{grid-template-columns:1fr}.topbar-search{display:none}.notification-bell{right:190px!important}}
@media(max-width:760px){#nav{position:relative!important;width:100%!important;height:auto!important}.sidebar-brand img{width:260px!important;margin:0 auto!important}#main,main{margin-left:0!important;width:100%!important;padding:18px 10px!important}.app-topbar{display:none!important}.notification-bell{right:14px!important;top:10px!important}.dashboard-hero{flex-direction:column;gap:12px}.dashboard-date{align-items:flex-start;text-align:left}.dashboard-kpis{grid-template-columns:1fr}.stock-panel-body{flex-direction:column;height:auto;padding:18px}.stock-donut{width:160px;height:160px;flex-basis:160px}.stock-legend{width:100%}}

/* =========================================================
   VTERA FLOW - ANA MENÜ SON ÖLÇÜ/KONUMLANDIRMA
   Onaylı görünüm: küçük hoş geldiniz, ortada arama,
   sağda zil+tarih; daha okunaklı dashboard ve dar sidebar.
========================================================= */
:root{--sidebar-width:248px !important;}
.app-topbar{display:none!important;}
#main,main{padding:24px 26px 34px!important;}
.sidebar-main{padding:7px 8px 0!important;}
#nav button.sidebar-nav-item,#nav .sidebar-nav-item{font-size:15px!important;min-height:41px!important;padding:8px 10px!important;}
.sidebar-section-label{font-size:11.5px!important;}
#nav button.sidebar-user-name{font-size:14px!important;}
.sidebar-bottom{padding:8px 9px 10px!important;}

/* Orijinal logo: dosyanın oranı korunur, sidebar genişliğine tam oturur. */
.sidebar-brand{width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important;}
.sidebar-brand img{width:100%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important;object-fit:contain!important;transform:none!important;}

.dashboard-hero{display:grid!important;grid-template-columns:minmax(260px,.9fr) minmax(390px,1.35fr) minmax(230px,.8fr)!important;align-items:start!important;gap:24px!important;margin:0 2px 16px!important;min-height:108px!important;}
.dashboard-welcome h1,.dashboard-hero h1{font-size:29px!important;line-height:1.05!important;margin:4px 0 7px!important;}
.dashboard-welcome p,.dashboard-hero p{font-size:14px!important;}
.dashboard-search{height:44px!important;margin-top:5px!important;border:1px solid #dce8f1!important;border-radius:9px!important;background:#edf5fb!important;display:flex!important;align-items:center!important;padding:0 15px!important;gap:9px!important;color:#557b9b!important;box-sizing:border-box!important;}
.dashboard-search span{font-size:25px!important;line-height:1!important;}
.dashboard-search input{width:100%!important;height:40px!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;padding:0!important;color:#244f73!important;font-size:14px!important;}
.dashboard-search input::placeholder{color:#7894aa!important;opacity:1!important;}
.dashboard-date{padding-right:2px!important;position:relative!important;}
.dashboard-date strong{font-size:15px!important;}
.dashboard-date span{font-size:14px!important;}
.notification-bell{position:fixed!important;right:222px!important;top:19px!important;z-index:1100!important;}
.notification-bell>button{width:42px!important;height:42px!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:20px!important;}

.dashboard-kpis{gap:16px!important;margin-bottom:16px!important;}
.dash-kpi{min-height:126px!important;padding:18px 20px!important;gap:18px!important;}
.dash-kpi-icon{width:66px!important;height:66px!important;flex-basis:66px!important;}
.dash-kpi-icon .ui-icon{width:34px!important;height:34px!important;}
.dash-kpi span{font-size:15.5px!important;}
.dash-kpi strong{font-size:39px!important;margin:5px 0 7px!important;}
.dash-kpi small{font-size:13px!important;}
.dashboard-panels{gap:16px!important;}
.dash-panel{min-height:278px!important;}
.dash-panel header{height:54px!important;padding:0 18px!important;}
.dash-panel h3{font-size:17px!important;}
.dash-panel header button{font-size:13px!important;}
.stock-panel-body{height:222px!important;}
.dash-table table{font-size:13px!important;}
.dash-table th{font-size:11.5px!important;padding:9px 11px!important;}
.dash-table td{font-size:13px!important;padding:9px 11px!important;}

@media(max-width:1200px){
  .dashboard-hero{grid-template-columns:1fr 1.2fr!important;}
  .dashboard-date{grid-column:2;grid-row:2;align-items:flex-end!important;}
  .notification-bell{right:18px!important;top:16px!important;}
}
@media(max-width:760px){
  .dashboard-hero{display:flex!important;flex-direction:column!important;min-height:0!important;}
  .dashboard-search{width:100%!important;order:2!important;}
  .dashboard-date{order:3!important;align-items:flex-start!important;text-align:left!important;}
}

/* =========================================================
   VTERA FLOW V2.7 - ONAYLI ANA SAYFA SON DOKUNUŞLAR
   Arama kaldırıldı, tipografi büyütüldü, masaüstünde tek ekran.
========================================================= */
@media (min-width:1201px){
  body:has(.vtera-dashboard){overflow:hidden!important;}
  body:has(.vtera-dashboard) #main,body:has(.vtera-dashboard) main{
    height:100vh!important;min-height:100vh!important;overflow:hidden!important;
    padding:16px 22px 14px!important;
  }
  .vtera-dashboard{height:calc(100vh - 30px)!important;display:flex!important;flex-direction:column!important;max-width:none!important;}
  .dashboard-hero{display:grid!important;grid-template-columns:1fr auto!important;align-items:start!important;gap:18px!important;min-height:92px!important;margin:0 2px 10px!important;flex:0 0 auto!important;}
  .dashboard-search{display:none!important;}
  .dashboard-welcome h1,.dashboard-hero h1{font-size:31px!important;margin:3px 0 5px!important;}
  .dashboard-welcome p,.dashboard-hero p{font-size:15px!important;}
  .dashboard-date{grid-column:2!important;grid-row:1!important;padding-right:4px!important;}
  .dashboard-date strong{font-size:16px!important;}.dashboard-date span{font-size:15px!important;}.dashboard-date em{font-size:13.5px!important;margin-top:5px!important;}
  .notification-bell{right:226px!important;top:18px!important;}

  .dashboard-kpis{gap:14px!important;margin-bottom:12px!important;flex:0 0 auto!important;}
  .dash-kpi{min-height:122px!important;padding:16px 18px!important;gap:16px!important;}
  .dash-kpi span{font-size:17px!important;}.dash-kpi strong{font-size:42px!important;}.dash-kpi small{font-size:14px!important;}
  .dash-kpi-icon{width:64px!important;height:64px!important;flex-basis:64px!important;}

  .dashboard-panels{display:grid!important;grid-template-columns:1fr 1.12fr!important;grid-template-rows:1.08fr .92fr!important;gap:12px!important;flex:1 1 auto!important;min-height:0!important;}
  .dash-panel{min-height:0!important;height:auto!important;overflow:hidden!important;}
  .dash-panel header{height:47px!important;padding:0 15px!important;}
  .dash-panel h3{font-size:18px!important;}.dash-panel header button{font-size:14px!important;}
  .stock-panel-body{height:calc(100% - 47px)!important;min-height:0!important;padding:6px 20px!important;gap:30px!important;}
  .stock-donut{width:min(185px,23vh)!important;height:min(185px,23vh)!important;flex-basis:min(185px,23vh)!important;}
  .stock-donut:before{width:58%!important;height:58%!important;}.stock-donut strong{font-size:28px!important;}.stock-donut span,.stock-donut small{font-size:14px!important;}
  .stock-legend>div{margin:11px 0!important;font-size:16px!important;}.stock-legend strong{font-size:16px!important;}
  .dash-table{height:calc(100% - 47px)!important;overflow:hidden!important;}
  .dash-table table{font-size:14px!important;}.dash-table th{font-size:12.5px!important;padding:7px 10px!important;}.dash-table td{font-size:14px!important;padding:7px 10px!important;}
  .dash-status{font-size:12px!important;padding:3px 9px!important;}

  #nav button.sidebar-nav-item,#nav .sidebar-nav-item{font-size:16px!important;min-height:40px!important;}
  .sidebar-section-label{font-size:12.5px!important;}.sidebar-user-name,#nav button.sidebar-user-name{font-size:15.5px!important;}
}

/* =========================================================
   VTERA FLOW V2.8 - LOGIN + GLOBAL DATE/TIME FINAL
========================================================= */
#login{
  min-height:100vh!important;padding:18px 20px 14px!important;overflow:hidden!important;
  background:
    linear-gradient(rgba(246,251,255,.76),rgba(238,247,253,.80)),
    radial-gradient(circle at 18% 28%,rgba(27,153,231,.16),transparent 28%),
    radial-gradient(circle at 82% 32%,rgba(0,191,224,.13),transparent 30%),
    linear-gradient(135deg,#f7fbff 0%,#eaf5fc 52%,#f8fbfd 100%)!important;
}
#login::before,#login::after{opacity:.18!important;filter:blur(.2px)}
#login>.login-stage{width:min(1050px,100%)!important;min-height:calc(100vh - 32px);justify-content:center}
.login-brand-block{width:min(510px,72vw)!important;margin:0 auto 10px!important}
.login-main-logo{width:100%!important;max-height:185px!important;object-fit:contain!important;filter:drop-shadow(0 7px 13px rgba(13,54,102,.08))}
.login-system-title{margin:-2px 0 5px;text-align:center;color:#092d62;font-size:25px;font-weight:900;line-height:1.06;letter-spacing:.025em}
.login-tagline{margin:0 0 14px!important;color:#526a89!important;font-family:Arial,sans-serif!important;font-size:20px!important;font-style:italic!important;gap:9px!important}
.login-card-final{width:min(555px,100%)!important;padding:25px 34px 20px!important;border-radius:20px!important;border:1px solid rgba(195,216,231,.8)!important;box-shadow:0 18px 48px rgba(30,74,109,.16)!important}
.login-field{min-height:58px!important;border-radius:12px!important;margin-bottom:13px!important}
#login .login-field input{min-height:56px!important;font-size:16px!important}
#login .login-button-final{min-height:58px!important;border-radius:12px!important;background:linear-gradient(100deg,#075ed0,#0aa9eb)!important;font-size:19px!important;box-shadow:0 10px 24px rgba(0,111,214,.22)!important}
.login-feature-row{width:min(760px,100%)!important;margin-top:20px!important}
.login-feature-final strong{font-size:14px!important}.login-feature-final span{font-size:12px!important}.feature-icon-box{color:#0587df!important}
.login-copyright{margin-top:16px!important}.login-copyright small{font-size:11.5px!important}
.login-copyright span{background:linear-gradient(90deg,transparent,#1ca7df)!important}.login-copyright span:last-child{background:linear-gradient(90deg,#1ca7df,transparent)!important}

.global-status{position:fixed;right:22px;top:14px;z-index:245;display:flex;align-items:center;gap:10px;color:#0b315d;font-variant-numeric:tabular-nums;pointer-events:none}
.global-status .global-date{text-align:right;line-height:1.2;min-width:150px}.global-status .global-date strong{display:block;font-size:14px;font-weight:800}.global-status .global-date span{display:block;font-size:13px;margin-top:2px;color:#315574}
.notification-bell{right:190px!important;top:10px!important;z-index:250!important}
.dashboard-date{display:none!important}
.dashboard-hero{min-height:66px!important;align-items:center!important}
.dashboard-welcome h1{font-size:30px!important}.dashboard-welcome p{font-size:16px!important}
@media(max-width:760px){.global-status{position:absolute;right:12px;top:64px}.notification-bell{right:12px!important;top:10px!important}.global-status .global-date{min-width:130px}.global-status .global-date strong{font-size:12px}.global-status .global-date span{font-size:11px}}
@media(max-height:850px) and (min-width:701px){.login-main-logo{max-height:140px!important}.login-system-title{font-size:21px}.login-tagline{font-size:17px!important;margin-bottom:9px!important}.login-card-final{padding:18px 28px 15px!important}.login-field{min-height:48px!important;margin-bottom:9px!important}#login .login-field input{min-height:46px!important}#login .login-button-final{min-height:49px!important}.login-feature-row{margin-top:13px!important}.login-copyright{margin-top:10px!important}}

/* =========================================================
   VTERA FLOW V2.9 - DASHBOARD READABILITY + BELL ALIGNMENT
   Final requested visual refinement: larger dashboard text,
   bell directly beside global date/time, single-screen desktop kept.
========================================================= */
@media (min-width:1201px){
  .dash-kpi span{font-size:19px!important;line-height:1.15!important;}
  .dash-kpi strong{font-size:47px!important;line-height:.96!important;margin:5px 0 7px!important;}
  .dash-kpi small{font-size:15.5px!important;line-height:1.2!important;}
  .dash-panel h3{font-size:20px!important;}
  .dash-panel header button{font-size:15px!important;}
  .stock-donut span,.stock-donut small{font-size:15px!important;}
  .stock-donut strong{font-size:31px!important;}
  .stock-legend>div{font-size:17px!important;}
  .stock-legend strong{font-size:17px!important;}
  .dash-table table{font-size:15px!important;}
  .dash-table th{font-size:13.5px!important;padding:7px 10px!important;}
  .dash-table td{font-size:15px!important;padding:7px 10px!important;}
  .dash-status{font-size:13px!important;}
  .global-status .global-date strong{font-size:15px!important;}
  .global-status .global-date span{font-size:14px!important;}
  .notification-bell{right:181px!important;top:10px!important;}
}

/* =========================================================
   VTERA FLOW V2.10 - ALT DASHBOARD OKUNAKLILIK
   Son Stok Hareketleri, Min-Max ve Yaklaşan SKT tabloları
   daha büyük; tek ekran yerleşimi korunur.
========================================================= */
@media (min-width:1201px){
  .dash-panel h3{font-size:22px!important;line-height:1.1!important;}
  .dash-panel header button{font-size:16px!important;font-weight:800!important;}

  .dash-table table{font-size:16.5px!important;line-height:1.12!important;}
  .dash-table th{
    font-size:15px!important;
    line-height:1.08!important;
    padding:6px 10px!important;
    font-weight:900!important;
  }
  .dash-table td{
    font-size:16.5px!important;
    line-height:1.08!important;
    padding:6px 10px!important;
  }
  .dash-status{
    font-size:14px!important;
    line-height:1!important;
    padding:4px 10px!important;
    min-width:70px!important;
  }

  .stock-donut span,.stock-donut small{font-size:16px!important;}
  .stock-donut strong{font-size:33px!important;}
  .stock-legend>div{font-size:18px!important;margin:10px 0!important;}
  .stock-legend strong{font-size:18px!important;}
}

/* Functional validation: keep user-entered quantity visible and mark invalid values. */
.qty-input-invalid{border-color:#d92d20!important;box-shadow:0 0 0 2px rgba(217,45,32,.08)!important;background:#fff7f6!important}.qty-row-invalid{background:#fffafa!important}.qty-inline-error{min-height:18px;margin-top:6px;font-size:11px;line-height:1.2;color:#c62828;font-weight:700}


/* =========================================================
   V2.12 FUNCTIONAL / READABILITY PATCH
========================================================= */

/* Global data-table readability */
.table table,
.report-table,
.stock-table,
.count-session-table-card table,
.minmax-report-table table,
.barcode-standard-table table{
  font-size:14px !important;
  line-height:1.35 !important;
}
.table th,
.report-table th,
.stock-table th,
.count-session-table-card th,
.minmax-report-table th,
.barcode-standard-table th{
  font-size:13px !important;
  font-weight:800 !important;
  padding:10px 10px !important;
}
.table td,
.report-table td,
.stock-table td,
.count-session-table-card td,
.minmax-report-table td,
.barcode-standard-table td{
  font-size:14px !important;
  padding:10px 10px !important;
  line-height:1.35 !important;
}

/* Barcode Standards table alignment */
.barcode-standard-table{overflow-x:auto !important}
.barcode-standard-table table{table-layout:fixed;min-width:1280px}
.barcode-standard-table th:nth-child(1){width:12%}
.barcode-standard-table th:nth-child(2){width:14%}
.barcode-standard-table th:nth-child(3){width:13%}
.barcode-standard-table th:nth-child(4){width:9%}
.barcode-standard-table th:nth-child(5){width:12%}
.barcode-standard-table th:nth-child(6){width:22%}
.barcode-standard-table th:nth-child(7){width:8%}
.barcode-standard-table th:nth-child(8){width:18%}
.barcode-example-cell{
  max-width:none !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-all !important;
}
.barcode-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}

/* Keep global bell/date fixed while content scrolls */
.global-status{
  position:fixed !important;
  right:22px !important;
  top:14px !important;
  z-index:2500 !important;
}
.notification-bell{
  position:fixed !important;
  right:190px !important;
  top:10px !important;
  z-index:2510 !important;
}

/* Count report filter gets extra row cleanly */
.count-session-filters{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

/* PDF / print readability and compact VTERA chrome */
@media print{
  .sidebar-brand,
  #nav,
  nav,
  .notification-bell,
  #notificationBell,
  .global-status,
  .notification-panel,
  .toast-host{
    display:none !important;
  }

  body.print-count-report .count-session-detail{
    padding:0 !important;
  }
  body.print-count-report .print-report-head{
    margin-bottom:2mm !important;
  }
  body.print-count-report .count-session-detail .page-title-row h2{
    font-size:13pt !important;
  }
  body.print-count-report .count-session-summary{
    margin-bottom:2mm !important;
  }
  body.print-count-report .count-session-summary>div{
    padding:1.4mm 2mm !important;
  }
  body.print-count-report .count-items-table table{
    font-size:8.8pt !important;
  }
  body.print-count-report .count-items-table th{
    font-size:8.2pt !important;
  }
  body.print-count-report .count-items-table th,
  body.print-count-report .count-items-table td{
    padding:1.6mm 1.4mm !important;
  }
  body.print-count-report .revision-card{
    margin-top:2mm !important;
    padding:2mm !important;
  }

  body.print-movement-report .movement-report-table{
    font-size:7.6pt !important;
    line-height:1.24 !important;
  }
  body.print-movement-report .movement-report-table th{
    font-size:7.2pt !important;
  }
  body.print-movement-report .movement-report-table th,
  body.print-movement-report .movement-report-table td{
    padding:1.45mm 1mm !important;
    line-height:1.24 !important;
  }
  body.print-movement-report .movement-report-table th:nth-child(13),
  body.print-movement-report .movement-report-table td:nth-child(13){
    width:22% !important;
  }
}

@media(max-width:760px){
  .global-status{
    position:fixed !important;
    right:12px !important;
    top:64px !important;
  }
}


/* V2.12.2 - Bildirim/tarih sayfa başlığında kalır; ekranı takip etmez. */
.global-status{position:absolute !important;right:22px !important;top:14px !important;z-index:2500 !important;}
.notification-bell{position:absolute !important;right:190px !important;top:10px !important;z-index:2510 !important;}
@media(max-width:760px){.global-status{position:absolute !important;right:12px !important;top:64px !important}.notification-bell{position:absolute !important;right:12px !important;top:10px !important}}


/* V2.12.3 — Sayımda tekrar okutulan ürün/LOT satırını görünür ve güvenli hale getir */
#countQueueBody tr.count-repeat-highlight {
  outline: 3px solid rgba(0, 153, 204, .55);
  outline-offset: -3px;
  box-shadow: inset 0 0 0 9999px rgba(0, 153, 204, .08);
  transition: box-shadow .25s ease, outline-color .25s ease;
}
#countQueueBody tr.count-repeat-highlight .count-physical-input {
  box-shadow: 0 0 0 3px rgba(0, 153, 204, .22);
}


/* VTERA FLOW DÜZELTME PAKETİ 01 */
.field-optional{font-size:11px!important;font-weight:600!important;color:#718795!important;margin-left:4px!important}
.product-create-card .product-create-grid,.product-edit-card .product-edit-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px 18px!important;align-items:start!important}
.product-create-card .product-create-grid>.field-group,.product-edit-card .product-edit-grid>.field-group{min-width:0!important}
.product-create-card input,.product-create-card select,.product-edit-card input,.product-edit-card select{width:100%!important;min-width:0!important;box-sizing:border-box!important}
.product-create-card .usage-area-field{grid-column:1/-1!important}
.usage-checkbox-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:10px 14px!important;align-items:stretch!important}
.usage-check{display:flex!important;align-items:center!important;gap:9px!important;min-height:42px!important;padding:8px 10px!important;margin:0!important;border:1px solid #d8e5ec!important;border-radius:9px!important;background:#fff!important;cursor:pointer!important}
.usage-check input[type="checkbox"]{appearance:auto!important;-webkit-appearance:checkbox!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;margin:0!important;padding:0!important;flex:0 0 18px!important}
.usage-check span{display:block!important;min-width:0!important;line-height:1.25!important}
.product-edit-section{margin-top:18px!important}.product-edit-section .usage-checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}
.barcode-standards-page{max-width:100%!important;overflow-x:hidden!important}.barcode-standard-form{overflow:visible!important}.barcode-standard-form-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px 16px!important;align-items:start!important}.barcode-standard-form-grid>.field-group{min-width:0!important}.barcode-standard-form-grid input{width:100%!important;min-width:0!important;box-sizing:border-box!important}.barcode-test-actions{margin-top:8px!important}.barcode-area-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}.barcode-standard-table{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.barcode-standard-table table{width:100%!important;min-width:1100px!important;table-layout:auto!important}.barcode-standard-table th,.barcode-standard-table td{vertical-align:middle!important}.barcode-actions{min-width:210px!important}
.vtera-modal-backdrop{position:fixed!important;inset:0!important;z-index:10000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(8,31,48,.58)!important;backdrop-filter:blur(2px)}.vtera-modal-card{width:min(900px,96vw)!important;max-height:90vh!important;overflow:auto!important;background:#fff!important;border-radius:16px!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important;padding:22px!important}.vtera-modal-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-bottom:18px!important}.vtera-modal-head h3{margin:0 0 4px!important}.vtera-modal-head p{margin:0!important;color:#718795!important}.modal-close-btn{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:10px!important;font-size:25px!important;line-height:1!important}.barcode-modal-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 16px!important}.barcode-modal-grid .span-2{grid-column:1/-1!important}.barcode-modal-grid input{width:100%!important;box-sizing:border-box!important}.vtera-modal-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:20px!important}
@media(max-width:1350px){.product-create-card .product-create-grid,.product-edit-card .product-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.barcode-standard-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:980px){.product-create-card .product-create-grid,.product-edit-card .product-edit-grid,.barcode-standard-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.product-create-card .product-create-grid,.product-edit-card .product-edit-grid,.barcode-standard-form-grid,.barcode-modal-grid{grid-template-columns:1fr!important}.barcode-modal-grid .span-2{grid-column:auto!important}.usage-checkbox-grid,.barcode-area-grid{grid-template-columns:1fr!important}.vtera-modal-backdrop{padding:10px!important}.vtera-modal-card{width:100%!important;padding:16px!important}}


/* =========================================================
   VTERA FLOW DÜZELTME PAKETİ 02
   Masaüstü kompakt görünüm — tarayıcı zoomuna ihtiyaç bırakmaz.
   Hedef: Chrome/Edge/Firefox'ta %100 zoom ile yaklaşık eski %80-%90
   kullanım yoğunluğunu sağlamak; gerçek browser zoom kullanılmaz.
========================================================= */

/* Genel içerik daha verimli alan kullanır. Dashboard'a dokunmaz. */
@media (min-width:1200px){
  body:not(:has(.vtera-dashboard)) #main,
  body:not(:has(.vtera-dashboard)) main{
    padding:18px 20px 28px !important;
  }
  body:not(:has(.vtera-dashboard)) .wrap{
    max-width:none !important;
  }

  /* Ürün Yönetimi */
  .product-management-page > h2{
    font-size:30px !important;
    line-height:1.1 !important;
    margin:0 0 18px !important;
  }
  .product-management-page .card{
    border-radius:12px !important;
  }
  .product-management-page .product-create-card{
    padding:18px 20px !important;
  }
  .product-management-page .product-create-grid{
    gap:13px 16px !important;
  }
  .product-management-page .field-group label,
  .product-management-page .usage-area-title{
    font-size:12.5px !important;
    margin-bottom:6px !important;
  }
  .product-management-page .product-create-grid input,
  .product-management-page .product-create-grid select{
    height:48px !important;
    min-height:48px !important;
    padding:9px 12px !important;
    font-size:14px !important;
  }
  .product-management-page .usage-checkbox-grid{
    gap:8px 10px !important;
  }
  .product-management-page .usage-check{
    min-height:40px !important;
    padding:7px 9px !important;
    font-size:13px !important;
  }
  .product-management-page .product-create-action > button{
    min-height:44px !important;
  }

  /* Ürün Düzenle */
  .product-edit-page .page-title-row{
    margin-bottom:14px !important;
  }
  .product-edit-page .page-title-row h2{
    font-size:26px !important;
  }
  .product-edit-page .product-edit-card{
    padding:18px 20px !important;
  }
  .product-edit-page .product-edit-grid{
    gap:13px 16px !important;
  }
  .product-edit-page .field-group label{
    font-size:12.5px !important;
    margin-bottom:6px !important;
  }
  .product-edit-page .product-edit-grid input,
  .product-edit-page .product-edit-grid select{
    height:46px !important;
    min-height:46px !important;
    padding:8px 11px !important;
    font-size:14px !important;
  }
  .product-edit-page .product-edit-section{
    margin-top:14px !important;
  }
  .product-edit-page .product-edit-section-title{
    margin-bottom:8px !important;
    font-size:13px !important;
  }
  .product-edit-page .usage-checkbox-grid{
    gap:8px 10px !important;
  }
  .product-edit-page .usage-check{
    min-height:39px !important;
    padding:7px 9px !important;
    font-size:13px !important;
  }

  /* Barkod Standartları */
  .barcode-standards-page .page-title-row{
    margin-bottom:12px !important;
  }
  .barcode-standards-page .page-title-row h2{
    font-size:27px !important;
  }
  .barcode-standards-page .info-box{
    padding:11px 14px !important;
    margin-bottom:12px !important;
    font-size:13px !important;
  }
  .barcode-standards-page .barcode-standard-form{
    padding:16px 18px !important;
  }
  .barcode-standards-page .barcode-standard-form-grid{
    gap:11px 14px !important;
  }
  .barcode-standards-page .barcode-standard-form-grid label{
    font-size:12px !important;
    margin-bottom:5px !important;
  }
  .barcode-standards-page .barcode-standard-form-grid input{
    height:44px !important;
    min-height:44px !important;
    padding:8px 10px !important;
    font-size:13px !important;
  }
  .barcode-standards-page .barcode-area-grid{
    gap:7px 9px !important;
  }
  .barcode-standards-page .usage-check{
    min-height:38px !important;
    padding:6px 8px !important;
    font-size:12.5px !important;
  }
  .barcode-standards-page .barcode-parse-preview{
    padding:9px 11px !important;
    margin:10px 0 !important;
    font-size:12px !important;
  }
  .barcode-standards-page .barcode-standard-table table{
    min-width:980px !important;
    font-size:12.5px !important;
  }
  .barcode-standards-page .barcode-standard-table th{
    font-size:11.5px !important;
    padding:8px 8px !important;
  }
  .barcode-standards-page .barcode-standard-table td{
    font-size:12.5px !important;
    padding:8px 8px !important;
  }
  .barcode-standards-page .barcode-actions{
    min-width:190px !important;
  }
  .barcode-standards-page .mini-action{
    padding:7px 9px !important;
    font-size:11.5px !important;
  }
}

/* 1366px sınıfı laptoplarda 4 kolon korunur ama daha sıkı çalışır. */
@media (min-width:1200px) and (max-width:1450px){
  .product-management-page .product-create-grid,
  .product-edit-page .product-edit-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:11px 12px !important;
  }
  .product-management-page .product-create-grid input,
  .product-management-page .product-create-grid select,
  .product-edit-page .product-edit-grid input,
  .product-edit-page .product-edit-grid select{
    font-size:13px !important;
  }
  .barcode-standards-page .barcode-standard-form-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

/* Orta ekranlarda 3/2 kolonlara kontrollü geçiş. */
@media (min-width:981px) and (max-width:1199px){
  .product-management-page .product-create-grid,
  .product-edit-page .product-edit-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .barcode-standards-page .barcode-standard-form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Browser viewport çok daralsa bile yatay sayfa kayması oluşmasın. */
.product-management-page,
.product-edit-page,
.barcode-standards-page{
  min-width:0 !important;
}
.product-management-page *,
.product-edit-page *,
.barcode-standards-page *{
  max-width:100%;
}
.barcode-standard-table{
  max-width:100% !important;
}


/* =========================================================
   VTERA FLOW DÜZELTME PAKETİ 03
   UYGULAMA GENELİ MASAÜSTÜ KOMPAKT MOD
   Amaç: Tarayıcı %100 zoom'dayken eski yaklaşık %80-85 görünüm
   yoğunluğunu sağlamak. Login ekranına uygulanmaz.
========================================================= */

@media (min-width:1201px){

  /* Sol menü — uygulamanın tamamında daha kompakt */
  :root{
    --sidebar-width:215px !important;
  }

  #nav{
    width:215px !important;
    padding:10px 8px 10px !important;
  }

  #nav button.sidebar-nav-item,
  #nav .sidebar-nav-item{
    min-height:34px !important;
    height:auto !important;
    margin:1px 0 !important;
    padding:6px 8px !important;
    gap:8px !important;
    font-size:12.5px !important;
    line-height:1.15 !important;
    border-radius:7px !important;
  }

  .sidebar-item-icon{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    flex-basis:18px !important;
  }

  .sidebar-section-label{
    margin:10px 8px 4px !important;
    font-size:10.5px !important;
    letter-spacing:.6px !important;
  }

  #nav button.sidebar-section-toggle{
    min-height:30px !important;
    margin:5px 0 2px !important;
    padding:5px 8px !important;
    font-size:11px !important;
  }

  .sidebar-divider{
    margin:7px 5px 2px !important;
  }

  .sidebar-user{
    padding:7px 5px 5px !important;
    grid-template-columns:34px minmax(0,1fr) 18px !important;
    gap:7px !important;
  }

  .sidebar-avatar{
    width:34px !important;
    height:34px !important;
  }

  .sidebar-user strong{
    font-size:12px !important;
  }

  .sidebar-user small{
    font-size:10px !important;
  }

  #nav button.sidebar-logout{
    min-height:32px !important;
    padding:5px 8px !important;
    font-size:12.5px !important;
  }

  /* Ana içerik — bütün ekranlar */
  #main,
  main{
    margin-left:215px !important;
    width:calc(100% - 215px) !important;
    padding:13px 16px 24px !important;
  }

  .wrap{
    width:100% !important;
    max-width:none !important;
    padding-bottom:24px !important;
  }

  .page-title-row{
    margin-bottom:10px !important;
  }

  .page-title-row h2,
  .wrap > h2{
    font-size:24px !important;
    line-height:1.12 !important;
  }

  .page-title-icon{
    width:30px !important;
    height:30px !important;
  }

  /* Genel kart yoğunluğu */
  .card{
    border-radius:11px !important;
  }

  .card:not(.dash-kpi):not(.dash-panel){
    padding-top:13px !important;
    padding-bottom:13px !important;
  }

  /* Form elemanları — checkbox/radio hariç */
  #app:not(.hidden) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  #app:not(.hidden) select:not([multiple]),
  #app:not(.hidden) textarea{
    min-height:40px !important;
    height:auto;
    padding:8px 10px !important;
    font-size:13px !important;
  }

  #app:not(.hidden) label{
    font-size:12px;
  }

  #app:not(.hidden) button{
    font-size:12.5px;
  }

  /* Tablolar bütün modüllerde daha kompakt */
  .table table,
  .report-table,
  .stock-table,
  .count-session-table-card table,
  .minmax-report-table table,
  .barcode-standard-table table{
    font-size:12.5px !important;
    line-height:1.25 !important;
  }

  .table th,
  .report-table th,
  .stock-table th,
  .count-session-table-card th,
  .minmax-report-table th,
  .barcode-standard-table th{
    font-size:11.5px !important;
    padding:7px 8px !important;
    line-height:1.2 !important;
  }

  .table td,
  .report-table td,
  .stock-table td,
  .count-session-table-card td,
  .minmax-report-table td,
  .barcode-standard-table td{
    font-size:12.5px !important;
    padding:7px 8px !important;
    line-height:1.25 !important;
  }

  /* Tarih / bildirim */
  .global-status{
    right:16px !important;
    top:10px !important;
  }

  .global-status .global-date{
    min-width:125px !important;
  }

  .global-status .global-date strong{
    font-size:12.5px !important;
  }

  .global-status .global-date span{
    font-size:11.5px !important;
  }

  .notification-bell{
    right:145px !important;
    top:5px !important;
  }

  .notification-bell > button{
    width:36px !important;
    height:36px !important;
    font-size:17px !important;
  }

  /* ---------------------------------------------------------
     ANA SAYFA / DASHBOARD
     Eski V2.9 / V2.10 büyük yazı kurallarını geri dengeler.
  --------------------------------------------------------- */
  .vtera-dashboard{
    font-size:13px !important;
  }

  .dashboard-hero{
    min-height:52px !important;
    margin:0 2px 9px !important;
    gap:12px !important;
  }

  .dashboard-welcome h1,
  .dashboard-hero h1{
    font-size:27px !important;
    line-height:1.05 !important;
    margin:2px 0 4px !important;
  }

  .dashboard-welcome p,
  .dashboard-hero p{
    font-size:13px !important;
  }

  .dashboard-kpis{
    gap:10px !important;
    margin-bottom:10px !important;
  }

  .dash-kpi{
    min-height:94px !important;
    padding:12px 14px !important;
    gap:12px !important;
  }

  .dash-kpi-icon{
    width:48px !important;
    height:48px !important;
    flex-basis:48px !important;
  }

  .dash-kpi-icon .ui-icon{
    width:25px !important;
    height:25px !important;
  }

  .dash-kpi span{
    font-size:13px !important;
    line-height:1.15 !important;
  }

  .dash-kpi strong{
    font-size:31px !important;
    line-height:1 !important;
    margin:3px 0 4px !important;
  }

  .dash-kpi small{
    font-size:11.5px !important;
    line-height:1.15 !important;
  }

  .dashboard-panels{
    gap:10px !important;
  }

  .dash-panel{
    min-height:0 !important;
    border-radius:10px !important;
  }

  .dash-panel header{
    height:42px !important;
    padding:0 12px !important;
  }

  .dash-panel h3{
    font-size:15.5px !important;
    line-height:1.1 !important;
  }

  .dash-panel h3 .ui-icon{
    width:18px !important;
    height:18px !important;
  }

  .dash-panel header button{
    font-size:12px !important;
    padding:3px !important;
  }

  .stock-panel-body{
    height:185px !important;
    padding:5px 16px !important;
    gap:22px !important;
  }

  .stock-donut{
    width:150px !important;
    height:150px !important;
    flex-basis:150px !important;
  }

  .stock-donut:before{
    width:88px !important;
    height:88px !important;
  }

  .stock-donut span,
  .stock-donut small{
    font-size:12px !important;
  }

  .stock-donut strong{
    font-size:24px !important;
  }

  .stock-legend{
    min-width:180px !important;
  }

  .stock-legend > div{
    font-size:13px !important;
    margin:8px 0 !important;
    grid-template-columns:13px 1fr auto !important;
    gap:7px !important;
  }

  .stock-legend i{
    width:13px !important;
    height:13px !important;
  }

  .stock-legend strong{
    font-size:13px !important;
  }

  .dash-table table{
    font-size:12px !important;
    line-height:1.15 !important;
  }

  .dash-table th{
    font-size:10.5px !important;
    padding:6px 7px !important;
    line-height:1.1 !important;
  }

  .dash-table td{
    font-size:12px !important;
    padding:6px 7px !important;
    line-height:1.15 !important;
  }

  .dash-status{
    font-size:10.5px !important;
    padding:3px 7px !important;
    min-width:58px !important;
  }

  /* Ürün sayfasında 02 paketindeki düzen korunur, biraz daha sıkı */
  .product-management-page .product-create-card{
    padding:14px 16px !important;
  }

  .product-management-page .product-create-grid{
    gap:10px 12px !important;
  }

  .product-management-page .usage-check,
  .product-edit-page .usage-check{
    min-height:35px !important;
    padding:5px 7px !important;
  }

  /* Barkod standartları: tablo ekran içinde daha rahat */
  .barcode-standards-page .barcode-standard-table table{
    min-width:900px !important;
  }

  .barcode-standards-page .barcode-actions{
    min-width:170px !important;
  }
}

/* 1200px altı tablet/laptop davranışı mevcut responsive kurallara bırakılır. */


/* =========================================================
   VTERA FLOW DÜZELTME PAKETİ 04
   MIN-MAX MASAÜSTÜ TABLO / RESPONSIVE SON DÜZEN
   - Durum ve işlem sütunları ekran dışında kalmaz.
   - Uzun ürün adları tabloyu büyütmez; tam ad title ile korunur.
   - Sayısal sütunlar kompakt ve ortalıdır.
   - Dar ekranlarda güvenli yatay kaydırma geri devreye girer.
========================================================= */
@media (min-width:1201px){
  .minmax-report-page{min-width:0!important;overflow-x:hidden!important}
  .minmax-report-page .minmax-report-table{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .minmax-report-page .minmax-report-table table{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }
  .minmax-report-page .minmax-report-table col.mm-col-order{width:3%}
  .minmax-report-page .minmax-report-table col.mm-col-type{width:6%}
  .minmax-report-page .minmax-report-table col.mm-col-region{width:6%}
  .minmax-report-page .minmax-report-table col.mm-col-location{width:10%}
  .minmax-report-page .minmax-report-table col.mm-col-usage{width:8%}
  .minmax-report-page .minmax-report-table col.mm-col-code{width:9%}
  .minmax-report-page .minmax-report-table col.mm-col-product{width:18%}
  .minmax-report-page .minmax-report-table col.mm-col-current{width:5%}
  .minmax-report-page .minmax-report-table col.mm-col-min{width:4%}
  .minmax-report-page .minmax-report-table col.mm-col-max{width:4%}
  .minmax-report-page .minmax-report-table col.mm-col-shortage{width:5%}
  .minmax-report-page .minmax-report-table col.mm-col-capacity{width:5%}
  .minmax-report-page .minmax-report-table col.mm-col-status{width:9%}
  .minmax-report-page .minmax-report-table col.mm-col-action{width:8%}

  .minmax-report-page .minmax-report-table th,
  .minmax-report-page .minmax-report-table td{
    min-width:0!important;
    max-width:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  .minmax-report-page .minmax-report-table th:nth-child(n+8):nth-child(-n+13),
  .minmax-report-page .minmax-report-table td:nth-child(n+8):nth-child(-n+13){
    text-align:center!important;
  }
  .minmax-report-page .minmax-report-table .mm-product-cell{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .minmax-report-page .mm-status-badge{
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    padding:4px 6px!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-sizing:border-box!important;
  }
  .minmax-report-page .minmax-report-table .mini-action{
    max-width:100%!important;
    min-width:0!important;
    padding:5px 7px!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
  }
  .minmax-report-page .minmax-filters .form{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr 1.15fr!important;
    gap:10px!important;
  }
}

@media (min-width:1201px) and (max-width:1350px){
  .minmax-report-page .minmax-report-table{overflow-x:auto!important}
  .minmax-report-page .minmax-report-table table{min-width:1080px!important}
}

/* =========================================================
   VTERA FLOW DÜZELTME PAKETİ 06
   Min-Max final tablo düzeni
   - SIRA kolonu kaldırıldı
   - KULLANIM ALANI ve MAX KALAN genişletildi
   - DURUM tam görünür
   - Uzun LOKASYON / ÜRÜN / İŞLEM alanlarında ellipsis devam eder
========================================================= */

@media (min-width:1201px){

  .minmax-report-table{
    overflow-x:hidden !important;
  }

  .minmax-report-table table{
    width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
  }

  .minmax-report-table th,
  .minmax-report-table td{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  /* SIRA kaldırıldığı için yeni kolon dizilimi:
     1 TİP
     2 BÖLGE
     3 LOKASYON
     4 KULLANIM ALANI
     5 KATALOG NO
     6 ÜRÜN
     7 MEVCUT
     8 MIN
     9 MAX
     10 MIN EKSİK
     11 MAX KALAN
     12 DURUM
     13 İŞLEM
  */

  .minmax-report-table th:nth-child(1),
  .minmax-report-table td:nth-child(1){ width:6.0% !important; }

  .minmax-report-table th:nth-child(2),
  .minmax-report-table td:nth-child(2){ width:6.8% !important; }

  .minmax-report-table th:nth-child(3),
  .minmax-report-table td:nth-child(3){ width:10.5% !important; }

  .minmax-report-table th:nth-child(4),
  .minmax-report-table td:nth-child(4){ width:10.0% !important; }

  .minmax-report-table th:nth-child(5),
  .minmax-report-table td:nth-child(5){ width:8.8% !important; }

  .minmax-report-table th:nth-child(6),
  .minmax-report-table td:nth-child(6){ width:18.0% !important; }

  .minmax-report-table th:nth-child(7),
  .minmax-report-table td:nth-child(7){ width:5.0% !important; text-align:center !important; }

  .minmax-report-table th:nth-child(8),
  .minmax-report-table td:nth-child(8){ width:3.5% !important; text-align:center !important; }

  .minmax-report-table th:nth-child(9),
  .minmax-report-table td:nth-child(9){ width:3.5% !important; text-align:center !important; }

  .minmax-report-table th:nth-child(10),
  .minmax-report-table td:nth-child(10){ width:6.2% !important; text-align:center !important; }

  .minmax-report-table th:nth-child(11),
  .minmax-report-table td:nth-child(11){ width:6.8% !important; text-align:center !important; }

  .minmax-report-table th:nth-child(12),
  .minmax-report-table td:nth-child(12){ width:7.3% !important; text-align:center !important; }

  .minmax-report-table th:nth-child(13),
  .minmax-report-table td:nth-child(13){ width:8.0% !important; }

  /* Kısa/sayısal başlıklar tam görünsün */
  .minmax-report-table th:nth-child(7),
  .minmax-report-table th:nth-child(8),
  .minmax-report-table th:nth-child(9),
  .minmax-report-table th:nth-child(10),
  .minmax-report-table th:nth-child(11),
  .minmax-report-table th:nth-child(12){
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }

  /* Durum rozeti kesilmesin */
  .minmax-report-table td:nth-child(12){
    overflow:visible !important;
    text-overflow:clip !important;
  }

  .minmax-report-table td:nth-child(12) .status-pill,
  .minmax-report-table td:nth-child(12) .minmax-status,
  .minmax-report-table td:nth-child(12) span{
    max-width:100% !important;
    white-space:nowrap !important;
  }

  /* Uzun metin alanları kontrollü kısalsın */
  .minmax-report-table td:nth-child(3),
  .minmax-report-table td:nth-child(4),
  .minmax-report-table td:nth-child(6),
  .minmax-report-table td:nth-child(13){
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .minmax-report-table th{
    font-size:10.8px !important;
    padding-left:6px !important;
    padding-right:6px !important;
    letter-spacing:.01em !important;
  }

  .minmax-report-table td{
    font-size:11.8px !important;
    padding-left:6px !important;
    padding-right:6px !important;
  }
}


/* VTERA FLOW DÜZELTME 07 — test bazlı depo imha */
.disposal-modern-grid #disposalAvailableTests,.disposal-modern-grid #disposalTests{font-weight:700;color:#0b6170;background:#f4fafc;}
.disposal-modern-grid #disposalMode{font-weight:700;}


/* =========================================================
   VTERA FLOW DÜZELTME PAKETİ 16
   Hareket raporu finans kolonları - yazdırma düzeni
========================================================= */
@media print {
  body.print-movement-report .movement-report-table{
    font-size:5.6pt!important;
    table-layout:fixed!important;
  }

  body.print-movement-report .movement-report-table th,
  body.print-movement-report .movement-report-table td{
    padding:.75mm .45mm!important;
    line-height:1.08!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  body.print-movement-report .movement-report-table th{
    font-size:5.2pt!important;
  }

  /* Finans kolonlu 18 sütunlu görünüm */
  body.print-movement-report .movement-report-table th:nth-child(1),
  body.print-movement-report .movement-report-table td:nth-child(1){width:7.5%!important}
  body.print-movement-report .movement-report-table th:nth-child(2),
  body.print-movement-report .movement-report-table td:nth-child(2){width:6%!important}
  body.print-movement-report .movement-report-table th:nth-child(3),
  body.print-movement-report .movement-report-table td:nth-child(3){width:6.5%!important}
  body.print-movement-report .movement-report-table th:nth-child(4),
  body.print-movement-report .movement-report-table td:nth-child(4){width:7.5%!important}
  body.print-movement-report .movement-report-table th:nth-child(5),
  body.print-movement-report .movement-report-table td:nth-child(5){width:4.5%!important}
  body.print-movement-report .movement-report-table th:nth-child(6),
  body.print-movement-report .movement-report-table td:nth-child(6){width:4.5%!important}
  body.print-movement-report .movement-report-table th:nth-child(7),
  body.print-movement-report .movement-report-table td:nth-child(7){width:5.5%!important}
  body.print-movement-report .movement-report-table th:nth-child(8),
  body.print-movement-report .movement-report-table td:nth-child(8){width:7%!important}
  body.print-movement-report .movement-report-table th:nth-child(9),
  body.print-movement-report .movement-report-table td:nth-child(9){width:7%!important}
  body.print-movement-report .movement-report-table th:nth-child(10),
  body.print-movement-report .movement-report-table td:nth-child(10){width:3.5%!important}
  body.print-movement-report .movement-report-table th:nth-child(11),
  body.print-movement-report .movement-report-table td:nth-child(11){width:4%!important}
  body.print-movement-report .movement-report-table th:nth-child(12),
  body.print-movement-report .movement-report-table td:nth-child(12){width:5.5%!important}
  body.print-movement-report .movement-report-table th:nth-child(13),
  body.print-movement-report .movement-report-table td:nth-child(13){width:3.8%!important}
  body.print-movement-report .movement-report-table th:nth-child(14),
  body.print-movement-report .movement-report-table td:nth-child(14){width:6%!important}
  body.print-movement-report .movement-report-table th:nth-child(15),
  body.print-movement-report .movement-report-table td:nth-child(15){width:6%!important}
  body.print-movement-report .movement-report-table th:nth-child(16),
  body.print-movement-report .movement-report-table td:nth-child(16){width:5.5%!important}
  body.print-movement-report .movement-report-table th:nth-child(17),
  body.print-movement-report .movement-report-table td:nth-child(17){width:6%!important}
  body.print-movement-report .movement-report-table th:nth-child(18),
  body.print-movement-report .movement-report-table td:nth-child(18){width:7.2%!important}

  body.print-movement-report .movement-report-table tbody tr{
    height:auto!important;
    min-height:0!important;
  }
}


/* VISUAL HOTFIX 2026-09-20 — Toplu Transfer satır hizalama */
.bulk-transfer-table td:nth-child(9),
.bulk-transfer-table td:nth-child(10){
  padding-top:10px;
}


/* Lisans yaşam döngüsü uyarıları */
.license-access-banner{
  position:fixed;
  left:50%;
  top:12px;
  transform:translateX(-50%);
  z-index:99999;
  width:min(820px,calc(100vw - 32px));
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:13px 16px;
  border-radius:14px;
  box-shadow:0 12px 30px rgba(14,52,64,.16);
  backdrop-filter:blur(7px);
}
.license-access-banner.grace{
  background:#fff7dd;
  border:1px solid #e8c45b;
  color:#75540a;
}
.license-access-banner.read-only{
  background:#fff0ee;
  border:1px solid #e9a198;
  color:#872d25;
}
.license-access-banner-icon{font-size:20px;line-height:1.2}
.license-access-banner-text{display:flex;flex-direction:column;gap:2px}
.license-access-banner-text strong{font-size:13px}
.license-access-banner-text span{font-size:12px;line-height:1.45}
@media(max-width:700px){
  .license-access-banner{top:8px;width:calc(100vw - 16px);padding:11px 12px}
}




/* =========================================================
   VTERA FLOW — STOK HAREKETLERİ NİHAİ EKRAN TABLO DÜZENİ
   2026-09-22
   ========================================================= */

@media screen {
  html,
  body{
    height:auto !important;
    min-height:100% !important;
    overflow-y:auto !important;
  }

  #app{
    height:auto !important;
    min-height:100vh !important;
    overflow:visible !important;
  }

  #main,
  main{
    height:auto !important;
    min-height:100vh !important;
    max-height:none !important;
    overflow-y:visible !important;
  }

  .movement-report-page{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    padding-bottom:60px !important;
  }

  .movement-report-page .report-table-card{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
  }

  .movement-report-page .movement-report-table{
    display:table !important;
    width:100% !important;
    min-width:1450px !important;
    height:auto !important;
    table-layout:fixed !important;
    border-collapse:collapse !important;
  }

  .movement-report-page .movement-report-table thead{
    display:table-header-group !important;
  }

  .movement-report-page .movement-report-table tbody{
    display:table-row-group !important;
  }

  .movement-report-page .movement-report-table tr{
    display:table-row !important;
    height:auto !important;
  }

  .movement-report-page .movement-report-table th,
  .movement-report-page .movement-report-table td{
    display:table-cell !important;
    height:auto !important;
    min-height:0 !important;
    padding:8px 7px !important;
    line-height:1.25 !important;
    vertical-align:middle !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  .movement-report-page .movement-report-table thead th{
    position:sticky !important;
    top:0 !important;
    z-index:3 !important;
    background:#edf5f7 !important;
  }

  /* Finanslı raporda kolonlar okunabilir kalsın; yatay kaydırma tablo kartında olsun. */
  .movement-report-page .movement-report-table th:nth-child(1),
  .movement-report-page .movement-report-table td:nth-child(1){width:115px !important;}
  .movement-report-page .movement-report-table th:nth-child(2),
  .movement-report-page .movement-report-table td:nth-child(2){width:95px !important;}
  .movement-report-page .movement-report-table th:nth-child(3),
  .movement-report-page .movement-report-table td:nth-child(3){width:110px !important;}
  .movement-report-page .movement-report-table th:nth-child(4),
  .movement-report-page .movement-report-table td:nth-child(4){width:120px !important;}
  .movement-report-page .movement-report-table th:nth-child(5),
  .movement-report-page .movement-report-table td:nth-child(5){width:90px !important;}
  .movement-report-page .movement-report-table th:nth-child(6),
  .movement-report-page .movement-report-table td:nth-child(6){width:85px !important;}
  .movement-report-page .movement-report-table th:nth-child(7),
  .movement-report-page .movement-report-table td:nth-child(7){width:95px !important;}
  .movement-report-page .movement-report-table th:nth-child(8),
  .movement-report-page .movement-report-table td:nth-child(8){width:125px !important;}
  .movement-report-page .movement-report-table th:nth-child(9),
  .movement-report-page .movement-report-table td:nth-child(9){width:125px !important;}
  .movement-report-page .movement-report-table th:nth-child(10),
  .movement-report-page .movement-report-table td:nth-child(10){width:70px !important;}
  .movement-report-page .movement-report-table th:nth-child(11),
  .movement-report-page .movement-report-table td:nth-child(11){width:75px !important;}

  /* KPI alanı */
  .movement-report-page > .grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    align-items:stretch !important;
  }

  .movement-report-page > .grid > .card{
    min-width:0 !important;
    overflow:hidden !important;
  }

  .movement-report-page .movement-cost-stat,
  .movement-report-page .money-stat{
    font-size:clamp(26px,3vw,54px) !important;
    line-height:1.05 !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
}

@media screen and (max-width:1300px){
  .movement-report-page > .grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media screen and (max-width:760px){
  .movement-report-page > .grid{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   VTERA FLOW — STOK HAREKETLERİ EKRAN/YAZDIR AYRIMI
   2026-09-22
   Ekran: CSS Grid
   PDF/Yazdır: gerçek HTML table
   ========================================================= */

@media screen{
  .movement-report-page .movement-print-only{
    display:none !important;
  }

  .movement-screen-report-card{
    padding:0 !important;
    overflow:hidden !important;
    height:auto !important;
    min-height:0 !important;
  }

  .movement-screen-scroll{
    width:100%;
    overflow-x:auto !important;
    overflow-y:visible !important;
    -webkit-overflow-scrolling:touch;
  }

  .movement-screen-table{
    width:max-content;
    min-width:100%;
    background:#fff;
  }

  .movement-screen-row{
    display:grid !important;
    width:max-content;
    min-width:100%;
    min-height:42px !important;
    height:auto !important;
    align-items:stretch !important;
    border-bottom:1px solid #e3ebf0;
  }

  .movement-screen-row.standard{
    grid-template-columns:
      125px 105px 120px 135px 90px 95px 105px 135px 135px 75px 80px 115px 210px;
  }

  .movement-screen-row.financial{
    grid-template-columns:
      125px 105px 120px 135px 90px 95px 105px 135px 135px 75px 80px
      105px 80px 125px 130px 110px 115px 210px;
  }

  .movement-screen-cell{
    min-width:0;
    padding:10px 9px;
    display:flex;
    align-items:center;
    box-sizing:border-box;
    font-size:12.5px;
    line-height:1.25;
    color:#153d57;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:break-word;
    border-right:1px solid #edf2f5;
  }

  .movement-screen-cell:last-child{
    border-right:0;
  }

  .movement-screen-header{
    position:sticky;
    top:0;
    z-index:3;
    min-height:44px !important;
    background:#edf5f7;
  }

  .movement-screen-header .movement-screen-cell{
    font-size:11.5px;
    font-weight:900;
    text-transform:uppercase;
    color:#143f52;
    background:#edf5f7;
  }

  .movement-screen-row:not(.movement-screen-header):nth-child(odd) .movement-screen-cell{
    background:#fbfdfe;
  }

  .movement-screen-empty{
    padding:18px;
    color:#607988;
    font-size:13px;
  }

  /* Sayfanın doğal şekilde aşağı uzamasını garanti et. */
  .movement-report-page,
  .movement-screen-report-card,
  .movement-screen-scroll,
  .movement-screen-table{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  html,body,#app,#main,main{
    max-height:none !important;
  }

  body,
  #app,
  #main,
  main{
    overflow-y:visible !important;
  }

  /* KPI: büyük para tutarı her zaman tam okunabilsin. */
  .movement-report-page .movement-cost-stat,
  .movement-report-page .money-stat{
    font-size:clamp(25px,2.75vw,48px) !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    letter-spacing:-1px !important;
  }
}

@media print{
  .movement-screen-report-card{
    display:none !important;
  }

  .movement-print-only{
    display:block !important;
  }

  body.print-movement-report .movement-print-only .movement-report-table{
    display:table !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
  }
}


/* =========================================================
   VTERA FLOW — STOK HAREKET RAPORU PDF NİHAİ DÜZEN
   2026-09-22
   18 kolonlu finans raporu için A3 yatay çıktı.
   ========================================================= */

@page movementReport {
  size: A3 landscape;
  margin: 8mm 7mm 9mm 7mm;
}

@media print {
  body.print-movement-report{
    page: movementReport;
    background:#fff!important;
  }

  body.print-movement-report .movement-report-page{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  body.print-movement-report .print-report-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin:0 0 3mm!important;
    padding:0 0 2.2mm!important;
    border-bottom:1.2pt solid #167b8a!important;
    font-size:9pt!important;
    color:#173f51!important;
  }

  body.print-movement-report .movement-report-page>h2{
    margin:0 0 3mm!important;
    font-size:15pt!important;
    line-height:1.1!important;
    color:#153a4a!important;
  }

  body.print-movement-report .movement-print-only{
    display:block!important;
    width:100%!important;
    overflow:visible!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    margin:0!important;
  }

  body.print-movement-report .movement-report-table{
    display:table!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
    font-size:7.4pt!important;
    line-height:1.18!important;
  }

  body.print-movement-report .movement-report-table thead{
    display:table-header-group!important;
  }

  body.print-movement-report .movement-report-table tbody{
    display:table-row-group!important;
  }

  body.print-movement-report .movement-report-table tr{
    display:table-row!important;
    height:auto!important;
    min-height:0!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }

  body.print-movement-report .movement-report-table th,
  body.print-movement-report .movement-report-table td{
    display:table-cell!important;
    height:auto!important;
    min-height:0!important;
    padding:1.25mm 1mm!important;
    line-height:1.18!important;
    vertical-align:middle!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    border-bottom:.45pt solid #d9e3e8!important;
  }

  body.print-movement-report .movement-report-table th{
    position:static!important;
    font-size:6.9pt!important;
    font-weight:800!important;
    background:#eaf3f6!important;
    color:#173f51!important;
  }

  /* Tarih ve sayısal alanlarda anlamsız harf harf kırılmayı önle. */
  body.print-movement-report .movement-report-table th:nth-child(1),
  body.print-movement-report .movement-report-table td:nth-child(1),
  body.print-movement-report .movement-report-table th:nth-child(7),
  body.print-movement-report .movement-report-table td:nth-child(7),
  body.print-movement-report .movement-report-table th:nth-child(10),
  body.print-movement-report .movement-report-table td:nth-child(10),
  body.print-movement-report .movement-report-table th:nth-child(11),
  body.print-movement-report .movement-report-table td:nth-child(11),
  body.print-movement-report .movement-report-table th:nth-child(12),
  body.print-movement-report .movement-report-table td:nth-child(12),
  body.print-movement-report .movement-report-table th:nth-child(13),
  body.print-movement-report .movement-report-table td:nth-child(13),
  body.print-movement-report .movement-report-table th:nth-child(14),
  body.print-movement-report .movement-report-table td:nth-child(14),
  body.print-movement-report .movement-report-table th:nth-child(15),
  body.print-movement-report .movement-report-table td:nth-child(15),
  body.print-movement-report .movement-report-table th:nth-child(16),
  body.print-movement-report .movement-report-table td:nth-child(16){
    overflow-wrap:normal!important;
    word-break:keep-all!important;
  }

  /* 18 kolon: A3 yatay için okunabilir oranlar. */
  body.print-movement-report .movement-report-table th:nth-child(1),
  body.print-movement-report .movement-report-table td:nth-child(1){width:7.5%!important}
  body.print-movement-report .movement-report-table th:nth-child(2),
  body.print-movement-report .movement-report-table td:nth-child(2){width:6.2%!important}
  body.print-movement-report .movement-report-table th:nth-child(3),
  body.print-movement-report .movement-report-table td:nth-child(3){width:6.8%!important}
  body.print-movement-report .movement-report-table th:nth-child(4),
  body.print-movement-report .movement-report-table td:nth-child(4){width:7.8%!important}
  body.print-movement-report .movement-report-table th:nth-child(5),
  body.print-movement-report .movement-report-table td:nth-child(5){width:4.5%!important}
  body.print-movement-report .movement-report-table th:nth-child(6),
  body.print-movement-report .movement-report-table td:nth-child(6){width:5.2%!important}
  body.print-movement-report .movement-report-table th:nth-child(7),
  body.print-movement-report .movement-report-table td:nth-child(7){width:6.2%!important}
  body.print-movement-report .movement-report-table th:nth-child(8),
  body.print-movement-report .movement-report-table td:nth-child(8){width:7.2%!important}
  body.print-movement-report .movement-report-table th:nth-child(9),
  body.print-movement-report .movement-report-table td:nth-child(9){width:7.2%!important}
  body.print-movement-report .movement-report-table th:nth-child(10),
  body.print-movement-report .movement-report-table td:nth-child(10){width:3.8%!important}
  body.print-movement-report .movement-report-table th:nth-child(11),
  body.print-movement-report .movement-report-table td:nth-child(11){width:4.2%!important}
  body.print-movement-report .movement-report-table th:nth-child(12),
  body.print-movement-report .movement-report-table td:nth-child(12){width:6.0%!important}
  body.print-movement-report .movement-report-table th:nth-child(13),
  body.print-movement-report .movement-report-table td:nth-child(13){width:4.2%!important}
  body.print-movement-report .movement-report-table th:nth-child(14),
  body.print-movement-report .movement-report-table td:nth-child(14){width:6.4%!important}
  body.print-movement-report .movement-report-table th:nth-child(15),
  body.print-movement-report .movement-report-table td:nth-child(15){width:6.4%!important}
  body.print-movement-report .movement-report-table th:nth-child(16),
  body.print-movement-report .movement-report-table td:nth-child(16){width:6.0%!important}
  body.print-movement-report .movement-report-table th:nth-child(17),
  body.print-movement-report .movement-report-table td:nth-child(17){width:6.5%!important}
  body.print-movement-report .movement-report-table th:nth-child(18),
  body.print-movement-report .movement-report-table td:nth-child(18){width:8.0%!important}

  /* Her yeni sayfada kolon başlığı düzgün tekrar etsin. */
  body.print-movement-report .movement-report-table thead tr{
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
}


/* Borç / Emanet Yönetimi */
.loan-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;background:transparent;box-shadow:none;padding:0;border:0}
.loan-summary>div{background:#fff;border:1px solid #dfe9ee;border-radius:14px;padding:18px 20px;box-shadow:0 4px 18px rgba(33,77,99,.06)}
.loan-summary span{display:block;color:#6a7d89;font-size:12px;font-weight:700}.loan-summary strong{display:block;color:#17384a;font-size:28px;margin-top:5px}
.loan-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.loan-form-grid .span-2{grid-column:span 2}
.loan-filter{display:grid;grid-template-columns:1fr 220px;gap:12px;margin-top:16px}
.loan-page table small{color:#71838e}.hidden{display:none!important}
@media(max-width:900px){.loan-summary{grid-template-columns:1fr}.loan-form-grid{grid-template-columns:1fr}.loan-form-grid .span-2{grid-column:span 1}.loan-filter{grid-template-columns:1fr}}

/* 2026-09-24 barkod/borç kullanım düzeltmeleri */
.loan-page .barcode-inline{display:flex;gap:8px;align-items:center}
.loan-page .barcode-inline input{flex:1;min-width:0}
.loan-find-button{height:48px;padding:0 18px;border:0;border-radius:12px;background:#0e7781;color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}
.loan-find-button:hover{filter:brightness(.95)}
.loan-page #loanLookupHint{display:block;margin-top:6px;line-height:1.3}
@media(max-width:700px){.loan-page .barcode-inline{flex-wrap:wrap}.loan-find-button{min-width:76px}}


/* FIX4 — Belgeler / Tutanaklar ekranı */
.documents-page{max-width:1600px}
.documents-shell{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px;align-items:start}
.documents-filter-panel,.documents-main{background:#fff;border:1px solid #dfe9ee;border-radius:14px;box-shadow:0 4px 18px rgba(33,77,99,.04)}
.documents-filter-panel{padding:16px;position:sticky;top:82px}
.documents-filter-title{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:900;color:#0d365d;margin-bottom:16px}
.documents-filter-title svg{width:19px;height:19px;color:#0e7781}.documents-filter-caret{margin-left:auto}
.documents-filter-group{margin-bottom:16px}.documents-filter-group label{display:block;font-weight:800;color:#14385b;margin-bottom:7px;font-size:13px}
.documents-filter-group input,.documents-filter-group select,.documents-sort select{width:100%;height:42px;border:1px solid #c9dbe6;border-radius:9px;background:#fff;padding:0 12px;color:#183c5d;outline:none}
.documents-filter-group input:focus,.documents-filter-group select:focus{border-color:#0e7781;box-shadow:0 0 0 2px rgba(14,119,129,.08)}
.documents-date-row{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.documents-date-row span{color:#688091}
.documents-filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.documents-apply,.documents-clear{height:44px;border-radius:9px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.documents-apply{border:0;background:#0e7781;color:#fff}.documents-clear{border:1px solid #0e7781;background:#fff;color:#0e6070}
.documents-main{overflow:hidden}
.documents-tabs{display:flex;gap:10px;flex-wrap:wrap;padding:15px 16px;border-bottom:1px solid #e5eef3}
.documents-tab{border:1px solid #d9e6ed;background:#f5f9fb;color:#224766;border-radius:8px;padding:10px 20px;font-weight:700;cursor:pointer}
.documents-tab.active{background:#0e7781;border-color:#0e7781;color:#fff;box-shadow:0 4px 12px rgba(14,119,129,.18)}
.documents-tab.is-disabled{opacity:.55;cursor:not-allowed}
.documents-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;color:#587286;font-size:13px}
.documents-sort{display:flex;align-items:center;gap:10px}.documents-sort span{font-weight:700}.documents-sort select{width:210px;height:40px}
.documents-table-wrap{overflow:auto;padding:0 14px}
.documents-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #dfe9ee;border-radius:10px;overflow:hidden}
.documents-table th{background:#eef5f8;color:#163a59;padding:11px 12px;font-size:12px;text-align:left;white-space:nowrap}
.documents-table td{padding:11px 12px;border-top:1px solid #e6eef2;color:#17384a;vertical-align:middle;font-size:13px}
.documents-table tbody tr:hover{background:#fbfdfe}
.documents-table td:first-child b{display:block;color:#0d365d}.documents-table td small{display:block;color:#7890a0;margin-top:3px;font-size:11px}
.document-type-badge{display:inline-block;padding:5px 10px;border-radius:7px;font-size:11px;font-weight:800;white-space:nowrap}
.document-type-badge.transfer{background:#eee5ff;color:#6f35bb}.document-type-badge.return{background:#ffebe3;color:#c95b2f}.document-type-badge.loan-out{background:#e1efff;color:#1761a9}.document-type-badge.loan-in{background:#ffe7e3;color:#c94737}.document-type-badge.neutral{background:#edf1f4;color:#576a76}
.document-status-badge{display:inline-block;padding:6px 11px;border-radius:999px;background:#d9f7e7;color:#16834b;font-weight:800;font-size:11px;white-space:nowrap}
.document-actions{display:flex;gap:8px;align-items:center}.document-actions .mini-action{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.document-actions .mini-action svg{width:15px;height:15px}
.document-more{width:34px;height:34px;border:1px solid #cfdee7;background:#fff;border-radius:8px;font-size:20px;line-height:1;cursor:pointer;color:#214768}
.documents-empty{text-align:center!important;padding:34px!important;color:#6e8491!important}
.documents-pager{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;color:#607989;font-size:12px}
.documents-pager select{height:36px;border:1px solid #d2e0e7;border-radius:8px;padding:0 10px;background:#fff}
.documents-pagination{display:flex;gap:6px}.documents-pagination button{min-width:34px;height:34px;border:1px solid #d6e2e9;background:#fff;border-radius:8px;color:#214768;cursor:pointer}
.documents-pagination button.active{background:#0e7781;color:#fff;border-color:#0e7781}.documents-pagination button:disabled{opacity:.4;cursor:not-allowed}
.document-detail-overlay{position:fixed;inset:0;background:rgba(7,26,38,.42);display:grid;place-items:center;z-index:9999;padding:20px}
.document-detail-modal{width:min(720px,96vw);background:#fff;border-radius:16px;box-shadow:0 20px 70px rgba(0,0,0,.25);overflow:hidden}
.document-detail-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid #e4edf2}.document-detail-head small{color:#7a8d99}.document-detail-head h3{margin:2px 0 0;color:#123a5c}.document-detail-head button{border:0;background:transparent;font-size:28px;cursor:pointer;color:#597180}
.document-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 22px}.document-detail-grid>div{background:#f7fafc;border:1px solid #e1ebf0;border-radius:10px;padding:12px}.document-detail-grid span{display:block;color:#718792;font-size:11px;margin-bottom:4px}.document-detail-grid b{color:#17384a}
.document-detail-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 22px 20px}
@media(max-width:1050px){.documents-shell{grid-template-columns:1fr}.documents-filter-panel{position:static}.documents-tabs{overflow:auto;flex-wrap:nowrap}.documents-tab{white-space:nowrap}}
@media(max-width:700px){.documents-filter-actions,.document-detail-grid{grid-template-columns:1fr}.documents-toolbar,.documents-pager{align-items:stretch;gap:10px;flex-direction:column}.documents-sort{justify-content:space-between}.documents-sort select{width:180px}}