/* ============================================================
   Iron Mountain AG - SFTPGo kurumsal tema (Metronic tabanli panel)
   Koyu Mavi #00205B / Acik Mavi #0072CE / Gri tonlari
   ============================================================ */
:root {
  --im-navy: #00205B;
  --im-navy-light: #0a2d6e;
  --im-sidebar-dark: #0B0C10;
  --im-blue: #0072CE;
  --im-blue-dark: #005a9e;
  --im-gray-300: #D9DEE6;
}

/* Dark mode: sag taraf (icerik alani) ve panel renkleri Metronic'in kendi
   varsayilan koyu (siyah) temasinda kalsin, ellenmiyor. Sadece sidebar
   asagida ayrica siyaha cekiliyor. */

/* ---------- Login / register ekrani ---------- */
/* Giris ekrani her zaman ayni (acik/lacivert gradient) gorunsun, kullanicinin
   Light/Dark tema secimi bu ekrani etkilemesin. */
.login-page, .register-page, body.app-blank {
  background: linear-gradient(160deg, var(--im-navy) 0%, var(--im-navy-light) 55%, var(--im-blue) 130%) !important;
}

body.app-blank {
  --bs-body-bg: #ffffff !important;
  --bs-body-bg-rgb: 255, 255, 255 !important;
  --bs-body-color: #071437 !important;
  --bs-border-color: #F1F1F4 !important;
  --bs-gray-700: #4B5675 !important;
  --bs-gray-800: #252F4A !important;
  --bs-gray-900: #071437 !important;
  --bs-text-muted: #6D6D97 !important;
}

/* Logonun icinde zaten "Iron Mountain" yazisi var, ayrica metin olarak
   tekrar gosterilmesin. */
#sign_in_form .col-7 h1,
#sign_up_form .col-7 h1 {
  display: none !important;
}

#sign_in_form .col-5,
#sign_up_form .col-5 {
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
}

#sign_in_form .col-5 img,
#sign_up_form .col-5 img {
  max-height: 70px;
}

/* Not: alt-panel gecis linki ("Go to Admin"/"Go to Client") artik CSS ile
   degil, sftpgo.json'daki branding.web_admin/web_client.short_name
   degerleri "Admin"/"Client" olarak ayarlanarak cozuluyor - boylece DE/FR
   dillerinde de SFTPGo'nun kendi i18n metni ("Gehe zu Admin",
   "Aller à Admin" vb.) dogru calisiyor. Bkz. [[project_sftpgo]]. */

/* ---------- Sol navigasyon (app-sidebar) ---------- */
/* Acik temada marka lacivert, koyu temada daha derin bir lacivert -
   boylece tema degisince sidebar da gorunur sekilde etkileniyor. */
#kt_app_sidebar {
  background-color: var(--im-navy) !important;
}

[data-bs-theme="dark"] #kt_app_sidebar {
  background-color: var(--im-sidebar-dark) !important;
}

/* Logo basligi: logo gorseli kaldirildi (beyaz kutu icindeki logo lacivert
   sidebar'a uymuyordu), yerine sadece "Iron Mountain AG" yazisi, sidebar
   rengine uyumlu, beyaz/acik renkte. */
#kt_app_sidebar_header {
  background-color: transparent;
  border-bottom: 1px solid rgba(255,255,255,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 78px;
}

#kt_app_sidebar_header .app-sidebar-logo img {
  display: none !important;
}

/* short_name "Admin"/"Client" (cross-link fix icin bu kaldi), sidebar'da
   marka adi "Iron Mountain AG" de gorunsun istiyoruz - dilden bagimsiz.
   Ikisi ayni satirda yan yana durmasin diye ::after alt satira alindi. */
#kt_app_sidebar_header .text-sidebar {
  display: block !important;
  padding-left: 0 !important;
  margin: 0;
  text-align: center;
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 500;
  opacity: 0.8;
}

#kt_app_sidebar_header .text-sidebar::after {
  content: "Iron Mountain AG";
  display: block;
  color: #ffffff;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-top: 2px;
}

/* Menu linkleri / aktif-hover vurgusu */
#kt_app_sidebar .menu-link .menu-title,
#kt_app_sidebar .menu-link .menu-icon i {
  color: rgba(255,255,255,0.75);
}

#kt_app_sidebar .menu-link:hover {
  background-color: rgba(0,114,206,0.35) !important;
}
#kt_app_sidebar .menu-link:hover .menu-title,
#kt_app_sidebar .menu-link:hover .menu-icon i {
  color: #ffffff !important;
}

#kt_app_sidebar .menu-link.active,
#kt_app_sidebar .menu-item.here > .menu-link {
  background-color: var(--im-blue) !important;
  border-radius: 6px;
}
#kt_app_sidebar .menu-link.active .menu-title,
#kt_app_sidebar .menu-link.active .menu-icon i,
#kt_app_sidebar .menu-item.here > .menu-link .menu-title,
#kt_app_sidebar .menu-item.here > .menu-link .menu-icon i {
  color: #ffffff !important;
}

/* ---------- Marka rengi: butonlar, linkler, ilerleme cubugu ---------- */
/* Bootstrap/Metronic'in kendi acik/koyu tema degiskenlerini kullanir,
   bu yuzden arka plan degil sadece marka rengini degistiriyoruz -
   boylece Dark mode secildiginde paneller kendi koyu temasinda kalir. */
.btn-primary,
.page-item.active .page-link,
.badge-primary,
.bg-primary {
  background-color: var(--im-blue) !important;
  border-color: var(--im-blue) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--im-blue-dark) !important;
  border-color: var(--im-blue-dark) !important;
}

.btn-light-primary {
  color: var(--im-blue) !important;
}

.btn-outline-primary {
  color: var(--im-blue) !important;
  border-color: var(--im-blue) !important;
}

.btn-outline-primary:hover {
  background-color: var(--im-blue) !important;
  color: #fff !important;
}

.text-primary {
  color: var(--im-blue) !important;
}

.progress-bar {
  background-color: var(--im-blue) !important;
}

::selection {
  background: var(--im-blue);
  color: #fff;
}