/**
 * Nadpisanie: kompensacja scrollbara w fixed headerze przy otwieraniu modali
 *
 * Źródło reguły: Metronic (layout/_default.scss / metronic-core CSS)
 * Oryginalna reguła: [data-kt-app-header-fixed=true].modal-open .app-header { padding-right: 15px !important; }
 *
 * Dlaczego nadpisujemy:
 *   Bootstrap przy otwieraniu modala ukrywa scrollbar strony (overflow: hidden na body)
 *   i dodaje padding-right równy szerokości scrollbara (~15px), żeby zapobiec przeskakiwaniu
 *   layoutu. Metronic kopiuje ten padding na fixed header (.app-header), bo elementy z
 *   position: fixed nie dziedziczą paddingu body.
 *
 *   W naszym projekcie sidebar jest stały i zajmuje lewą część ekranu — header nigdy nie
 *   rozciąga się na całą szerokość okna, więc kompensacja scrollbara powoduje wizualny
 *   przeskok headera w prawo przy każdym otwarciu modala. Efekt jest mylący i wygląda
 *   jak błąd layoutu. Wyłączamy go tutaj świadomie.
 *
 * Skutek uboczny: przy otwieraniu modala może być krótkotrwały layout shift o ~15px
 *   w obszarze między headerem a scrollbarem — akceptowalny, bo scrollbar nakłada się
 *   na sidebar, a nie na treść główną.
 *
 * created: 2026-04-18 BBU (GitHub Copilot, Claude Sonnet 4.6)
 */
@media (min-width: 992px) {
    [data-kt-app-header-fixed=true].modal-open .app-header {
        padding-right: 0 !important;
    }
}

[data-kt-app-layout="dark-sidebar"] .sidebar-select {
    background-color: #0d0e12 !important;
    color: #919cae !important;
    border-color: #1e2025 !important;
}

.w-20px {
    width: 20px !important;
}

.h-20px {
    height: 20px !important;
}

.min-w-135px {
    min-width: 135px;
}

.tooltip-inner {
    max-width: 250px !important;
}

.role-lang-invalid-dot {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f1416c;
    box-shadow: 0 0 0 2px #ffffff;
}

.cookiealert .cookiealert-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    text-align: center;
}

.cookiealert .cookiealert-message p {
    margin-bottom: 0;
}

.cookiealert .cookiealert-message > :last-child {
    margin-bottom: 0;
}

.cookiealert .acceptcookies {
    margin-left: 0;
    flex-shrink: 0;
}

.dtsr-emptyStates {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
}


.dt-button-collection .dt-button-split.kt-layout-row-hover > *:first-child:hover {
    background-color: var(--bs-component-hover-bg) !important;
    color: var(--bs-component-hover-color) !important;
}