@charset "utf-8";
/* ============================================================================
   ModernOverride.css — isg-sis® 2026 Modern Arayüz Dönüşümü
   ============================================================================
   KURAL: SADECE renk, font, border, shadow, gradient değiştir.
          Padding, margin, width, height'a DOKUNMA!
          Layout bozulmasın, yapı korunsun.
   ============================================================================ */

/* ========== 0. GOOGLE FONTS ========== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ========== 1. CSS VARIABLES ========== */
:root {
    /* Enterprise Blue Palette (Salesforce/SAP Fiori tarzı) */
    --m-primary: #0070D2;
    --m-primary-light: #1589EE;
    --m-primary-dark: #005FB2;
    --m-accent: #0070D2;
    --m-accent-dark: #005FB2;
    --m-bg: #F4F6F9;
    --m-bg-card: #ffffff;
    --m-bg-subtle: #EEF1F6;
    --m-bg-hover: #E1E5EB;
    --m-text: #16325C;
    --m-text-secondary: #54698D;
    --m-text-muted: #9FAAB5;
    --m-text-inverse: #ffffff;
    --m-border: #D8DDE6;
    --m-border-strong: #C9CBCD;
    --m-success: #04844B;
    --m-warning: #FFB75D;
    --m-danger: #C23934;
    --m-info: #0070D2;
    --m-radius: 4px;
    --m-radius-sm: 3px;
    --m-radius-lg: 8px;
    --m-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
    --m-shadow-lg: 0 4px 14px rgba(0, 0, 0, 0.15);
    --m-transition: all 0.15s ease;

    /* Header & Menu */
    --m-header-bg: #032D60;
    --m-menu-1: #1B2A4A;
    --m-menu-2: #243B5E;
    --m-menu-hover: #0070D2;
}

/* ========== 2. GLOBAL SCROLLBAR (HOVER EFEKTİ) ========== */
/* Firefox desteği (Firefox 64+) */
* {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    transition: scrollbar-color 0.3s ease;
}

*:hover {
    scrollbar-color: rgba(100, 116, 139, 0.4) transparent;
}

/* WebKit desteği (Chrome, Edge, Safari vs) */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: transparent;
    /* Normalde görünmez */
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

/* Alanın üzerine imleç geldiğinde scrollbar görünürleşir */
*:hover::-webkit-scrollbar-thumb {
    background-color: rgba(100, 116, 139, 0.35) !important;
}

/* Scrollbar okunu tuttuğunda/üzerine geldiğinde daha koyu görünür */
*:hover::-webkit-scrollbar-thumb:hover {
    background-color: rgba(71, 85, 105, 0.6) !important;
}

/* Scrollbar iki yönlü buluşma köşesi */
::-webkit-scrollbar-corner {
    background-color: transparent;
    /* transparan */
}


/* ========== 3. GENEL SAYFA ========== */
/* Sadece font ve arka plan rengi */
body {
    font-family: 'Inter', Tahoma, Arial, sans-serif !important;
    background: var(--m-bg) !important;
    color: var(--m-text) !important;
}

/* Sistem geneli font override — her element Inter kullanacak */
body,
td,
th,
input,
select,
textarea,
button,
a,
span,
div,
p,
li,
label,
.ContentBox,
.Form,
.field,
.Commands,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Inter', Tahoma, Arial, sans-serif !important;
}


/* ========== 3. HEADER (.topHeader) ========== */
/* Sadece renk — padding/boyut değişmez */
.topHeader {
    background: var(--m-header-bg) !important;
    background-image: none !important;
    filter: none !important;
    border-bottom: none !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

/* Logo — background-image SVG'yi beyaza çevir */
.mlogo {
    filter: brightness(0) invert(1) !important;
}

.mlogotext {
    color: rgba(255, 255, 255, 0.9) !important;
}

.topHeader table,
.topHeader td,
.topHeader a {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Header butonları — sadece renk */
.topHeader .proButtonBlackOnGray {
    background: rgba(255, 255, 255, 0.1) !important;
    background-image: none !important;
    filter: none !important;
    color: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: var(--m-radius-sm) !important;
}

.topHeader .proButtonBlackOnGray:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}

/* Header dropdown menü — beyaz arkaplan üzerinde koyu yazı */
.topHeader ul.dropdown ul li a,
.topHeader ul li ul li a,
ul.dropdown ul li a {
    color: var(--m-text) !important;
    background: var(--m-bg-card) !important;
}

.topHeader ul.dropdown ul li a:hover,
.topHeader ul li ul li a:hover,
ul.dropdown ul li a:hover {
    background: var(--m-bg-subtle) !important;
    color: var(--m-primary) !important;
}

/* Arama kutusu — sadece renk */
.big-search-text-box {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
    border-radius: var(--m-radius) !important;
}

.big-search-text-box::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}


