/* Guvenok */

/* ---- 0. Palet ---- */
:root {
    --gv-primary: #212658;
    --gv-primary-rgb: 33, 38, 88;
    --gv-primary-hover: #1A1E47;
    --gv-primary-active: #141736;
    --gv-primary-light: #E9EAF1;
    --gv-primary-soft: rgba(33, 38, 88, 0.08);
    --gv-primary-border: rgba(33, 38, 88, 0.25);

    --gv-accent: #4AA054;
    --gv-accent-rgb: 74, 160, 84;
    --gv-accent-hover: #3D8746;
    --gv-accent-light: #EAF4EB;
    --gv-accent-soft: rgba(74, 160, 84, 0.12);

    --gv-dark: #1A1E45;
    --gv-dark-2: #212658;
    --gv-dark-3: #2A3068;
    --gv-dark-line: #343A78;

    --gv-on-dark: #E8EAF3;
    --gv-on-dark-muted: #A3A9C4;
    --gv-on-dark-dim: #757F95;

    --gv-bg: #F0F1F5;
    --gv-bg-content: #F6F6F6;
    --gv-thead: #EDEEF4;
}

/* ---- 1. Bootstrap / Metronic degisken ezmesi ---- */
:root,
[data-bs-theme="light"] {
    --bs-primary: #212658;
    --bs-primary-rgb: 33, 38, 88;
    --bs-primary-active: #1A1E47;
    --bs-primary-light: #E9EAF1;
    --bs-primary-clarity: rgba(33, 38, 88, 0.2);
    --bs-primary-inverse: #FFFFFF;

    --bs-link-color: #212658;
    --bs-link-color-rgb: 33, 38, 88;
    --bs-link-hover-color: #4AA054;
    --bs-link-hover-color-rgb: 74, 160, 84;

    --bs-component-active-bg: #212658;
    --bs-component-hover-color: #4AA054;
}

[data-bs-theme="dark"] body {
    background-image: url(assets/media/auth/guvenok.jpg)!important;
}

/* ---- 2. Sidebar ---- */
#kt_app_sidebar {
    background-color: var(--gv-dark) !important;
}

.menu-item .menu-link.active {
    background-color: var(--gv-accent-soft) !important;
    border-left: 2px solid var(--gv-accent) !important;
    color: #FFFFFF !important;
}

#kt_app_sidebar .menu-item .menu-link:hover:not(.active) {
    background-color: rgba(255, 255, 255, 0.04) !important;
    color: var(--gv-on-dark) !important;
}

#kt_app_sidebar .menu-item .menu-link.active .menu-icon i,
#kt_app_sidebar .menu-item .menu-link.active .menu-icon .svg-icon,
#kt_app_sidebar .menu-item .menu-link.active .menu-arrow:after {
    color: var(--gv-accent) !important;
}

#kt_app_sidebar .menu-item.here > .menu-link,
#kt_app_sidebar .menu-item.show > .menu-link {
    color: var(--gv-on-dark) !important;
}

#kt_app_sidebar_logo {
    border-bottom: 0px solid var(--gv-dark-line) !important;
}

/* ---- 3. Topbar ---- */
#kt_app_header {
    background-color: var(--gv-dark) !important;
    border-bottom: 1px solid var(--gv-dark-line) !important;
}

#kt_app_header .menu-title.h5 {
    color: var(--gv-on-dark) !important;
}

/* ---- 4. Tab Bar ---- */
#app-tabbar {
    background: var(--gv-dark);
    border-bottom: 1px solid var(--gv-dark-line);
}

.app-tab {
    color: var(--gv-on-dark-muted);
    background: var(--gv-dark-2);
    border-color: var(--gv-dark-line);
}

    .app-tab:hover {
        background: var(--gv-dark-3);
        color: var(--gv-on-dark);
    }

    .app-tab.active {
        background: var(--gv-dark);
        color: #FFFFFF;
        border-top: 1px solid var(--gv-accent);
    }

    .app-tab .tab-close {
        color: var(--gv-on-dark-dim);
    }

        .app-tab .tab-close:hover {
            color: #F05454;
        }

