@charset "UTF-8";
/* OptilaPlus tema katmani — OptikKargo Metronic panelleri (app/yonetim/kurumsal).
   Yalnizca gorunum: renk/sidebar/kart/buton/giris. HTML ve JS degismez, islev bozulmaz.
   style.bundle.css'ten SONRA yuklenir; Metronic CSS degiskenlerini ezer. */

:root, [data-bs-theme="light"] {
  --bs-primary: #2563eb;
  --bs-primary-rgb: 37, 99, 235;
  --bs-primary-active: #1d4ed8;
  --bs-primary-light: #e7efff;
  --bs-primary-clarity: rgba(37, 99, 235, .2);
  --bs-primary-inverse: #ffffff;
  --bs-link-color: #2563eb;
  --bs-link-color-rgb: 37, 99, 235;
  --bs-link-hover-color: #1d4ed8;
  --bs-component-active-bg: #2563eb;
}
[data-bs-theme="dark"] {
  --bs-primary: #4d8bff;
  --bs-primary-rgb: 77, 139, 255;
}

body { background: #f4f6fb !important; }

/* ===== SIDEBAR (OptilaPlus lacivert) ===== */
.app-sidebar {
  background: #0f1c30 !important;
  border-right: 1px solid #16263d !important;
}
.app-sidebar .app-sidebar-logo { border-bottom: 1px solid rgba(255,255,255,.06) !important; }
.app-sidebar .menu .menu-link { border-radius: 8px !important; font-weight: 600; }
/* Menu yazisi .menu-title'da; hem light-sidebar hem dark-sidebar'da okunur olsun diye acik renge zorla */
.app-sidebar .menu .menu-link,
.app-sidebar .menu .menu-link .menu-title,
.app-sidebar .menu .menu-item .menu-link .menu-title,
.app-sidebar .menu .menu-item .menu-title { color: #c7d3e3 !important; }
.app-sidebar .menu .menu-link .menu-icon i,
.app-sidebar .menu .menu-link .menu-icon .ki-outline,
.app-sidebar .menu .menu-link .menu-icon svg { color: #93a6c2 !important; fill: #93a6c2 !important; }
.app-sidebar .menu .menu-link:hover,
.app-sidebar .menu .menu-item.hover > .menu-link,
.app-sidebar .menu .menu-item.here > .menu-link,
.app-sidebar .menu .menu-item.show > .menu-link,
.app-sidebar .menu .menu-link.active {
  background: rgba(37,99,235,.20) !important;
}
.app-sidebar .menu .menu-link:hover,
.app-sidebar .menu .menu-link:hover .menu-title,
.app-sidebar .menu .menu-item.hover > .menu-link .menu-title,
.app-sidebar .menu .menu-item.here > .menu-link,
.app-sidebar .menu .menu-item.here > .menu-link .menu-title,
.app-sidebar .menu .menu-item.show > .menu-link,
.app-sidebar .menu .menu-item.show > .menu-link .menu-title,
.app-sidebar .menu .menu-link.active,
.app-sidebar .menu .menu-link.active .menu-title { color: #ffffff !important; }
.app-sidebar .menu .menu-link.active .menu-icon i,
.app-sidebar .menu .menu-link:hover .menu-icon i,
.app-sidebar .menu .menu-item.here > .menu-link .menu-icon i { color: #6ba4ff !important; }
.app-sidebar .menu .menu-section .menu-content span,
.app-sidebar .menu .menu-section .menu-title { color: #6b7f9e !important; }
.app-sidebar .menu .menu-arrow, .app-sidebar .menu .menu-arrow:after { color: #7488a8 !important; }
/* daraltilmis (minimize) alt cizgi/bullet */
.app-sidebar .menu .menu-bullet .bullet { background-color: #6b7f9e !important; }

/* logo -> "OPTILA PLUS" wordmark */
#kt_app_sidebar_logo a img { display: none !important; }
#kt_app_sidebar_logo a { position: relative; display: inline-flex; align-items: center; text-decoration: none; }
#kt_app_sidebar_logo a::after {
  content: "OPTİLA PLUS";
  font-weight: 800; font-size: 20px; letter-spacing: .6px;
  color: #ffffff; font-family: system-ui, "Segoe UI", sans-serif;
}

/* ===== HEADER ===== */
.app-header { background: #ffffff !important; box-shadow: 0 1px 0 #eef1f6 !important; }

/* ===== KARTLAR ===== */
.card {
  border: 1px solid #e8edf4 !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 22px rgba(16,33,61,.05) !important;
}
.card .card-header { border-bottom: 1px solid #eef2f7 !important; }

/* ===== BUTONLAR ===== */
.btn { border-radius: 9px !important; }
.btn.btn-primary { background: #2563eb !important; border-color: #2563eb !important; color: #fff !important; }
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active { background: #1d4ed8 !important; border-color: #1d4ed8 !important; }
.btn.btn-light-primary { background: #e7efff !important; color: #2563eb !important; }
.btn.btn-active-primary:active, .btn.btn-active-light-primary:hover { background: #2563eb !important; color: #fff !important; }

/* ===== FORM / INPUT ===== */
.form-control:focus, .form-select:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 .2rem rgba(37,99,235,.15) !important;
}

/* ===== ROZET / LINK ===== */
.badge.badge-primary { background: #2563eb !important; }
a { color: #2563eb; }
a:hover { color: #1d4ed8; }

/* ===== GIRIS SAYFASI ===== */
.flex-lg-row-auto.justify-content-lg-end,
body > div > .d-flex.flex-column-fluid.flex-lg-row-auto {
  background: linear-gradient(135deg, #0f1c30 0%, #1e40af 100%) !important;
}
.bg-body { border-radius: 16px !important; box-shadow: 0 20px 60px rgba(6,20,45,.22) !important; }

/* ===== EMBED TASMA: genis tablolar/icerik ekrana sigmazsa yatay kaydirilabilir ===== */
.app-wrapper, .app-main, #kt_app_content, #kt_app_content_container { min-width: 0 !important; max-width: 100% !important; }
.app-content .table-responsive, .app-content .dataTables_wrapper, .app-content .dataTables_scroll { overflow-x: auto !important; max-width: 100% !important; }
.app-content .card { max-width: 100% !important; }
.app-content .container-xxl, .app-content .container-fluid { padding-left: 12px !important; padding-right: 12px !important; }