/* ========== 4. ÜST YATAY MENÜ (.SiteNavMenu) ========== */
/* display:none/inherit yapısına DOKUNMA! Sadece renk. */
.SiteNavMenu {
    background: var(--m-menu-1) !important;
    background-image: none !important;
}

.SiteNavMenu a,
.SiteNavMenu a:visited {
    font-family: 'Inter', sans-serif !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

.SiteNavMenu :hover>a,
.SiteNavMenu ul ul :hover>a {
    background: var(--m-menu-hover) !important;
    background-image: none !important;
    color: #fff !important;
    filter: none !important;
}

.SiteNavMenu a:hover,
.SiteNavMenu ul ul a:hover {
    background: var(--m-menu-hover) !important;
    background-image: none !important;
    color: #fff !important;
    filter: none !important;
}

/* SiteNavMenu 2. kademe — 1. kademeyle aynı renk ailesi */
.SiteNavMenu ul ul li {
    background: var(--m-menu-1) !important;
    background-image: none !important;
    filter: none !important;
}

/* SiteNavMenu 3. kademe (sağ panel) */
.SiteNavMenu ul ul ul li {
    background: var(--m-menu-2) !important;
    background-image: none !important;
    filter: none !important;
}

/* SiteNavMenu tüm alt menü hover */
.SiteNavMenu ul ul li:hover,
.SiteNavMenu ul ul ul li:hover {
    background: var(--m-menu-hover) !important;
    background-image: none !important;
    filter: none !important;
}

/* Alt menü linkleri */
.SiteNavMenu ul ul a,
.SiteNavMenu ul ul a:visited,
.SiteNavMenu ul ul ul a,
.SiteNavMenu ul ul ul a:visited {
    color: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    background-color: transparent !important;
}

/* Alt menü ok ikonu (a.drop) — SVG gradient temizle */
.SiteNavMenu ul ul a.drop,
.SiteNavMenu ul ul a.drop:visited,
.SiteNavMenu ul ul a.drop:hover,
.SiteNavMenu ul ul :hover>a.drop {
    background-color: transparent !important;
    filter: none !important;
}




/* ========== 5B. İŞ YERİ MENÜSÜ (ul.dropdown — MenuV4) ========== */
/* HTML yapısı: <ul id="nav" class="dropdown dropdown-horizontal"> */
/* default.css'teki #ff9900 kavuniçi override ediliyor */

/* 1. kademe — ana menü itemları */
ul.dropdown li {
    background-color: var(--m-menu-1) !important;
    background-image: none !important;
    color: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    font-family: 'Inter', sans-serif !important;
}

/* 1. kademe hover */
ul.dropdown li.hover,
ul.dropdown li:hover,
ul.dropdown li.on {
    background-color: var(--m-menu-hover) !important;
    background-image: none !important;
    color: #fff !important;
}

/* 1. kademe linkler */
ul.dropdown a:link,
ul.dropdown a:visited {
    color: rgba(255, 255, 255, 0.92) !important;
    font-family: 'Inter', sans-serif !important;
}

ul.dropdown a:hover {
    color: #fff !important;
}

/* 2. kademe — alt menü (yakın ton) */
ul.dropdown ul {
    background: var(--m-menu-2) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: var(--m-radius-sm) !important;
    box-shadow: var(--m-shadow-lg) !important;
    z-index: 9999 !important;
}

ul.dropdown ul li {
    background-color: var(--m-menu-2) !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
    font-weight: normal !important;
}

ul.dropdown ul li:hover {
    background-color: var(--m-menu-hover) !important;
}

ul.dropdown ul li a,
ul.dropdown ul a:link,
ul.dropdown ul a:visited {
    color: rgba(255, 255, 255, 0.88) !important;
    font-family: 'Inter', sans-serif !important;
}

ul.dropdown ul li a:hover,
ul.dropdown ul a:hover {
    color: #fff !important;
}

/* 3. seviye — SAĞ PANEL (açık hedefleme) */
/* _isyeriMenuV4.cshtml: ul.dropdown > li > ul > li.dir > ul > li > a */
ul.dropdown ul ul {
    background: var(--m-menu-2) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: var(--m-shadow-lg) !important;
}

ul.dropdown ul ul li {
    background-color: var(--m-menu-2) !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

ul.dropdown ul ul li:hover {
    background-color: var(--m-menu-hover) !important;
}

ul.dropdown ul ul li a,
ul.dropdown ul ul a:link,
ul.dropdown ul ul a:visited {
    color: rgba(255, 255, 255, 0.88) !important;
    background: transparent !important;
}

ul.dropdown ul ul li a:hover {
    color: #fff !important;
    background: var(--m-menu-hover) !important;
}

/* .dir ok ikonları */
ul.dropdown *.dir {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M0 0l4 4 4-4z' fill='rgba(255,255,255,0.6)'/%3E%3C/svg%3E") !important;
}

ul.dropdown-horizontal ul *.dir {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M0 0l4 4 0-8z' fill='rgba(255,255,255,0.6)'/%3E%3C/svg%3E") !important;
}


/* ========== 6. TABLOLAR ========== */
/* KURAL: Sadece renk değiştir, padding/height DOKUNMA! */
table.hovertable,
table.hovertable2,
table.hovertable3,
table.hovertable5 {
    border-collapse: collapse !important;
}

/* Tablo header */
table.hovertable tr.baslik td,
table.hovertable2 tr.baslik td,
table.hovertable3 tr.baslik td,
table.hovertable5 tr.baslik td,
table.hovertable th,
table.hovertable2 th,
table.hovertable3 th {
    background: #2d3a4e !important;
    background-image: none !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    border-color: #3d4d63 !important;
    filter: none !important;
}

/* Tablo satırları — sadece renk */
table.hovertable td,
table.hovertable2 td,
table.hovertable3 td,
table.hovertable5 td {
    font-family: 'Inter', sans-serif !important;
    border-color: var(--m-border) !important;
    color: var(--m-text) !important;
}

/* Zebra striping */
table.hovertable tr:nth-child(even) td,
table.hovertable2 tr:nth-child(even) td {
    background: var(--m-bg-subtle) !important;
}

table.hovertable tr:hover td,
table.hovertable2 tr:hover td,
table.hovertable3 tr:hover td {
    background: #dbe4f0 !important;
}

/* Temizle butonu satırı */
table.hovertable tr.temizle td,
table.hovertable2 tr.temizle td {
    background: var(--m-bg-card) !important;
}


/* ========== 7. BUTONLAR ========== */
/* Tüm butonlara ve buton gruplarına standart aralık (gap) sağlamak için */
button,
input[type="button"],
input[type="submit"],
.proButtonBlackOnGray,
.proButtonBlueOnGreen,
.proButtonBlue,
.btnKaydet {
    margin-right: 8px !important;
    margin-bottom: 4px !important;
}

/* KURAL: Sadece renk/font. Padding/boyut DOKUNMA! */
.proButtonBlackOnGray {
    font-family: 'Inter', sans-serif !important;
    background: var(--m-bg-subtle) !important;
    background-image: none !important;
    color: var(--m-text) !important;
    border: 1px solid var(--m-border) !important;
    border-radius: var(--m-radius-sm) !important;
    filter: none !important;
    text-shadow: none !important;
}

.proButtonBlackOnGray:hover {
    background: #d5dae3 !important;
    border-color: var(--m-border-strong) !important;
}


/* Renkli butonlar */
.proButtonBlueOnGreen,
.btnKaydet {
    background: var(--m-primary) !important;
    background-image: none !important;
    color: var(--m-text-inverse) !important;
    border: 1px solid var(--m-primary-dark) !important;
    border-radius: var(--m-radius-sm) !important;
    filter: none !important;
    text-shadow: none !important;
}

.proButtonBlueOnGreen:hover {
    background: var(--m-primary-dark) !important;
}


/* ========== 8. FORMLAR ========== */
/* KURAL: Sadece renk/border. Boyut DOKUNMA! */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea {
    font-family: 'Inter', sans-serif !important;
    border: 1px solid var(--m-border) !important;
    border-radius: var(--m-radius-sm) !important;
    color: var(--m-text) !important;
    background: var(--m-bg-card) !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    border-color: var(--m-primary-light) !important;
    box-shadow: 0 0 0 2px rgba(30, 64, 175, 0.1) !important;
    outline: none !important;
}

select {
    font-family: 'Inter', sans-serif !important;
    border: 1px solid var(--m-border) !important;
    border-radius: var(--m-radius-sm) !important;
    color: var(--m-text) !important;
    background: var(--m-bg-card) !important;
}

label {
    font-family: 'Inter', sans-serif !important;
    color: var(--m-text) !important;
}

/* Fieldset legend */
fieldset {
    border: 1px solid var(--m-border) !important;
    border-radius: var(--m-radius) !important;
}

legend {
    font-family: 'Inter', sans-serif !important;
    background: var(--m-primary) !important;
    color: var(--m-text-inverse) !important;
    border-radius: var(--m-radius-sm) !important;
    font-weight: 600 !important;
}


/* ========== 9. SEKMELER (TABS) ========== */
/* Sadece renk — yapıya dokunma */

/* Tab V2/V3/V4/V5/V6 — ortak renk */
.tabV2 li a,
.tabV3 li a,
.tabV4 li a,
.tabV5 li a,
.tabV6 li a {
    font-family: 'Inter', sans-serif !important;
    background: var(--m-bg-subtle) !important;
    background-image: none !important;
    color: var(--m-text-secondary) !important;
    border: 1px solid var(--m-border) !important;
    border-bottom: none !important;
    filter: none !important;
    text-shadow: none !important;
}

/* Aktif sekme */
.tabV2 li a.active,
.tabV3 li a.active,
.tabV4 li a.active,
.tabV5 li a.active,
.tabV6 li a.active,
.tabV2 li.active a,
.tabV3 li.active a,
.tabV4 li.active a,
.tabV5 li.active a,
.tabV6 li.active a,
.tabV2 li a.selected,
.tabV3 li a.selected {
    background: var(--m-bg-card) !important;
    background-image: none !important;
    color: var(--m-primary) !important;
    border-color: var(--m-border) !important;
    border-bottom: 2px solid var(--m-primary) !important;
    font-weight: 600 !important;
    filter: none !important;
}

/* Tab hover */
.tabV2 li a:hover,
.tabV3 li a:hover,
.tabV4 li a:hover,
.tabV5 li a:hover,
.tabV6 li a:hover {
    background: var(--m-bg-card) !important;
    color: var(--m-primary) !important;
}


/* ========== 10. MODALS (jQuery UI Dialog) ========== */
.ui-dialog {
    border: none !important;
    border-radius: var(--m-radius-lg) !important;
    box-shadow: var(--m-shadow-lg) !important;
    background: var(--m-bg-card) !important;
}

.ui-dialog .ui-dialog-titlebar {
    background: var(--m-bg-subtle) !important;
    background-image: none !important;
    border: none !important;
    border-bottom: 1px solid var(--m-border) !important;
    border-radius: 0 !important;
    filter: none !important;
}

.ui-dialog .ui-dialog-title {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    color: var(--m-text) !important;
}

/* X kapatma butonu — profesyonel */
.ui-dialog .ui-dialog-titlebar-close {
    border: none !important;
    background: transparent !important;
    border-radius: 50% !important;
    cursor: pointer !important;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    background: #fee2e2 !important;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
    background-image: none !important;
    text-indent: 0 !important;
    font-size: 0 !important;
    position: relative !important;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon::before,
.ui-dialog .ui-dialog-titlebar-close .ui-icon::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 12px !important;
    height: 2px !important;
    background: var(--m-text-secondary) !important;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.ui-dialog .ui-dialog-titlebar-close:hover .ui-icon::before,
.ui-dialog .ui-dialog-titlebar-close:hover .ui-icon::after {
    background: #dc2626 !important;
}

.ui-dialog .ui-dialog-content {
    font-family: 'Inter', sans-serif !important;
    color: var(--m-text) !important;
}

.ui-dialog .ui-dialog-buttonpane {
    border-top: 1px solid var(--m-border) !important;
    background: var(--m-bg-subtle) !important;
}

.ui-widget-overlay {
    background: #0f172a !important;
    opacity: 0.5 !important;
}

.ui-widget {
    font-family: 'Inter', sans-serif !important;
}

.ui-widget-header {
    background: var(--m-bg-subtle) !important;
    background-image: none !important;
    border: none !important;
    border-bottom: 1px solid var(--m-border) !important;
    filter: none !important;
}


/* ========== 11. ALT BAR (Footer) ========== */
.footerStyle {
    font-family: 'Inter', sans-serif !important;
    background: #1e293b !important;
    background-image: none !important;
    color: rgba(255, 255, 255, 0.7) !important;
    filter: none !important;
    border-top: none !important;
}

.footerStyle a {
    color: rgba(255, 255, 255, 0.8) !important;
}


/* ========== 12. GENEL YARDIMCI ========== */
/* Gradient kaldırma — flat tasarım */
.th,
.th td {
    background: var(--m-bg-subtle) !important;
    background-image: none !important;
    filter: none !important;
}

/* Checkbox/Radio */
input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--m-primary) !important;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}

::-webkit-scrollbar-track {
    background: var(--m-bg) !important;
}

::-webkit-scrollbar-thumb {
    background: var(--m-border-strong) !important;
    border-radius: 4px !important;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--m-text-muted) !important;
}