/* ---- 5. Status Bar ---- */
#app-statusbar {
    background: #141736;
    color: var(--gv-on-dark-dim);
    border-top: 1px solid var(--gv-dark-line);
}

#statusbar-clock {
    color: var(--gv-on-dark-muted);
}

#statusbar-copyright,
#statusbar-recordcount {
    color: var(--gv-on-dark-dim);
}

#statusbar-connection,
#statusbar-connection::before {
    color: #5FBF6B;
}

/* ---- 6. Arka plan tonu ---- */
body {
    background-color: var(--gv-bg) !important;
}

#kt_app_content {
    background-color: var(--gv-bg-content) !important;
}

/* ---- 7. Tablolar ---- */
.table thead th {
    color: var(--gv-on-dark-dim) !important;
    background-color: var(--gv-thead) !important;
}

/* ---- 8. Breadcrumb / Path Bar ---- */
.breadcrumb-item.active {
    color: var(--gv-primary) !important;
}

/* ---- 9. Klavye kisayol rozetleri ---- */
.kbd-hint {
    background: var(--gv-primary-light);
    color: #2E3566;
    border: 1px solid var(--gv-primary-border);
}

/* ---- 10. Butonlar ---- */
.btn.btn-primary {
    color: #FFFFFF;
    border-color: var(--gv-primary);
    background-color: var(--gv-primary);
}

    .btn.btn-primary:hover:not(.btn-active),
    .btn.btn-primary:focus:not(.btn-active),
    .btn.btn-primary.show,
    .btn.btn-primary:active:not(.btn-active) {
        color: #FFFFFF;
        border-color: var(--gv-primary-hover);
        background-color: var(--gv-primary-hover);
    }

.btn.btn-light-primary {
    color: var(--gv-primary);
    background-color: var(--gv-primary-light);
    border-color: transparent;
}

    .btn.btn-light-primary:hover:not(.btn-active),
    .btn.btn-light-primary:focus:not(.btn-active),
    .btn.btn-light-primary:active:not(.btn-active) {
        color: #FFFFFF;
        background-color: var(--gv-primary);
    }

.btn.btn-outline.btn-outline-primary,
.btn.btn-outline-primary {
    color: var(--gv-primary);
    border-color: var(--gv-primary);
}

    .btn.btn-outline.btn-outline-primary:hover,
    .btn.btn-outline-primary:hover {
        color: #FFFFFF;
        background-color: var(--gv-primary);
    }

.btn.btn-bg-primary {
    background-color: var(--gv-primary);
}

.btn.btn-success {
    color: #FFFFFF;
    border-color: var(--gv-accent);
    background-color: var(--gv-accent);
}

    .btn.btn-success:hover:not(.btn-active),
    .btn.btn-success:focus:not(.btn-active),
    .btn.btn-success:active:not(.btn-active) {
        color: #FFFFFF;
        border-color: var(--gv-accent-hover);
        background-color: var(--gv-accent-hover);
    }

.btn.btn-light-success {
    color: var(--gv-accent);
    background-color: var(--gv-accent-light);
    border-color: transparent;
}

    .btn.btn-light-success:hover:not(.btn-active),
    .btn.btn-light-success:active:not(.btn-active) {
        color: #FFFFFF;
        background-color: var(--gv-accent);
    }

/* ---- 11. Metin, rozet ve arka plan yardimci siniflari ---- */
.text-primary {
    color: var(--gv-primary) !important;
}

.bg-primary {
    background-color: var(--gv-primary) !important;
}

.bg-light-primary {
    background-color: var(--gv-primary-light) !important;
}

.border-primary {
    border-color: var(--gv-primary) !important;
}

.badge.badge-primary {
    color: #FFFFFF;
    background-color: var(--gv-primary);
}

.badge.badge-light-primary {
    color: var(--gv-primary);
    background-color: var(--gv-primary-light);
}

