/* TimTakip'e özel genel stiller (jgk-theme.css'in üzerine) */

/* Sekmeler: lacivert aktif sekme, altı çizgili düz görünüm */
.nav-tabs {
    border-bottom: 1px solid var(--jgk-border);
    gap: 4px;
}

    .nav-tabs .nav-link {
        color: var(--jgk-n600);
        font-weight: 500;
        font-size: 14px;
        border: none;
        border-bottom: 3px solid transparent;
        border-radius: 0;
        padding: 10px 16px;
        background: none;
    }

        .nav-tabs .nav-link:hover {
            color: var(--jgk-primary);
            border-bottom-color: var(--jgk-n300);
        }

        .nav-tabs .nav-link.active {
            color: var(--jgk-primary);
            font-weight: 600;
            background: none;
            border-bottom-color: var(--jgk-primary);
        }

/* Hap düğmeler (ör. TMK'da tim türü seçimi): lacivert aktif düğme */
.nav-pills .nav-link {
    color: var(--jgk-n700);
    font-weight: 500;
    border: 1px solid var(--jgk-border);
    background: #fff;
}

    .nav-pills .nav-link:hover {
        color: var(--jgk-primary);
        border-color: var(--jgk-n300);
    }

    .nav-pills .nav-link.active {
        color: #fff;
        background: var(--jgk-primary);
        border-color: var(--jgk-primary);
    }

/* Seçim kutuları: tema dolgusu ok simgesinin payını siliyor; ok yazının üstüne binmesin */
.form-select {
    padding-right: 2.25rem;
}

/* Kart başlıklarında ikon ve sayılar için hafif vurgu */
.card-header {
    font-size: 14px;
    letter-spacing: .01em;
}

/* Modal pencereler */
.modal-content {
    --bs-modal-bg: #fff;
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: var(--jgk-shadow-lg);
}

.modal-header {
    background: var(--jgk-primary);
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .modal-header .modal-title {
        color: #fff;
        font-size: 16px;
    }

    .modal-header .btn-close {
        filter: invert(1) grayscale(1) brightness(2);
    }

/* Bölge rozeti (BATI / SHB) */
.bolge-rozet {
    display: inline-block;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .05em;
    line-height: 1;
    padding: 3px 6px;
    border: 1px solid;
    border-radius: var(--jgk-radius-sm);
    vertical-align: middle;
}

    .bolge-rozet.bati {
        color: var(--jgk-primary);
        background: #E8EEF7;
        border-color: #C5D3E8;
    }

    .bolge-rozet.shb {
        color: #8A4B00;
        background: #FFF4E0;
        border-color: #F2D3A2;
    }