/* ========== 13. LOGIN SAYFASI ========== */
/* Dekoratif daireler — mavi tonları */
#radius-shape-1 {
    background: radial-gradient(circle, rgba(30, 64, 175, 0.5), rgba(59, 130, 246, 0.3)) !important;
}

#radius-shape-2 {
    background: linear-gradient(145deg, rgba(30, 64, 175, 0.4), rgba(59, 130, 246, 0.25)) !important;
}

/* Login kart — sadece font */
.card.bg-glass {
    font-family: 'Inter', sans-serif !important;
}

.card.bg-glass .card-body {
    font-family: 'Inter', sans-serif !important;
}

/* Login input */
.input-field .form-control {
    font-family: 'Inter', sans-serif !important;
}

.input-field .form-control:focus {
    border-color: var(--m-primary) !important;
    box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.12) !important;
}

/* Login buton — sadece renk */
.loginButton.submit {
    font-family: 'Inter', sans-serif !important;
    background: var(--m-primary-light) !important;
    background-image: none !important;
    filter: none !important;
    color: #fff !important;
    border-color: var(--m-primary-light) !important;
    border-radius: var(--m-radius) !important;
    text-shadow: none !important;
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.3) !important;
}

.loginButton.submit:hover {
    background: var(--m-primary-dark) !important;
}