.badge.badge-success {
    color: #FFFFFF;
    background-color: var(--gv-accent);
}

.badge.badge-light-success {
    color: var(--gv-accent);
    background-color: var(--gv-accent-light);
}

.symbol.symbol-circle .symbol-label.bg-light-primary,
.symbol-label.bg-light-primary {
    color: var(--gv-primary);
    background-color: var(--gv-primary-light);
}

/* ---- 12. Form odagi ---- */
.form-control:focus,
.form-select:focus {
    border-color: var(--gv-primary-border);
    box-shadow: 0 0 0 0.2rem rgba(var(--gv-primary-rgb), 0.15);
}

.form-check-input:checked {
    background-color: var(--gv-primary);
    border-color: var(--gv-primary);
}

.form-check-input:focus {
    border-color: var(--gv-primary-border);
    box-shadow: 0 0 0 0.2rem rgba(var(--gv-primary-rgb), 0.15);
}

.select2-container--bootstrap5 .select2-selection--single:focus,
.select2-container--bootstrap5.select2-container--focus .select2-selection {
    border-color: var(--gv-primary-border) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--gv-primary-rgb), 0.15) !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option--highlighted,
.select2-container--bootstrap5 .select2-dropdown .select2-results__option[aria-selected='true'] {
    background-color: var(--gv-primary) !important;
    color: #FFFFFF !important;
}

/* ---- 13. Sekmeler (nav-tabs / nav-pills) ---- */
.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item.show .nav-link {
    color: var(--gv-primary);
    border-bottom-color: var(--gv-accent);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--gv-primary);
    color: #FFFFFF;
}

/* ---- 14. Sayfalama ---- */
.pagination .page-item.active .page-link {
    background-color: var(--gv-primary);
    border-color: var(--gv-primary);
    color: #FFFFFF;
}

.pagination .page-item .page-link:hover {
    color: var(--gv-primary);
}

.pagination .page-item.active .page-link:hover {
    color: #FFFFFF;
}

/* ---- 15. DataTable / ColumnGrid ---- */
table.dataTable tbody tr.selected > * {
    box-shadow: inset 0 0 0 9999px rgba(var(--gv-primary-rgb), 0.08) !important;
    color: inherit !important;
}

table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
    color: var(--gv-primary) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--gv-primary) !important;
    border-color: var(--gv-primary) !important;
    color: #FFFFFF !important;
}

.column-grid .cg-filter-active,
.cg-filter.active {
    color: var(--gv-accent) !important;
}

/* ---- 16. KPI seridi (expKpis) ---- */
.exp-kpi:hover,
.exp-kpi.active {
    border-color: var(--gv-primary-border) !important;
}

.exp-kpi.active {
    background-color: var(--gv-primary-light) !important;
}

/* ---- 17. Ilerleme ve yukleniyor gostergeleri ---- */
.progress-bar {
    background-color: var(--gv-primary);
}

.spinner-border.text-primary,
.spinner-grow.text-primary {
    color: var(--gv-primary) !important;
}

/* ---- 18. Login ekrani ---- */
#kt_sign_in_form .btn.btn-primary {
    background-color: var(--gv-primary);
    border-color: var(--gv-primary);
}

    #kt_sign_in_form .btn.btn-primary:hover {
        background-color: var(--gv-primary-hover);
        border-color: var(--gv-primary-hover);
    }

/* ---- 19. Mobil ---- */
@media (max-width: 991.98px) {
    #kt_app_header {
        background-color: var(--gv-dark) !important;
    }

    #kt_app_sidebar_logo {
        border-bottom-color: var(--gv-dark-line) !important;
    }
}

/* ---- 20. Yazdirma ---- */
@media print {
    #kt_app_sidebar,
    #kt_app_header,
    #app-tabbar,
    #app-statusbar {
        display: none !important;
    }

    body,
    #kt_app_content {
        background-color: #FFFFFF !important;
    }
}