/* ============================================================
   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;
}

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

/* 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 (tum sayfalarda) */
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;
}

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

/* 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;
  }
}

/* ============================================================
   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;
}

/* ============================================================
   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 boyutu standart (0.8rem) - tum varyasyonlari kapsar */
.fixedheader:not(.is-anasayfa) .container text,
.fixedheader:not(.is-anasayfa) .container center text,
.fixedheader:not(.is-anasayfa) .header-bar-center text,
.fixedheader:not(.is-anasayfa) .header-bar-center .container text,
.fixedheader:not(.is-anasayfa) .header-bar-center .container center text {
  font-size: 0.8rem !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%;"
   ============================================================ */

select[style*="width"] {
  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: 10px var(--space-md) !important;
  font-size: var(--font-size-base) !important;
}

select[style*="width"]:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.15) !important;
  outline: none !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);
}

/* ============================================================
   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);
  }
}

/* ============================================================
   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;
}

/* 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 40px 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: url('../images/calendarb.png') !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  background-size: 16px 16px !important;
}

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: 10px 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(255, 255, 255, 0.25);
  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;
}
.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(255, 255, 255, 0.08);
  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: 65px;
}

/* ============================================================
   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
   ============================================================ */

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