/* ============================================================
   LIQUID GLASS - INLINE STYLE OVERRIDES
   These rules override inline styles hardcoded in PHP files.
   Must be loaded AFTER style.css.
   ============================================================ */

/* ============================================================
   GLOBAL GLASSMORPHISM - TUM SAYFALAR (login haric)
   Anasayfa ile ayni estetik; aydinlik/karanlik tema destegi
   ============================================================ */

/* Body arka plani - login benzeri zengin gradient (aydinlik tema)
   background-attachment: scroll = kaydirma performansi icin (fixed repaint sorunlarina yol acar) */
html:not(.login-page) body {
  background: 
    radial-gradient(ellipse 55% 35% at 15% 25%, rgba(122, 143, 165, 0.6), transparent 55%),
    radial-gradient(ellipse 50% 30% at 85% 75%, rgba(98, 118, 139, 0.5), transparent 50%),
    linear-gradient(140deg, #E4E9F2 0%, #D4DCE8 18%, #C5D0DE 42%, #B8C5D5 65%, #D8E0EC 100%) !important;
  background-attachment: scroll !important;
  min-height: 100vh !important;
}

/* Body arka plani - karanlik tema */
html[data-theme="dark"]:not(.login-page) body {
  background: 
    radial-gradient(ellipse 55% 35% at 15% 25%, rgba(70, 82, 98, 0.9), transparent 55%),
    radial-gradient(ellipse 50% 30% at 85% 75%, rgba(58, 68, 82, 0.8), transparent 50%),
    linear-gradient(140deg, #2A3038 0%, #354052 18%, #404A5A 42%, #3A4452 65%, #2E3640 100%) !important;
  background-attachment: scroll !important;
}

@media (prefers-color-scheme: dark) {
  html:not(.login-page):not([data-theme]) body {
    background: 
      radial-gradient(ellipse 55% 35% at 15% 25%, rgba(70, 82, 98, 0.9), transparent 55%),
      radial-gradient(ellipse 50% 30% at 85% 75%, rgba(58, 68, 82, 0.8), transparent 50%),
      linear-gradient(140deg, #2A3038 0%, #354052 18%, #404A5A 42%, #3A4452 65%, #2E3640 100%) !important;
    background-attachment: scroll !important;
  }
}

/* Fixedheader - liquid glass kart (tum sayfalarda) */
html:not(.login-page) .fixedheader {
  background: rgba(255, 255, 255, 0.22) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

html[data-theme="dark"]:not(.login-page) .fixedheader {
  background: rgba(55, 62, 72, 0.55) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* Karanlik tema: container seffaf, toggle/nav-btn header ile ayni ton */
html[data-theme="dark"]:not(.login-page) .fixedheader .container {
  background: transparent !important;
}

html[data-theme="dark"]:not(.login-page) .fixedheader .theme-toggle,
html[data-theme="dark"]:not(.login-page) .fixedheader .nav-btn,
html[data-theme="dark"]:not(.login-page) .fixedheader .header-refresh-btn {
  background: rgba(55, 62, 72, 0.5) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

html[data-theme="dark"]:not(.login-page) .fixedheader .theme-toggle:hover,
html[data-theme="dark"]:not(.login-page) .fixedheader .nav-btn:hover,
html[data-theme="dark"]:not(.login-page) .fixedheader .header-refresh-btn:hover {
  background: rgba(65, 72, 85, 0.65) !important;
}

/* Anasayfa (GP/SP) tema toggle: dashboard ile ayni kutu; dokunmatik :hover/:focus renk sabit */
html:not(.login-page) .fixedheader.is-anasayfa .theme-toggle {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

html:not(.login-page) .fixedheader.is-anasayfa .theme-toggle,
html:not(.login-page) .fixedheader.is-anasayfa .theme-toggle:hover,
html:not(.login-page) .fixedheader.is-anasayfa .theme-toggle:focus,
html:not(.login-page) .fixedheader.is-anasayfa .theme-toggle:focus-visible,
html:not(.login-page) .fixedheader.is-anasayfa .theme-toggle:active {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.08);
  outline: none;
}

html:not(.login-page) .fixedheader.is-anasayfa .theme-toggle svg,
html:not(.login-page) .fixedheader.is-anasayfa .theme-toggle:hover svg,
html:not(.login-page) .fixedheader.is-anasayfa .theme-toggle:focus svg,
html:not(.login-page) .fixedheader.is-anasayfa .theme-toggle:focus-visible svg,
html:not(.login-page) .fixedheader.is-anasayfa .theme-toggle:active svg {
  color: var(--color-text-secondary);
}

html[data-theme="dark"]:not(.login-page) .fixedheader.is-anasayfa .theme-toggle,
html[data-theme="dark"]:not(.login-page) .fixedheader.is-anasayfa .theme-toggle:hover,
html[data-theme="dark"]:not(.login-page) .fixedheader.is-anasayfa .theme-toggle:focus,
html[data-theme="dark"]:not(.login-page) .fixedheader.is-anasayfa .theme-toggle:focus-visible,
html[data-theme="dark"]:not(.login-page) .fixedheader.is-anasayfa .theme-toggle:active {
  background: rgba(55, 62, 72, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  outline: none !important;
}

html[data-theme="dark"]:not(.login-page) .fixedheader.is-anasayfa .theme-toggle svg,
html[data-theme="dark"]:not(.login-page) .fixedheader.is-anasayfa .theme-toggle:hover svg,
html[data-theme="dark"]:not(.login-page) .fixedheader.is-anasayfa .theme-toggle:focus svg,
html[data-theme="dark"]:not(.login-page) .fixedheader.is-anasayfa .theme-toggle:focus-visible svg,
html[data-theme="dark"]:not(.login-page) .fixedheader.is-anasayfa .theme-toggle:active svg {
  color: var(--color-text-secondary);
}

@media (prefers-color-scheme: dark) {
  html:not(.login-page):not([data-theme]) .fixedheader {
    background: rgba(55, 62, 72, 0.55) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  }
  html:not(.login-page):not([data-theme]) .fixedheader .container {
    background: transparent !important;
  }
  html:not(.login-page):not([data-theme]) .fixedheader .theme-toggle,
  html:not(.login-page):not([data-theme]) .fixedheader .nav-btn,
  html:not(.login-page):not([data-theme]) .fixedheader .header-refresh-btn {
    background: rgba(55, 62, 72, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
  }
  html:not(.login-page):not([data-theme]) .fixedheader .theme-toggle:hover,
  html:not(.login-page):not([data-theme]) .fixedheader .nav-btn:hover,
  html:not(.login-page):not([data-theme]) .fixedheader .header-refresh-btn:hover {
    background: rgba(65, 72, 85, 0.65) !important;
  }
  html:not(.login-page):not([data-theme]) .fixedheader.is-anasayfa .theme-toggle,
  html:not(.login-page):not([data-theme]) .fixedheader.is-anasayfa .theme-toggle:hover,
  html:not(.login-page):not([data-theme]) .fixedheader.is-anasayfa .theme-toggle:focus,
  html:not(.login-page):not([data-theme]) .fixedheader.is-anasayfa .theme-toggle:focus-visible,
  html:not(.login-page):not([data-theme]) .fixedheader.is-anasayfa .theme-toggle:active {
    background: rgba(55, 62, 72, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    outline: none !important;
  }
  html:not(.login-page):not([data-theme]) .fixedheader.is-anasayfa .theme-toggle svg,
  html:not(.login-page):not([data-theme]) .fixedheader.is-anasayfa .theme-toggle:hover svg,
  html:not(.login-page):not([data-theme]) .fixedheader.is-anasayfa .theme-toggle:focus svg,
  html:not(.login-page):not([data-theme]) .fixedheader.is-anasayfa .theme-toggle:focus-visible svg,
  html:not(.login-page):not([data-theme]) .fixedheader.is-anasayfa .theme-toggle:active svg {
    color: var(--color-text-secondary);
  }
}

/* Gonderbuton - glass kart stili (tum sayfalarda) */
html:not(.login-page) .gonderbuton {
  background: rgba(255, 255, 255, 0.28) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

html:not(.login-page) .gonderbuton:hover {
  background: rgba(255, 255, 255, 0.42) !important;
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}

html[data-theme="dark"]:not(.login-page) .gonderbuton {
  background: rgba(65, 72, 85, 0.45) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

html[data-theme="dark"]:not(.login-page) .gonderbuton:hover {
  background: rgba(75, 83, 98, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

@media (prefers-color-scheme: dark) {
  html:not(.login-page):not([data-theme]) .gonderbuton {
    background: rgba(65, 72, 85, 0.45) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  }
  html:not(.login-page):not([data-theme]) .gonderbuton:hover {
    background: rgba(75, 83, 98, 0.55) !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  }
}

/* Fixedheader icindeki select ve input - glass stil (gp/sp dashboard & anasayfa sube alanlari) */
html:not(.login-page) .fixedheader select,
html:not(.login-page) .fixedheader input[type="text"] {
  background: rgba(255, 255, 255, 0.42) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: var(--radius-md) !important;
  -webkit-tap-highlight-color: transparent !important;
  box-sizing: border-box !important;
}

html[data-theme="dark"]:not(.login-page) .fixedheader select,
html[data-theme="dark"]:not(.login-page) .fixedheader input[type="text"] {
  background: rgba(65, 72, 85, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

@media (prefers-color-scheme: dark) {
  html:not(.login-page):not([data-theme]) .fixedheader select,
  html:not(.login-page):not([data-theme]) .fixedheader input[type="text"] {
    background: rgba(65, 72, 85, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

html:not(.login-page) .fixedheader select:focus,
html:not(.login-page) .fixedheader select:focus-visible,
html:not(.login-page) .fixedheader select:active,
html:not(.login-page) .fixedheader input[type="text"]:focus,
html:not(.login-page) .fixedheader input[type="text"]:focus-visible,
html:not(.login-page) .fixedheader input[type="text"]:active {
  outline: none !important;
  border-radius: var(--radius-md) !important;
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.15) !important;
}

html[data-theme="dark"]:not(.login-page) .fixedheader select:focus,
html[data-theme="dark"]:not(.login-page) .fixedheader select:focus-visible,
html[data-theme="dark"]:not(.login-page) .fixedheader select:active,
html[data-theme="dark"]:not(.login-page) .fixedheader input[type="text"]:focus,
html[data-theme="dark"]:not(.login-page) .fixedheader input[type="text"]:focus-visible,
html[data-theme="dark"]:not(.login-page) .fixedheader input[type="text"]:active {
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.22) !important;
}

@media (prefers-color-scheme: dark) {
  html:not(.login-page):not([data-theme]) .fixedheader select:focus,
  html:not(.login-page):not([data-theme]) .fixedheader select:focus-visible,
  html:not(.login-page):not([data-theme]) .fixedheader select:active,
  html:not(.login-page):not([data-theme]) .fixedheader input[type="text"]:focus,
  html:not(.login-page):not([data-theme]) .fixedheader input[type="text"]:focus-visible,
  html:not(.login-page):not([data-theme]) .fixedheader input[type="text"]:active {
    box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.22) !important;
  }
}

/* Separator / hr - ince ayirici (tum sayfalarda) */
html:not(.login-page) hr.separator {
  border-top-color: rgba(0, 0, 0, 0.06) !important;
}

html[data-theme="dark"]:not(.login-page) hr.separator {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

@media (prefers-color-scheme: dark) {
  html:not(.login-page):not([data-theme]) hr.separator {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
  }
}

/* Lisans uyarisi: gradient korunur, ustte kirmizi bar gosterilir */
html:not(.login-page) body[style*="rgba(255, 0, 0"]::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--color-accent);
  z-index: 99999;
}

/* Rapor tablolari - glass stil (standarttable, buttonframetable) */
html:not(.login-page) .standarttable,
html:not(.login-page) .stndrttable,
html:not(.login-page) .buttonframetable {
  background: rgba(255, 255, 255, 0.28) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

html[data-theme="dark"]:not(.login-page) .standarttable,
html[data-theme="dark"]:not(.login-page) .stndrttable,
html[data-theme="dark"]:not(.login-page) .buttonframetable {
  background: rgba(65, 72, 85, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

@media (prefers-color-scheme: dark) {
  html:not(.login-page):not([data-theme]) .standarttable,
  html:not(.login-page):not([data-theme]) .stndrttable,
  html:not(.login-page):not([data-theme]) .buttonframetable {
    background: rgba(65, 72, 85, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  }
}

/* iptaldetay.php - ic tablo satirlari: .buttoninnertable td padding tum ic hucelere miras kaliyordu */
html:not(.login-page) .buttoninnertable.iptal-detay-inner {
  height: auto !important;
}

html:not(.login-page) .iptal-detay-rows {
  border-collapse: collapse;
  width: 100%;
}

html:not(.login-page) .iptal-detay-rows td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: var(--space-md) !important;
  padding-right: var(--space-md) !important;
  line-height: 1.35 !important;
  vertical-align: top !important;
}

/* ============================================================
   CONTAINER / HEADER SECTION OVERRIDES
   PHP files use: style="height: Xpx; background: #f9f9f9; opacity: 0.9;"
   ============================================================ */

.container[style],
.fixedheader .container,
div.container {
  height: auto !important;
  background: transparent !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: var(--space-xs) var(--space-sm) !important;
  border-bottom: none !important;
}

/* Rapor sayfalari: container header-bar icinde, dar padding */
.fixedheader:not(.is-anasayfa) .header-bar-center .container {
  padding: var(--space-xs) var(--space-sm) !important;
}

/* Anasayfa: container, minimal padding */
.fixedheader.is-anasayfa .container {
  padding: var(--space-sm) var(--space-md) var(--space-xs) !important;
}

/* ============================================================
   BODY BACKGROUND OVERRIDES
   PHP uses: style="background-color: rgba(255, 0, 0, 0.4);" for license warning
   ============================================================ */

/* Login haric: lisans uyarisinda gradient korunur (::before ile kirmizi bar) */
html:not(.login-page) body[style*="background-color"] {
  background: 
    radial-gradient(ellipse 55% 35% at 15% 25%, rgba(122, 143, 165, 0.6), transparent 55%),
    radial-gradient(ellipse 50% 30% at 85% 75%, rgba(98, 118, 139, 0.5), transparent 50%),
    linear-gradient(140deg, #E4E9F2 0%, #D4DCE8 18%, #C5D0DE 42%, #B8C5D5 65%, #D8E0EC 100%) !important;
  background-attachment: fixed !important;
}

html[data-theme="dark"]:not(.login-page) body[style*="background-color"] {
  background: 
    radial-gradient(ellipse 55% 35% at 15% 25%, rgba(70, 82, 98, 0.9), transparent 55%),
    radial-gradient(ellipse 50% 30% at 85% 75%, rgba(58, 68, 82, 0.8), transparent 50%),
    linear-gradient(140deg, #2A3038 0%, #354052 18%, #404A5A 42%, #3A4452 65%, #2E3640 100%) !important;
  background-attachment: fixed !important;
}


/* ============================================================
   SHADE IMAGE TABLE (visual separator after header)
   PHP uses: style="width: 100%; height: 4px; background: url('images/shade.png'); opacity: 0.1;"
   ============================================================ */

table[style*="shade.png"],
table[style*="shade"] {
  background: transparent !important;
  height: 0 !important;
  opacity: 0 !important;
  display: none !important;
}

/* ============================================================
   SPACER TABLE (below header)
   PHP uses: style="height: 140px; background: #e9e9e9;"
   ============================================================ */

table[style*="background: #e9e9e9"],
table[style*="background:#e9e9e9"],
.header-spacer,
#ustbosluk {
  background: transparent !important;
}

/* ============================================================
   ABSOLUTE POSITIONED "NO RECORDS" TABLE
   Static "Kayıt Yok" tables hidden; replaced by dynamic JS message
   ============================================================ */

table[style*="z-index: -1"],
table[style*="z-index:-1"] {
  display: none !important;
}

/* Secim sayfasi butonlari - genel primary ile uyumlu (gri tonlar) */
.secim-sayfasi .secim-buton {
  font-weight: var(--font-weight-semibold) !important;
  letter-spacing: 0.02em !important;
  -webkit-tap-highlight-color: transparent !important;
}
.secim-sayfasi .secim-buton:active {
  background: var(--color-primary-hover) !important;
}

/* Adisyon ara formu - textbox ve Ara butonu ayni hiza, ayni yukseklik */
.adisyon-ara-form .adisyon-ara-input,
.adisyon-ara-form .adisyon-ara-buton {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  box-sizing: border-box !important;
  padding: 10px var(--space-md) !important;
  font-size: var(--font-size-base) !important;
  border-radius: var(--radius-sm) !important;
  vertical-align: middle !important;
}
.adisyon-ara-form .adisyon-ara-buton {
  background: var(--color-primary) !important;
  color: #fff !important;
  border: none !important;
  font-weight: var(--font-weight-semibold) !important;
  cursor: pointer !important;
  transition: all var(--transition-fast) !important;
  -webkit-tap-highlight-color: transparent !important;
}
.adisyon-ara-form .adisyon-ara-buton:hover {
  background: var(--color-primary-hover) !important;
}
.adisyon-ara-form .adisyon-ara-buton:active {
  background: var(--color-primary-hover) !important;
}
.adisyon-ara-form td {
  vertical-align: middle !important;
}

/* Adisyon butonlari - tiklandiginda donme efekti */
.adisyon-submit-btn.adisyon-btn-loading {
  position: relative !important;
}
.adisyon-submit-btn.adisyon-btn-loading::after {
  content: '' !important;
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  margin-top: -9px !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid rgba(255,255,255,0.4) !important;
  border-top-color: #fff !important;
  border-radius: 50% !important;
  animation: adisyon-spin 0.7s linear infinite !important;
}
/* Ara butonu - koyu arka plan, beyaz spinner */
.adisyon-ara-buton.adisyon-btn-loading::after {
  border-color: rgba(255,255,255,0.4) !important;
  border-top-color: #fff !important;
}
/* Tum Adisyonlari Listele - acik arka plan, koyu spinner */
.gonderbuton.adisyon-btn-loading::after {
  right: 16px !important;
  border-color: rgba(0,0,0,0.15) !important;
  border-top-color: var(--color-primary) !important;
}
@keyframes adisyon-spin {
  to { transform: rotate(360deg); }
}

/* ============================================================
   CUSTOM CHECKBOX (uchk/chkd) - iptaltalep vb. gri tonlar
   Login sayfasi haric, resim yerine CSS ile cizilmis
   ============================================================ */

html:not(.login-page) .uchk {
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 2px solid var(--color-primary) !important;
  border-radius: 4px !important;
  vertical-align: middle !important;
}

html:not(.login-page) .chkd {
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  background-image: none !important;
  background-color: var(--color-primary) !important;
  border: 2px solid var(--color-primary) !important;
  border-radius: 4px !important;
  vertical-align: middle !important;
  position: relative !important;
}

html:not(.login-page) .chkd::after {
  content: '' !important;
  position: absolute !important;
  left: 5px !important;
  top: 2px !important;
  width: 5px !important;
  height: 9px !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}

/* ============================================================
   IPTAL TALEP LISTESI - secilebilir kartlar (detaya gitmez)
   ============================================================ */

.iptal-talep-list .buttonframetable {
  margin-top: var(--space-sm);
  margin-bottom: var(--space-sm);
  border-radius: var(--radius-md) !important;
}

.iptal-talep-list .buttonframetable:first-of-type {
  margin-top: var(--space-xs);
}

.iptal-talep-list .framebuttonchk,
.iptal-talep-list .framebuttonchkd {
  border-radius: var(--radius-md) !important;
  padding: var(--space-md) var(--space-lg) !important;
  min-height: 60px !important;
}

.iptal-talep-list .framebuttonchk:hover,
.iptal-talep-list .framebuttonchkd:hover {
  background-color: rgba(var(--color-primary-rgb), 0.06) !important;
}

.iptal-talep-list .framebuttonchk:active,
.iptal-talep-list .framebuttonchkd:active {
  background-color: rgba(var(--color-primary-rgb), 0.1) !important;
}

/* ============================================================
   DYNAMIC "NO RECORDS" MESSAGE (injected by script.js)
   ============================================================ */

.kayit-yok-dynamic {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  padding: var(--space-xl) var(--space-md);
}

.kayit-yok-dynamic span {
  font-family: var(--font-family);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-tertiary);
  letter-spacing: 0.02em;
}

/* ============================================================
   FIELDSET BASLIKLARI - uppercase Turkce karakterleri bozar
   Rapor sayfalarinda (Ortalama Servis, Siparisler vb.) duz metin goster
   ============================================================ */

html:not(.login-page) fieldset > text,
html:not(.login-page) fieldset > b {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* gp/masarapor.php: sadece masa satirlari — sube/kisim standarttable degismez */
html:not(.login-page) .wrap.masarapor-page fieldset table.buttonframetable.masarapor-masa-satir > tbody > tr > td,
html:not(.login-page) .wrap.masarapor-page fieldset table.buttonframetable.masarapor-masa-satir > tr > td {
  padding: 0 !important;
  vertical-align: middle;
}
html:not(.login-page) .wrap.masarapor-page fieldset table.buttonframetable.masarapor-masa-satir .framebutton {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  padding-left: var(--space-md) !important;
  padding-right: var(--space-lg) !important;
  min-height: 0 !important;
}
html:not(.login-page) .wrap.masarapor-page fieldset table.buttonframetable.masarapor-masa-satir .buttoninnertable {
  height: auto !important;
  min-height: 0 !important;
}
html:not(.login-page) .wrap.masarapor-page fieldset table.buttonframetable.masarapor-masa-satir .buttoninnertable td {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  line-height: 1.25;
}
html:not(.login-page) .wrap.masarapor-page fieldset table.masarapor-masa-ic td {
  padding: 0 !important;
  line-height: 1.25;
  font-size: 0.875rem;
}

/* gp/gelirnoktasi.php: iki satir korunur, satirlar arasi fazla bosluk azalir */
html:not(.login-page) .buttoninnertable table.gelirnoktasi-ic-tablo {
  border-collapse: collapse;
}
html:not(.login-page) .buttoninnertable table.gelirnoktasi-ic-tablo td {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  line-height: 1.3;
}

/* gp/urunsatis.php: Kapanan Adisyonlar basligi glass kartta; alt satirlarla tek blok */
html:not(.login-page) .wrap fieldset .standarttable.urunsatis-kapali-baslik {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html:not(.login-page) .wrap fieldset .standarttable.urunsatis-kapali-baslik + .buttonframetable {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
html:not(.login-page) .wrap fieldset .standarttable.urunsatis-kapali-baslik + .buttonframetable .framebutton,
html:not(.login-page) .wrap fieldset .standarttable.urunsatis-kapali-baslik + .buttonframetable .framebuttonarrowless,
html:not(.login-page) .wrap fieldset .standarttable.urunsatis-kapali-baslik + .buttonframetable .framebuttonchk,
html:not(.login-page) .wrap fieldset .standarttable.urunsatis-kapali-baslik + .buttonframetable .framebuttonchkd {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* gp/personelrapor.php — Siparis / Tahsilat baslik satiri kart icinde, ilk satir ile birlestir */
html:not(.login-page) .wrap fieldset .standarttable.personelrapor-bolum-baslik {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html:not(.login-page) .wrap fieldset .standarttable.personelrapor-bolum-baslik + .buttonframetable {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
html:not(.login-page) .wrap fieldset .standarttable.personelrapor-bolum-baslik + .buttonframetable .framebutton,
html:not(.login-page) .wrap fieldset .standarttable.personelrapor-bolum-baslik + .buttonframetable .framebuttonarrowless,
html:not(.login-page) .wrap fieldset .standarttable.personelrapor-bolum-baslik + .buttonframetable .framebuttonchk,
html:not(.login-page) .wrap fieldset .standarttable.personelrapor-bolum-baslik + .buttonframetable .framebuttonchkd {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* gp/personelrapor.php — detay satirlari ile Toplam ozet tablosu tek kart gorunumu */
html:not(.login-page) .wrap fieldset .buttonframetable:has(+ .standarttable.personelrapor-bolum-ozet) {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html:not(.login-page) .wrap fieldset .buttonframetable:has(+ .standarttable.personelrapor-bolum-ozet) .framebutton,
html:not(.login-page) .wrap fieldset .buttonframetable:has(+ .standarttable.personelrapor-bolum-ozet) .framebuttonarrowless,
html:not(.login-page) .wrap fieldset .buttonframetable:has(+ .standarttable.personelrapor-bolum-ozet) .framebuttonchk,
html:not(.login-page) .wrap fieldset .buttonframetable:has(+ .standarttable.personelrapor-bolum-ozet) .framebuttonchkd {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html:not(.login-page) .wrap fieldset .buttonframetable + .standarttable.personelrapor-bolum-ozet {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* gp/personelrapor.php — liste karti icinde 3 satir arasi dikey bosluk */
html:not(.login-page) .wrap fieldset .standarttable.personelrapor-bolum-baslik ~ .buttonframetable .buttoninnertable {
  height: auto !important;
}
html:not(.login-page) .wrap fieldset .standarttable.personelrapor-bolum-baslik ~ .buttonframetable .buttoninnertable td {
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
  line-height: 1.2 !important;
}
html:not(.login-page) .wrap fieldset .standarttable.personelrapor-bolum-baslik ~ .buttonframetable .framebutton,
html:not(.login-page) .wrap fieldset .standarttable.personelrapor-bolum-baslik ~ .buttonframetable .framebuttonarrowless,
html:not(.login-page) .wrap fieldset .standarttable.personelrapor-bolum-baslik ~ .buttonframetable .framebuttonchk,
html:not(.login-page) .wrap fieldset .standarttable.personelrapor-bolum-baslik ~ .buttonframetable .framebuttonchkd {
  padding-top: 0.35rem !important;
  padding-bottom: 0.35rem !important;
}

/* gp/personelrapor.php — ust baslik: 1. kalin; tarih + rapor adi tek blokta siki (html sinifindan bagimsiz) */
.fixedheader:not(.is-anasayfa) .container.personelrapor-rapor-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  row-gap: 0 !important;
  gap: 0 !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  min-height: 0 !important;
}
.fixedheader:not(.is-anasayfa) .container.personelrapor-rapor-header .personelrapor-ust-s1 {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 0 2px 0 !important;
  padding: 0 !important;
  line-height: 1.15 !important;
}
.fixedheader:not(.is-anasayfa) .container.personelrapor-rapor-header .personelrapor-ust-s1 text,
.fixedheader:not(.is-anasayfa) .container.personelrapor-rapor-header .personelrapor-ust-s1 text b {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}
.fixedheader:not(.is-anasayfa) .container.personelrapor-rapor-header .personelrapor-ust-s23 {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}
.fixedheader:not(.is-anasayfa) .container.personelrapor-rapor-header .personelrapor-ust-s23 .personelrapor-ust-tarih,
.fixedheader:not(.is-anasayfa) .container.personelrapor-rapor-header .personelrapor-ust-s23 .personelrapor-ust-altbaslik {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.12 !important;
}
.fixedheader:not(.is-anasayfa) .container.personelrapor-rapor-header .personelrapor-ust-s23 .personelrapor-ust-altbaslik {
  margin-top: 1px !important;
}
.fixedheader:not(.is-anasayfa) .container.personelrapor-rapor-header .personelrapor-ust-s23 text {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 400 !important;
  line-height: inherit !important;
}

/* gp/tahsilatrapor.php — tutar kutulari: sabit genislik; yukseklik / cam / focus = varsayilan .sorguinput */
html:not(.login-page) .wrap fieldset input.sorguinput.tahsilatrapor-tutar-alan {
  width: 10rem !important;
  min-width: 10rem !important;
  max-width: 10rem !important;
  box-sizing: border-box !important;
  text-align: right !important;
  font-size: var(--font-size-base) !important;
  padding: 8px var(--space-md) !important;
  background: var(--glass-bg-heavy) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--color-text) !important;
}
html:not(.login-page) .wrap fieldset input.sorguinput.tahsilatrapor-tutar-alan:focus,
html:not(.login-page) .wrap fieldset input.sorguinput.tahsilatrapor-tutar-alan:focus-visible {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.15) !important;
  outline: none !important;
}

/* gp/tahsilatrapor.php — iki sutunlu satirlar: tutar sutunu sabit, isim kalan alan */
html:not(.login-page) .wrap fieldset table.standarttable.tahsilatrapor-ozet-satir,
html:not(.login-page) .wrap fieldset table.standarttable.tahsilatrapor-kisim-satir {
  table-layout: fixed !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
html:not(.login-page) .wrap fieldset table.standarttable.tahsilatrapor-ozet-satir td:last-child,
html:not(.login-page) .wrap fieldset table.standarttable.tahsilatrapor-kisim-satir td:last-child {
  width: 11.5rem !important;
  min-width: 11.5rem !important;
  max-width: 11.5rem !important;
  vertical-align: middle !important;
  text-align: right !important;
  box-sizing: border-box !important;
}
html:not(.login-page) .wrap fieldset table.standarttable.tahsilatrapor-ozet-satir td:first-child {
  font-size: var(--font-size-base) !important;
  vertical-align: middle !important;
}
html:not(.login-page) .wrap fieldset table.standarttable.tahsilatrapor-kisim-satir td:first-child {
  width: auto !important;
  font-size: 0.78rem !important;
  vertical-align: middle !important;
  word-break: break-word !important;
}
html:not(.login-page) .wrap fieldset table.standarttable.tahsilatrapor-kisim-satir span.tahsilatrapor-kisim-tire,
html:not(.login-page) .wrap fieldset table.standarttable.tahsilatrapor-kisim-satir span.tahsilatrapor-kisim-adi {
  font-size: inherit !important;
  font-weight: 400 !important;
}
html:not(.login-page) .wrap fieldset table.standarttable.tahsilatrapor-kisim-satir span.tahsilatrapor-kisim-tire {
  color: var(--color-text-tertiary) !important;
  opacity: 0.58 !important;
}

/* gp/personelsprsdetay.php — en alt ozet satiri (adet + tutar): hafif yukseklik (tam genislik) */
html:not(.login-page) .wrap fieldset table.standarttable.personelsprs-detay-ozet td {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  min-height: 2.35rem !important;
  vertical-align: middle !important;
}
html:not(.login-page) .wrap fieldset table.standarttable.personelsprs-detay-ozet td b {
  font-weight: 700 !important;
}

/* ============================================================
   TEXT ELEMENT FONT SIZE OVERRIDES
   PHP uses: style="font-size: 1.3em;" extensively on <text> elements
   ============================================================ */

text[style*="font-size"] {
  font-family: var(--font-family) !important;
  color: var(--color-text) !important;
}

/* Rapor ve detay sayfalari: header <text> (GP ve SP'de .sp-report-header OLMAYAN container'lar) */
.fixedheader:not(.is-anasayfa) .container:not(.sp-report-header) text,
.fixedheader:not(.is-anasayfa) .container:not(.sp-report-header) center text,
.fixedheader:not(.is-anasayfa) .header-bar-center text,
.fixedheader:not(.is-anasayfa) .header-bar-center .container:not(.sp-report-header) text,
.fixedheader:not(.is-anasayfa) .header-bar-center .container:not(.sp-report-header) center text {
  font-size: 0.8rem !important;
}

/* SP: tum rapor/detay header basliklari — .sp-report-header sadece sp/ altinda (GP kullanmaz) */
.fixedheader:not(.is-anasayfa) .container.sp-report-header text,
.fixedheader:not(.is-anasayfa) .container.sp-report-header center text,
.fixedheader:not(.is-anasayfa) .header-bar-center .container.sp-report-header text,
.fixedheader:not(.is-anasayfa) .header-bar-center .container.sp-report-header center text {
  font-size: 1rem !important;
}

/* sp/tarihsaatrapor.php — iki satir farkli punto */
.fixedheader:not(.is-anasayfa) .container.sp-tarihsaat-header > center:nth-of-type(1) text,
.fixedheader:not(.is-anasayfa) .header-bar-center .container.sp-tarihsaat-header > center:nth-of-type(1) text {
  font-size: 0.8rem !important;
}
.fixedheader:not(.is-anasayfa) .container.sp-tarihsaat-header > center:nth-of-type(2) text,
.fixedheader:not(.is-anasayfa) .header-bar-center .container.sp-tarihsaat-header > center:nth-of-type(2) text {
  font-size: 1rem !important;
}

/* sp/gp lisans.php — baslik bandi ayni yukseklik (SP dar / GP 3 satir + 80px etkisi ortasi) */
.fixedheader:not(.is-anasayfa) .container.lisans-page-header,
.fixedheader:not(.is-anasayfa) .header-bar-center .container.lisans-page-header {
  min-height: 3.375rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* lisans.php Hesabim basligi (<span>) — GP sp-report-header kullanmadigi icin bu kural korunur */
.fixedheader:not(.is-anasayfa) .container .lisans-header-title,
.fixedheader:not(.is-anasayfa) .container center .lisans-header-title,
.fixedheader:not(.is-anasayfa) .header-bar-center .lisans-header-title,
.fixedheader:not(.is-anasayfa) .header-bar-center .container .lisans-header-title {
  font-size: 1rem !important;
  font-family: var(--font-family) !important;
  color: var(--color-text) !important;
}
/* anasayfa Hesabim butonu ile ayni kullanici ikonu */
.fixedheader:not(.is-anasayfa) .lisans-header-title--with-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4em !important;
}
.fixedheader:not(.is-anasayfa) .lisans-header-icon {
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  color: inherit !important;
}
.fixedheader:not(.is-anasayfa) .lisans-header-icon svg {
  width: 1.15em !important;
  height: 1.15em !important;
  display: block !important;
}

/* gp/sp lisans.php — gercek “kart” .standarttable; ust/alt ayni deger (simetri) */
.lisans-hesap-fieldset .lisans-hesap-table.standarttable {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  padding-left: var(--space-md) !important;
  padding-right: var(--space-md) !important;
  box-sizing: border-box !important;
}
/* Son satir (Kaydet): ust bosluk = e-posta input ile "Yeni şifre" satiri arasi (8px + 0.35rem + 1.1rem) */
.lisans-hesap-tbody-sifre tr:last-child td {
  padding-top: calc(8px + 0.35rem + 1.1rem) !important;
  padding-bottom: 0 !important;
}
.lisans-hesap-fieldset .lisans-hesap-tbody-sifre tr:last-child .gonderbuton {
  margin-top: 0 !important;
}

/* Kaydet: cam + sol kaydet ikonu; ok (::after) yok, ikon+metin ortada */
.lisans-hesap-fieldset .gonderbuton.lisans-hesap-kaydet-btn {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5em !important;
  text-align: center !important;
}
.lisans-hesap-fieldset .gonderbuton.lisans-hesap-kaydet-btn::after {
  content: none !important;
  display: none !important;
}
.lisans-hesap-fieldset .gonderbuton.lisans-hesap-kaydet-btn .gonderbuton-lead-icon svg {
  width: 1.15em !important;
  height: 1.15em !important;
  display: block !important;
}
.lisans-hesap-fieldset .gonderbuton.lisans-hesap-kaydet-btn text {
  display: inline !important;
  width: auto !important;
  text-align: center !important;
}
.lisans-hesap-tbody-eposta tr:last-child td {
  padding-bottom: 0.35rem !important;
}
.lisans-hesap-tbody-sifre tr:first-child td {
  padding-top: 1.1rem !important;
}
/* Bildirim: kartin altinda (fieldset ile ayni genislikte, .wrap icinde) */
.lisans-hesap-fieldset + .lisans-hesap-msg {
  margin-top: 0.75rem !important;
  margin-bottom: 0 !important;
}
.lisans-hesap-msg {
  padding: 10px 12px !important;
  margin: 0 !important;
  border-radius: var(--radius-sm, 8px) !important;
  font-size: 0.9rem !important;
  line-height: 1.35 !important;
}
.lisans-hesap-msg--ok {
  background: rgba(34, 197, 94, 0.15) !important;
  border: 1px solid rgba(34, 197, 94, 0.35) !important;
  color: var(--color-text) !important;
}
.lisans-hesap-msg--err {
  /* Toast / admin ile ayni: hafif turuncu cerceve */
  background: rgba(251, 146, 60, 0.1) !important;
  border: 1px solid rgba(251, 146, 60, 0.38) !important;
  color: var(--color-text) !important;
}
.lisans-hesap-msg--bilgi {
  background: rgba(100, 116, 139, 0.14) !important;
  border: 1px solid rgba(100, 116, 139, 0.28) !important;
  color: var(--color-text) !important;
}
.lisans-hesap-hint {
  font-weight: normal !important;
  font-style: italic !important;
  opacity: 0.85 !important;
  font-size: 0.85em !important;
}
/* lisans.php — orta kart: Dashboard tercihi (Kaydet satiri bosluklari eposta kartiyla ayni) */
.lisans-dashboard-fieldset .lisans-hesap-tbody-dash tr:last-child td {
  padding-top: 0.35rem !important;
  padding-bottom: 0 !important;
}
.lisans-dashboard-fieldset + .lisans-hesap-fieldset .lisans-hesap-tbody-eposta tr:first-child td {
  padding-top: 1.1rem !important;
}
.lisans-hesap-input {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 12px !important;
  margin: 4px 0 8px 0 !important;
  border-radius: var(--radius-sm, 8px) !important;
  border: 1px solid var(--color-border) !important;
  background: var(--glass-bg-heavy) !important;
  color: var(--color-text) !important;
  font-family: var(--font-family) !important;
  font-size: 1rem !important;
}
.lisans-hesap-input:focus {
  border-color: var(--color-primary) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.15) !important;
}
text[style*="color: red"],
text[style*="color:red"] {
  color: var(--color-accent) !important;
}

/* ============================================================
   HEADER BACKGROUND TABLE
   PHP uses: style="background: #f9f9f9;" on tables inside header
   ============================================================ */

.fixedheader table[style*="#f9f9f9"],
.container table[style*="#f9f9f9"],
table[style*="background: #f9f9f9"],
table[style*="background:#f9f9f9"] {
  background: transparent !important;
}

/* ============================================================
   DATE INPUT OVERRIDES
   PHP uses heavy inline styling on date inputs
   ============================================================ */

input[style*="text-align: center"],
input[style*="text-align:center"] {
  background: var(--glass-bg-heavy) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--color-text) !important;
  font-family: var(--font-family) !important;
  padding: 8px var(--space-sm) !important;
}

input[style*="text-align: center"]:focus,
input[style*="text-align:center"]:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.15) !important;
  outline: none !important;
}

/* ============================================================
   SELECT DROPDOWN OVERRIDES
   PHP uses: style="width: 91%; margin-right: -1%;" — fixedheader ile ayni cam / oval
   (admin yeni_kullanici vb. sayfa govdesindeki select)
   ============================================================ */

select[style*="width"] {
  background: rgba(255, 255, 255, 0.42) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: var(--radius-md) !important;
  color: var(--color-text) !important;
  font-family: var(--font-family) !important;
  padding: 10px var(--space-md) !important;
  font-size: var(--font-size-base) !important;
  -webkit-tap-highlight-color: transparent !important;
  box-sizing: border-box !important;
}

html[data-theme="dark"]:not(.login-page) select[style*="width"] {
  background: rgba(65, 72, 85, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

@media (prefers-color-scheme: dark) {
  html:not(.login-page):not([data-theme]) select[style*="width"] {
    background: rgba(65, 72, 85, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

select[style*="width"]:focus,
select[style*="width"]:focus-visible,
select[style*="width"]:active {
  outline: none !important;
  border-radius: var(--radius-md) !important;
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.15) !important;
}

html[data-theme="dark"]:not(.login-page) select[style*="width"]:focus,
html[data-theme="dark"]:not(.login-page) select[style*="width"]:focus-visible,
html[data-theme="dark"]:not(.login-page) select[style*="width"]:active {
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.22) !important;
}

@media (prefers-color-scheme: dark) {
  html:not(.login-page):not([data-theme]) select[style*="width"]:focus,
  html:not(.login-page):not([data-theme]) select[style*="width"]:focus-visible,
  html:not(.login-page):not([data-theme]) select[style*="width"]:active {
    box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.22) !important;
  }
}

/* ============================================================
   LOADER TABLE OVERRIDES
   PHP uses: style="margin-top: 65px; width: 100%;"
   ============================================================ */

.loader table[style] {
  background: transparent !important;
}

.loader table[style] font {
  color: var(--color-text-tertiary) !important;
}

/* ============================================================
   BUTTON INLINE STYLE OVERRIDES
   jQuery sets: .css("background", "lightgrey") on click
   ============================================================ */

.gonderbuton[style*="lightgrey"],
.gonderbuton[style*="lightgray"],
.gonderbuton[style*="light-grey"] {
  background: var(--color-primary-light) !important;
  opacity: 0.7;
}

/* ============================================================
   TABLE CELL INLINE ALIGNMENT OVERRIDES
   PHP uses: align="left" and align="right"
   ============================================================ */

.buttoninnertable td[align="left"],
.standarttable td[align="left"],
.buttoninnertable td[align="right"],
.standarttable td[align="right"] {
  color: var(--color-text);
}

/* kasaraporu.php + tarihsaatrapor.php: mobilde yatay tasima */
html:not(.login-page) .wrap.sp-rapor-mobil {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}

html:not(.login-page) .wrap.sp-rapor-mobil fieldset {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

html:not(.login-page) .wrap.sp-rapor-mobil table.standarttable {
  table-layout: fixed;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

html:not(.login-page) .wrap.sp-rapor-mobil table.standarttable td {
  min-width: 0;
  vertical-align: middle;
  box-sizing: border-box;
}

html:not(.login-page) .wrap.sp-rapor-mobil table.standarttable td[align="left"] {
  overflow-wrap: anywhere;
  word-break: break-word;
  font-size: 0.9375rem;
  line-height: 1.35;
}

html:not(.login-page) .wrap.sp-rapor-mobil table.standarttable td[align="right"] {
  width: 9.25rem;
  min-width: 9rem;
  max-width: 46%;
}

html:not(.login-page) .wrap.sp-rapor-mobil table.standarttable .sorguinput {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 0.9375rem;
}

@media (max-width: 480px) {
  html:not(.login-page) .wrap.sp-rapor-mobil table.standarttable {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm);
  }
  html:not(.login-page) .wrap.sp-rapor-mobil table.standarttable td[align="left"] {
    font-size: 0.875rem;
  }
  html:not(.login-page) .wrap.sp-rapor-mobil table.standarttable td[align="right"] {
    width: 8.875rem;
    min-width: 8.625rem;
    max-width: 48%;
  }
  html:not(.login-page) .wrap.sp-rapor-mobil table.standarttable .sorguinput {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 0.875rem;
  }
}

html:not(.login-page) .wrap.sp-rapor-mobil .sp-rapor-acik-ad-wrap {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  max-width: 100%;
}

/* ============================================================
   CALENDAR ICON OVERRIDES
   ============================================================ */

img[src*="calendarb.png"],
img[src*="calendar"] {
  opacity: 0.6;
  filter: var(--calendar-filter, none);
}

[data-theme="dark"] img[src*="calendarb.png"],
[data-theme="dark"] img[src*="calendar"] {
  filter: invert(1) brightness(0.8);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) img[src*="calendarb.png"],
  html:not([data-theme]) img[src*="calendar"] {
    filter: invert(1) brightness(0.8);
  }
}

/* zamansecim.php: saat alani — takvim PNG yerine saat SVG (tema rengi) */
html:not(.login-page) .wrap .zamansecim-time-wrap .btb-timepicker-clock-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0.65;
  color: var(--color-text-secondary);
}
html:not(.login-page) .wrap .zamansecim-time-wrap .btb-timepicker-clock-icon svg {
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* ============================================================
   FOOTER INLINE STYLE OVERRIDES
   PHP uses: style="text-align: left;"
   ============================================================ */

footer[style],
.footer[style] {
  color: var(--color-text-secondary) !important;
}

footer p, .footer p {
  color: var(--color-text-secondary) !important;
}

footer a, .footer a {
  color: var(--color-primary) !important;
}

/* ============================================================
   SEPARATOR INLINE Z-INDEX OVERRIDE
   PHP uses: style="z-index: 0;"
   ============================================================ */

hr.separator[style] {
  border: none !important;
  border-top: 1px solid var(--color-divider) !important;
  opacity: 1 !important;
  margin: var(--space-md) 0 !important;
}

/* Anasayfa: Lisans/Çıkış bolgesindeki cizgi - ust/alt mesafe ayni (ilk buton margin-top kaldirilir) */
hr.separator.separator-footer {
  margin: 20px 0 !important;
}
hr.separator.separator-footer + .wrap .gonderbuton:first-of-type {
  margin-top: 0 !important;
}

/* ============================================================
   TABLE WITH CURSOR POINTER (hidden navigation)
   PHP uses: style="cursor: pointer; background: none; height: 20px; width: 100%; display: block;"
   ============================================================ */

table[style*="cursor: pointer"] {
  background: transparent !important;
}

/* ============================================================
   HIDDEN FORM INPUT OVERRIDES
   Inputs with margin-left inline styling
   ============================================================ */

input[style*="margin-left: 5px"],
input[style*="margin-left:5px"] {
  background: var(--glass-bg-heavy) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--color-text) !important;
  padding: 10px var(--space-md) !important;
  margin-left: 0 !important;
  font-family: var(--font-family) !important;
}

/* Tarih alani: ikon img ile sagda (karanlik tema img filtreleri ile uyumlu) */
.btb-datepicker-wrap {
  position: relative;
  display: inline-block;
  width: 82%;
  max-width: 100%;
  vertical-align: middle;
}

.btb-datepicker-wrap .btb-datepicker-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  width: 20px;
  height: 20px;
  object-fit: contain;
}

/* Anasayfa tarih alanlari: 1rem + 10px buyutuldu (tarihler sigmasi icin) */
.fixedheader.is-anasayfa input#ilktarihui,
.fixedheader.is-anasayfa input#sontarihui {
  margin-top: 0 !important;
  padding: 6px 36px 6px 8px !important;
  font-size: 1rem !important;
  width: 100% !important;
  min-width: 136px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background-image: none !important;
}

/* zamansecim.php: panel = picker + Raporu Getir ayni genislikte */
html:not(.login-page) .wrap .zamansecim-panel {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: var(--space-sm) var(--space-md) 0;
  box-sizing: border-box;
}

html:not(.login-page) .wrap .zamansecim-filters {
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html:not(.login-page) .wrap .zamansecim-filters .zamansecim-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-xs);
  width: 100%;
  margin-bottom: var(--space-lg);
}

html:not(.login-page) .wrap .zamansecim-filters .zamansecim-row:last-of-type {
  margin-bottom: 0;
}

/* zamansecim.php: Bitis Zamani pickerlari biraz yukari */
html:not(.login-page) .wrap.secim-sayfasi .zamansecim-filters .zamansecim-row:first-of-type {
  margin-bottom: var(--space-sm);
}
html:not(.login-page) .wrap.secim-sayfasi .zamansecim-filters .zamansecim-row:nth-of-type(2) .zamansecim-datetime-fields {
  margin-top: -4px;
}

html:not(.login-page) .wrap .zamansecim-filters .zamansecim-label {
  display: block;
  width: 100%;
  text-align: left !important;
  font-size: 1em !important;
  font-weight: var(--font-weight-medium) !important;
  color: var(--color-text-secondary) !important;
}

html:not(.login-page) .wrap .zamansecim-filters .zamansecim-datetime-fields {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: var(--space-sm);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

html:not(.login-page) .wrap .zamansecim-filters .zamansecim-datetime-fields .btb-datepicker-wrap {
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

html:not(.login-page) .wrap .zamansecim-filters .zamansecim-datetime-fields .zamansecim-date-wrap,
html:not(.login-page) .wrap .zamansecim-filters .zamansecim-datetime-fields .zamansecim-time-wrap {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin: 0;
  vertical-align: top;
  box-sizing: border-box;
}

html:not(.login-page) .wrap .zamansecim-filters .zamansecim-datetime-fields .zamansecim-date-wrap {
  flex: 1 1 0;
  min-width: 0;
  max-width: none;
}

html:not(.login-page) .wrap .zamansecim-filters .zamansecim-datetime-fields .zamansecim-time-wrap {
  flex: 0 0 6.5rem;
  width: 6.5rem;
  min-width: 6.5rem;
  max-width: 6.5rem;
}

html:not(.login-page) .wrap .zamansecim-actions {
  margin-top: var(--space-lg);
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  box-sizing: border-box;
}

html:not(.login-page) .wrap .zamansecim-actions .gonderbuton {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

/* Tarih metin + saat dugmesi: ayni 40px yukseklik; saat icin native time input yok (ozel panel) */
html:not(.login-page) .wrap .zamansecim-filters .zamansecim-tarih-ui,
html:not(.login-page) .wrap .zamansecim-filters button.zamansecim-saat-trigger {
  --zamansecim-field-h: 40px;
  color-scheme: light;
  margin: 0 !important;
  font-size: 1rem !important;
  box-sizing: border-box !important;
  height: var(--zamansecim-field-h) !important;
  min-height: var(--zamansecim-field-h) !important;
  max-height: var(--zamansecim-field-h) !important;
  border-radius: var(--radius-md) !important;
  background: rgba(255, 255, 255, 0.42) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  color: var(--color-text) !important;
  font-family: var(--font-family) !important;
}

html:not(.login-page) .wrap .zamansecim-filters .zamansecim-tarih-ui {
  padding: 0 36px 0 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  line-height: 38px !important;
  text-align: center !important;
  background-image: none !important;
  cursor: pointer !important;
}

html:not(.login-page) .wrap .zamansecim-filters button.zamansecim-saat-trigger {
  display: block;
  width: 100% !important;
  padding: 0 36px 0 8px !important;
  line-height: 38px !important;
  text-align: center !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent;
}

html[data-theme="dark"]:not(.login-page) .wrap .zamansecim-filters .zamansecim-tarih-ui,
html[data-theme="dark"]:not(.login-page) .wrap .zamansecim-filters button.zamansecim-saat-trigger {
  color-scheme: dark;
  background: rgba(65, 72, 85, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

@media (prefers-color-scheme: dark) {
  html:not(.login-page):not([data-theme]) .wrap .zamansecim-filters .zamansecim-tarih-ui,
  html:not(.login-page):not([data-theme]) .wrap .zamansecim-filters button.zamansecim-saat-trigger {
    color-scheme: dark;
    background: rgba(65, 72, 85, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

html:not(.login-page) .wrap .zamansecim-filters .zamansecim-tarih-ui:focus,
html:not(.login-page) .wrap .zamansecim-filters button.zamansecim-saat-trigger:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.15) !important;
  outline: none !important;
}

/* yeni_kullanici: gun sonu saati — lisans tarihi alani ile ayni cam yuzey */
html:not(.login-page) .wrap .admin-yeni-field--gss .admin-yeni-gss-input {
  --zamansecim-field-h: 40px;
  color-scheme: light;
  margin: 0 !important;
  font-size: 1rem !important;
  box-sizing: border-box !important;
  height: var(--zamansecim-field-h) !important;
  min-height: var(--zamansecim-field-h) !important;
  max-height: var(--zamansecim-field-h) !important;
  border-radius: var(--radius-md) !important;
  background: rgba(255, 255, 255, 0.42) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  color: var(--color-text) !important;
  font-family: var(--font-family) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 10px !important;
  line-height: 38px !important;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
html[data-theme="dark"]:not(.login-page) .wrap .admin-yeni-field--gss .admin-yeni-gss-input {
  color-scheme: dark;
  background: rgba(65, 72, 85, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
@media (prefers-color-scheme: dark) {
  html:not(.login-page):not([data-theme]) .wrap .admin-yeni-field--gss .admin-yeni-gss-input {
    color-scheme: dark;
    background: rgba(65, 72, 85, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

/* Ozelsaat paneli: datepicker ile ayni cam / oval (.ui-datepicker siniflari ile) */
.btb-timepicker-popup.btb-timepicker-popup {
  width: min(100vw - 24px, 280px) !important;
  max-width: 280px !important;
  z-index: 10050 !important;
  box-sizing: border-box !important;
}

.btb-timepicker-title {
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-sm);
  color: var(--color-text);
  margin-bottom: var(--space-xs);
  text-align: center;
}

.btb-timepicker-inner {
  display: flex;
  flex-direction: row;
  gap: var(--space-xs);
  margin-bottom: var(--space-sm);
}

.btb-timepicker-col {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.btb-timepicker-label {
  display: block;
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  text-align: center;
  margin-bottom: 4px;
}

.btb-timepicker-scroll {
  max-height: 168px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: rgba(0, 0, 0, 0.03);
  -webkit-overflow-scrolling: touch;
}

html[data-theme="dark"] .btb-timepicker-scroll,
[data-theme="dark"] .btb-timepicker-scroll {
  background: rgba(0, 0, 0, 0.2);
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme]) .btb-timepicker-scroll {
    background: rgba(0, 0, 0, 0.2);
  }
}

.btb-timepicker-option {
  display: block;
  width: 100%;
  margin: 0;
  padding: 6px 4px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-text);
  font-size: var(--font-size-sm);
  font-family: var(--font-family);
  cursor: pointer;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.btb-timepicker-option:hover {
  background: var(--color-primary-light) !important;
}

.btb-timepicker-option.is-selected {
  background: var(--color-primary) !important;
  color: #fff !important;
}

.btb-timepicker-actions {
  text-align: center;
  padding-top: var(--space-xs);
  border-top: 1px solid var(--color-border);
  margin-top: var(--space-xs);
}

/* Mobil: tarih+saat ayni satir; tarih kalan alani doldurur, acilan takvim popup daha kucuk */
@media (max-width: 480px) {
  html:not(.login-page) .wrap .zamansecim-filters .zamansecim-datetime-fields {
    gap: 6px;
  }
  html:not(.login-page) .wrap .zamansecim-filters .zamansecim-datetime-fields .zamansecim-date-wrap {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
  }
  html:not(.login-page) .wrap .zamansecim-filters .zamansecim-datetime-fields .zamansecim-time-wrap {
    flex: 0 0 6rem;
    width: 6rem;
    min-width: 6rem;
    max-width: 6rem;
  }
  html:not(.login-page) .wrap .zamansecim-filters .zamansecim-tarih-ui,
  html:not(.login-page) .wrap .zamansecim-filters button.zamansecim-saat-trigger {
    font-size: 0.9rem !important;
  }
  html:not(.login-page) .wrap .zamansecim-filters .zamansecim-tarih-ui {
    padding: 0 30px 0 6px !important;
  }
  html:not(.login-page) .wrap .zamansecim-filters button.zamansecim-saat-trigger {
    padding: 0 28px 0 6px !important;
  }
  #ui-datepicker-div.ui-datepicker {
    max-width: min(90vw, 240px) !important;
    width: auto !important;
    font-size: 0.85rem !important;
    padding: 6px !important;
  }
  #ui-datepicker-div.ui-datepicker .ui-datepicker-title {
    font-size: 0.95em !important;
  }
  #ui-datepicker-div.ui-datepicker th {
    padding: 2px !important;
    font-size: 0.65rem !important;
  }
  #ui-datepicker-div.ui-datepicker td a,
  #ui-datepicker-div.ui-datepicker td span {
    padding: 0.25em !important;
    font-size: 0.8rem !important;
  }
}

/* Cok dar ekran: takvim popup kaymayi onlemek icin ek kucultme */
@media (max-width: 360px) {
  #ui-datepicker-div.ui-datepicker {
    max-width: min(calc(100vw - 12px), 210px) !important;
    width: min(calc(100vw - 12px), 210px) !important;
    font-size: 0.78rem !important;
    padding: 4px !important;
    box-sizing: border-box !important;
  }
  #ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    padding: 2px 0 !important;
  }
  #ui-datepicker-div.ui-datepicker .ui-datepicker-title {
    font-size: 0.88em !important;
    line-height: 1.2 !important;
  }
  #ui-datepicker-div.ui-datepicker th {
    padding: 1px !important;
    font-size: 0.6rem !important;
  }
  #ui-datepicker-div.ui-datepicker td {
    padding: 0 !important;
  }
  #ui-datepicker-div.ui-datepicker td a,
  #ui-datepicker-div.ui-datepicker td span {
    padding: 0.15em 0.1em !important;
    font-size: 0.72rem !important;
  }
  #ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
  #ui-datepicker-div.ui-datepicker .ui-datepicker-next {
    width: 1.6em !important;
    height: 1.6em !important;
  }
}

@media (max-width: 380px) {
  html:not(.login-page) .wrap .zamansecim-panel {
    max-width: 100%;
    padding-left: var(--space-sm);
    padding-right: var(--space-sm);
  }
}

input[style*="margin-left: 5px"]:focus,
input[style*="margin-left:5px"]:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.15) !important;
  outline: none !important;
}

/* ============================================================
   SUBMIT BUTTON WITH INLINE MARGIN
   ============================================================ */

input[type="submit"][style*="margin-left"] {
  background: var(--color-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 12px var(--space-md) !important;
  font-weight: var(--font-weight-semibold) !important;
  font-family: var(--font-family) !important;
  cursor: pointer !important;
  margin-left: 0 !important;
  transition: all var(--transition-fast) !important;
}

input[type="submit"][style*="margin-left"]:hover {
  background: var(--color-primary-hover) !important;
}

/* ============================================================
   FLOAT NAV BUTTON - Anasayfa + Dashboard
   ============================================================ */

.float-nav-btn {
  position: fixed;
  bottom: calc(var(--space-lg) + env(safe-area-inset-bottom, 0));
  left: 50%;
  transform: translateX(-50%);
  z-index: 150;
  padding: 11px 18px;
  padding-left: 36px;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-fast);
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
/* Cerceve .dash-float-btn (Detayli raporlara git) ile ayni */
.float-nav-btn::before {
  content: '\2039';
  position: absolute;
  left: var(--space-md);
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2em;
  color: var(--color-text-secondary);
  transition: transform var(--transition-fast);
}
.float-nav-btn:hover {
  background: rgba(255, 255, 255, 0.25);
  color: var(--color-text);
}
.float-nav-btn:hover::before {
  color: var(--color-text);
  transform: translateY(-50%) translateX(-3px);
}
.float-nav-btn:active {
  background: rgba(255, 255, 255, 0.35);
  color: var(--color-text);
}
.float-nav-btn:active::before {
  color: var(--color-text);
}
html[data-theme="dark"] .float-nav-btn {
  background: rgba(40, 45, 52, 0.15);
  border-color: rgba(0, 0, 0, 0.1);
  color: var(--color-text-secondary);
}
html[data-theme="dark"] .float-nav-btn::before {
  color: var(--color-text-secondary);
}
html[data-theme="dark"] .float-nav-btn:hover {
  background: rgba(55, 62, 72, 0.3);
  color: var(--color-text);
}
html[data-theme="dark"] .float-nav-btn:hover::before {
  color: var(--color-text);
}
html[data-theme="dark"] .float-nav-btn:active {
  background: rgba(55, 62, 72, 0.45);
  color: var(--color-text);
}
html[data-theme="dark"] .float-nav-btn:active::before {
  color: var(--color-text);
}

/* Anasayfa: alt bosluk float buton icin - body'de, #thediv degil (ayirici/rapor arasi boslugu tetiklemesin) */
body:has(.float-nav-btn) {
  padding-bottom: 67px;
}

/* ============================================================
   IOS ADD TO HOME OVERLAY
   ============================================================ */

#iosaddtohome {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

#iosaddtohome > div > div[style*="font-size: 20px"] {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 24px !important;
  padding: var(--space-md) !important;
}

/* ============================================================
   JQUERY UI DATEPICKER OVERRIDES
   ============================================================ */

/* Ustteki takvim acikken alttaki satirdaki takvim ikonunun ustte kalmamasi icin */
#ui-datepicker-div.ui-datepicker {
  z-index: 10030 !important;
}

.ui-datepicker {
  background: var(--glass-bg-heavy) !important;
  backdrop-filter: blur(var(--glass-blur)) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur)) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--glass-shadow-lg) !important;
  padding: var(--space-sm) !important;
  font-family: var(--font-family) !important;
}

.ui-datepicker-header {
  background: transparent !important;
  border: none !important;
  color: var(--color-text) !important;
  font-weight: var(--font-weight-semibold) !important;
  border-radius: var(--radius-sm) !important;
}

.ui-datepicker th {
  color: var(--color-text-secondary) !important;
  font-weight: var(--font-weight-medium) !important;
  font-size: var(--font-size-xs) !important;
  padding: var(--space-xs) !important;
}

.ui-datepicker td a,
.ui-datepicker td span {
  color: var(--color-text) !important;
  border-radius: var(--radius-sm) !important;
  text-align: center !important;
  -webkit-tap-highlight-color: transparent !important;
}

.ui-datepicker td a:hover {
  background: var(--color-primary-light) !important;
}

.ui-datepicker td a:active {
  background: var(--color-primary-light) !important;
}

.ui-datepicker .ui-datepicker-current-day a,
.ui-state-active {
  background: var(--color-primary) !important;
  color: #fff !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  cursor: pointer !important;
  border-radius: var(--radius-sm) !important;
  -webkit-tap-highlight-color: transparent !important;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  background: var(--color-primary-light) !important;
}

.ui-datepicker .ui-datepicker-prev:active,
.ui-datepicker .ui-datepicker-next:active {
  background: var(--color-primary-light) !important;
}

.ui-datepicker-buttonpane .ui-datepicker-current,
.ui-datepicker-buttonpane .ui-datepicker-close {
  display: none;
}
.ui-datepicker-bugun-wrap {
  padding: var(--space-xs) 0 0;
  margin-top: var(--space-xs);
  border-top: 1px solid var(--color-border);
  text-align: center;
}
.ui-datepicker-bugun-btn {
  font-size: 0.9em;
  padding: 4px 12px;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid var(--color-border);
  background: var(--color-primary-light);
  color: var(--color-text);
  transition: background 0.2s;
  -webkit-tap-highlight-color: transparent !important;
}
.ui-datepicker-bugun-btn:hover {
  background: var(--color-primary) !important;
  color: #fff !important;
}
.ui-datepicker-bugun-btn:active {
  background: var(--color-primary) !important;
  color: #fff !important;
}

/* ============================================================
   DARK MODE INLINE STYLE OVERRIDES
   Dual selector: [data-theme="dark"] for toggle,
   @media fallback for system preference when no toggle set
   ============================================================ */

[data-theme="dark"] .container[style],
[data-theme="dark"] .fixedheader .container,
[data-theme="dark"] div.container {
  background: var(--glass-bg-heavy) !important;
}

[data-theme="dark"] table[style*="background: #e9e9e9"],
[data-theme="dark"] table[style*="background:#e9e9e9"],
[data-theme="dark"] table[style*="background: #f9f9f9"],
[data-theme="dark"] table[style*="background:#f9f9f9"] {
  background: transparent !important;
}

[data-theme="dark"] text[style*="font-size"] {
  color: var(--color-text) !important;
}

[data-theme="dark"] .gonderbuton text,
[data-theme="dark"] .framebutton text,
[data-theme="dark"] .buttoninnertable text,
[data-theme="dark"] .buttoninnertable td,
[data-theme="dark"] .standarttable td {
  color: var(--color-text) !important;
}

[data-theme="dark"] input[style*="background: white"],
[data-theme="dark"] input[style*="background:white"] {
  background: var(--glass-bg-heavy) !important;
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}

[data-theme="dark"] select option {
  background: var(--color-surface);
  color: var(--color-text);
}

[data-theme="dark"] .ui-datepicker {
  background: var(--glass-bg-heavy) !important;
}

[data-theme="dark"] .ui-datepicker td a,
[data-theme="dark"] .ui-datepicker td span,
[data-theme="dark"] .ui-datepicker .ui-state-default,
[data-theme="dark"] .ui-datepicker .ui-state-default a {
  color: var(--color-text) !important;
  background: transparent !important;
}

[data-theme="dark"] .ui-datepicker th {
  color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .ui-datepicker .ui-datepicker-title {
  color: var(--color-text) !important;
}

[data-theme="dark"] .ui-datepicker .ui-datepicker-prev span,
[data-theme="dark"] .ui-datepicker .ui-datepicker-next span {
  border-color: var(--color-text) !important;
}

[data-theme="dark"] .ui-datepicker .ui-datepicker-current-day a,
[data-theme="dark"] .ui-datepicker .ui-state-active {
  background: var(--color-primary) !important;
  color: #fff !important;
}

[data-theme="dark"] .ui-datepicker .ui-state-highlight a,
[data-theme="dark"] .ui-datepicker td.ui-state-disabled span {
  color: var(--color-text) !important;
}

[data-theme="dark"] .ui-datepicker-bugun-wrap {
  border-top-color: var(--color-border);
}
[data-theme="dark"] .ui-datepicker-bugun-btn {
  background: var(--glass-bg-heavy) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}
[data-theme="dark"] .ui-datepicker-bugun-btn:hover {
  background: var(--color-primary) !important;
  color: #fff !important;
}

[data-theme="dark"] img[src*="forward.png"] {
  filter: invert(0.7);
}

[data-theme="dark"] body[style*="background-color: rgba(255, 0, 0"] {
  background: var(--color-bg) !important;
  background-image: var(--color-bg-gradient) !important;
}

[data-theme="dark"] body[style*="background-color: rgba(255, 0, 0"]::before {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--color-accent);
  z-index: 99999;
}

[data-theme="dark"] img[src*="shade.png"] {
  display: none !important;
}

/* Karanlik tema checkbox - gri accent, login haric */
html:not(.login-page)[data-theme="dark"] input[type="checkbox"] {
  accent-color: var(--color-primary);
  filter: none;
}

/* System-preference fallback (when no data-theme set) */
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) .container[style],
  html:not([data-theme]) .fixedheader .container,
  html:not([data-theme]) div.container {
    background: var(--glass-bg-heavy) !important;
  }

  html:not([data-theme]) table[style*="background: #e9e9e9"],
  html:not([data-theme]) table[style*="background:#e9e9e9"],
  html:not([data-theme]) table[style*="background: #f9f9f9"],
  html:not([data-theme]) table[style*="background:#f9f9f9"] {
    background: transparent !important;
  }

  html:not([data-theme]) text[style*="font-size"] {
    color: var(--color-text) !important;
  }

  html:not([data-theme]) .gonderbuton text,
  html:not([data-theme]) .framebutton text,
  html:not([data-theme]) .buttoninnertable text,
  html:not([data-theme]) .buttoninnertable td,
  html:not([data-theme]) .standarttable td {
    color: var(--color-text) !important;
  }

  html:not([data-theme]) input[style*="background: white"],
  html:not([data-theme]) input[style*="background:white"] {
    background: var(--glass-bg-heavy) !important;
    color: var(--color-text) !important;
    border-color: var(--color-border) !important;
  }

  html:not([data-theme]) select option {
    background: var(--color-surface);
    color: var(--color-text);
  }

  html:not([data-theme]) .ui-datepicker {
    background: var(--glass-bg-heavy) !important;
  }

  html:not([data-theme]) .ui-datepicker td a,
  html:not([data-theme]) .ui-datepicker td span,
  html:not([data-theme]) .ui-datepicker .ui-state-default,
  html:not([data-theme]) .ui-datepicker .ui-state-default a {
    color: var(--color-text) !important;
    background: transparent !important;
  }

  html:not([data-theme]) .ui-datepicker th {
    color: var(--color-text-secondary) !important;
  }

  html:not([data-theme]) .ui-datepicker .ui-datepicker-title {
    color: var(--color-text) !important;
  }

  html:not([data-theme]) .ui-datepicker .ui-datepicker-prev span,
  html:not([data-theme]) .ui-datepicker .ui-datepicker-next span {
    border-color: var(--color-text) !important;
  }

  html:not([data-theme]) .ui-datepicker .ui-datepicker-current-day a,
  html:not([data-theme]) .ui-datepicker .ui-state-active {
    background: var(--color-primary) !important;
    color: #fff !important;
  }

  html:not([data-theme]) .ui-datepicker .ui-state-highlight a,
  html:not([data-theme]) .ui-datepicker td.ui-state-disabled span {
    color: var(--color-text) !important;
  }

  html:not([data-theme]) img[src*="forward.png"] {
    filter: invert(0.7);
  }

  html:not([data-theme]) body[style*="background-color: rgba(255, 0, 0"] {
    background: var(--color-bg) !important;
    background-image: var(--color-bg-gradient) !important;
  }

  html:not([data-theme]) img[src*="shade.png"] {
    display: none !important;
  }

  html:not(.login-page):not([data-theme]) input[type="checkbox"] {
    accent-color: var(--color-primary);
    filter: none;
  }
}