/* Şifremi unuttum */
#LabelSifremiUnuttum {
    font-family: 'Inter', sans-serif !important;
    color: var(--m-primary-light) !important;
    cursor: pointer !important;
}

#LabelSifremiUnuttum:hover {
    color: var(--m-primary-light) !important;
    text-decoration: underline !important;
}

/* Login başlık */
#loginHeader {
    font-family: 'Inter', sans-serif !important;
}

/* Sol taraf yazılar — okunabilirlik */
.background-radial-gradient .col-lg-6 p {
    font-family: 'Inter', sans-serif !important;
    line-height: 1.9 !important;
}

.background-radial-gradient h1 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 800 !important;
}

/* Login footer */
.login-footer {
    font-family: 'Inter', sans-serif !important;
    background: rgba(15, 23, 42, 0.95) !important;
    background-image: none !important;
    filter: none !important;
}

a.footer-link {
    font-family: 'Inter', sans-serif !important;
    background: rgba(255, 255, 255, 0.08) !important;
    background-image: none !important;
    filter: none !important;
    color: rgba(255, 255, 255, 0.65) !important;
    border-radius: var(--m-radius-sm) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

a.footer-link:hover {
    background: var(--m-accent) !important;
    color: #1a1a2e !important;
    border-color: var(--m-accent) !important;
}

/* Copyright */
.text-grey-darker {
    font-family: 'Inter', sans-serif !important;
    color: rgba(255, 255, 255, 0.5) !important;
}


/* ========== 14. PRINT ========== */
@media print {

    .topHeader,
    .SiteNavMenu,
    .footerStyle,
    .login-footer {
        display: none !important;
    }

    body {
        background: #fff !important;
        font-size: 11px !important;
    }

    table.hovertable td {
        border: 1px solid #ccc !important;
    }
}


/* ========== 15. TEMA VARYASYONLARI ========== */
/*
   KULLANIM: <body data-theme="ocean">
   
   Temalar:
   - varsayılan: Koyu Mavi + Turuncu
   - ocean: Okyanus mavisi
   - slate: Profesyonel gri
   - midnight: Gece modu (Dark)
*/

[data-theme="ocean"] {
    --m-primary: #0369a1;
    --m-primary-light: #0ea5e9;
    --m-primary-dark: #075985;
    --m-accent: #06b6d4;
}

[data-theme="slate"] {
    --m-primary: #475569;
    --m-primary-light: #64748b;
    --m-primary-dark: #334155;
    --m-accent: #f59e0b;
}

[data-theme="midnight"] {
    --m-primary: #6366f1;
    --m-primary-light: #818cf8;
    --m-primary-dark: #4f46e5;
    --m-accent: #f59e0b;
    --m-bg: #0f172a;
    --m-bg-card: #1e293b;
    --m-bg-subtle: #334155;
    --m-text: #e2e8f0;
    --m-text-secondary: #cbd5e1;
    --m-text-muted: #94a3b8;
    --m-border: #334155;
    --m-border-strong: #475569;
}


/* ============================================================
   LOGIN SAYFASI — 2026 MODERNİZASYON
   ============================================================ */

/* Login sayfası body — enterprise mavi gradient */
body.login-page,
.background-radial-gradient {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* ---- LoginBox (Ana Form Kutusu) ---- */
.LoginBox {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: saturate(200%) blur(25px) !important;
    -webkit-backdrop-filter: saturate(200%) blur(25px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18),
        0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

/* ---- Header (Başlık) ---- */
.LoginBox .Header {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: var(--m-header-bg, #032D60) !important;
    letter-spacing: -0.02em !important;
    border-bottom: 2px solid var(--m-primary, #0070D2) !important;
}

/* ---- Form Alanları ---- */
.LoginBox .Form .field label {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    color: var(--m-text, #16325C) !important;
    letter-spacing: 0.01em !important;
}

.LoginBox .Form .field input,
.LoginBox .Form .field select {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: var(--m-text, #16325C) !important;
    border: 1.5px solid var(--m-border, #D8DDE6) !important;
    border-radius: 8px !important;
    background: #fff !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.LoginBox .Form .field input:focus,
.LoginBox .Form .field select:focus {
    border-color: var(--m-primary, #0070D2) !important;
    box-shadow: 0 0 0 3px rgba(0, 112, 210, 0.15) !important;
    background: #fff !important;
}

.LoginBox .Form .field input::placeholder {
    color: var(--m-text-muted, #9FAAB5) !important;
}

/* ---- Separatör ---- */
.LoginBox .seperator {
    border-top-color: var(--m-border, #D8DDE6) !important;
}

/* ---- Giriş Butonu ---- */
.Commands input[type="button"],
.Commands input.loginButton,
.Commands input.submit {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.02em !important;
    background: var(--m-primary, #0070D2) !important;
    background-image: none !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 112, 210, 0.25) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    text-shadow: none !important;
}

.Commands input[type="button"]:hover,
.Commands input.loginButton:hover,
.Commands input.submit:hover {
    background: var(--m-primary-dark, #005FB2) !important;
    background-image: none !important;
    box-shadow: 0 4px 14px rgba(0, 112, 210, 0.35) !important;
    transform: translateY(-1px) !important;
    color: #fff !important;
}

.Commands input[type="button"]:active,
.Commands input.loginButton:active {
    transform: translateY(0) !important;
    box-shadow: 0 1px 4px rgba(0, 112, 210, 0.2) !important;
}

/* ---- Şifremi Unuttum Linki ---- */
a.login_problem {
    font-family: 'Inter', sans-serif !important;
    color: var(--m-primary, #0070D2) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    transition: color 0.15s ease !important;
}

a.login_problem:hover {
    color: var(--m-primary-dark, #005FB2) !important;
    text-decoration: underline !important;
}

/* ---- Dil Seçimi ---- */
.LoginBox .language select {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    border: 1.5px solid var(--m-border, #D8DDE6) !important;
    border-radius: 6px !important;
    color: var(--m-text, #16325C) !important;
    background: #fff !important;
}

/* ---- Footer ---- */
.login-footer {
    background: var(--m-header-bg, #032D60) !important;
    background-image: none !important;
}

a.footer-link {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    color: var(--m-text, #16325C) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    background-image: none !important;
    border-radius: 4px !important;
    transition: all 0.15s ease !important;
    border: none !important;
}

a.footer-link:hover {
    background: var(--m-primary, #0070D2) !important;
    background-image: none !important;
    color: #fff !important;
    filter: none !important;
}

/* ---- Sosyal Medya İkonları ---- */
.icon-link::after {
    background: var(--m-primary, #0070D2) !important;
    border-radius: 8px !important;
}

/* ---- Custom Div (Alt Bilgi Kutusu) ---- */
.custom-div {
    background-color: rgba(3, 45, 96, 0.8) !important;
    border-radius: 12px !important;
    font-family: 'Inter', sans-serif !important;
    backdrop-filter: blur(10px) !important;
}

/* ---- 13. Yıl Banner ---- */
.egerobot-anniversary-banner {
    text-align: center;
    padding: 12px 20px;
    margin-top: 15px;
    background: linear-gradient(135deg, rgba(0, 112, 210, 0.08) 0%, rgba(3, 45, 96, 0.06) 100%);
    border: 1px solid rgba(0, 112, 210, 0.15);
    border-radius: 10px;
    font-family: 'Inter', sans-serif;
}

.egerobot-anniversary-banner .anniversary-icon {
    font-size: 22px;
    display: block;
    margin-bottom: 6px;
}

.egerobot-anniversary-banner .anniversary-text {
    font-size: 12px;
    color: #16325C;
    font-weight: 400;
    line-height: 1.5;
}

.egerobot-anniversary-banner .anniversary-text strong {
    font-weight: 700;
    color: #032D60;
    display: inline;
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

.egerobot-anniversary-banner .anniversary-link {
    display: inline-block;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #0070D2;
    text-decoration: none;
    padding: 5px 16px;
    border: 1.5px solid #0070D2;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.egerobot-anniversary-banner .anniversary-link:hover {
    background: #0070D2;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 112, 210, 0.3);
}


/* ========== FIN ========== */
/* Özel olarak butonların tablo hücrelerinde (<td>) de esnemesini ve 
   aralarında zorunlu mesafe olmasını garanti altına almak için */
td > button, td > input[type="button"], td > a.proButtonBlackOnGray, td > a.proButtonBlue,
.btnKaydet {
    margin-right: 8px !important;
    margin-bottom: 4px !important;
}

/* Bazen butonlar arası boşlugu tablonun td leri de yok edebiliyor,
   Yan yana dizili tablo hucrelerine de (buton iceren) min-width veya margin vermek isabetli olabilir. */


/* Özel olarak tablolardaki yanaşık buton bloklarını hedefliyoruz.
   HTML içinde `<table style="float: right;">` yapısıyla konulan
   veya sadece `<td>` içinde olan butonların arasında boşluk bırakılmasını zorunlu kılıyoruz */
.topHeader td > button,
.topHeader td > input[type="button"],
.topHeader td > .proButtonBlackOnGray,
.topHeader td > .btnKaydet,
table td > button,
table td > input[type="button"],
table td > .proButtonBlackOnGray,
table td > .btnKaydet,
.toolbar_container button,
.toolbar_container .proButtonBlackOnGray {
    margin-right: 8px !important;
    margin-bottom: 6px !important;
}

/* Eğer butonlar aynı td içinde birden fazlaysa arayı aç */
table td > button + button,
table td > .proButtonBlackOnGray + .proButtonBlackOnGray {
    margin-left: 6px !important;
}

/* Tablo hücrelerinin kendisi de Padding 0 ile sıfırlandıysa, 
   en azından buton içeren hücrelerin sağına boşluk verelim ki bitişik görünmesinler */
table td:has(> button),
table td:has(> .proButtonBlackOnGray) {
    padding-right: 4px !important;
}