/**
 * 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);
}


/* PMC Tasks — kursor wskazujący na wiersze gdy panel podglądu jest otwarty */
#kt_pmc_tasks_split_view.kt-preview-mode #kt_table_pmc_tasks tbody tr:hover {
    cursor: pointer;
}


/* Ikona AI „wygeneruj automatycznie" (partial _ai_icon) — domyślnie wyszarzona, po najechaniu nabiera barw */
.ai-icon {
    cursor: pointer;
    transition: transform 0.2s ease;
}

.ai-icon .path1:before,
.ai-icon .path2:before {
    color: var(--bs-gray-400);
    transition: color 0.2s ease;
}

.ai-icon:hover {
    transform: scale(1.15);
}

.ai-icon:hover .path1:before {
    color: var(--bs-primary);
}

.ai-icon:hover .path2:before {
    color: var(--bs-info);
}

/* Wariant kolorowy od razu (bez czekania na hover) */
.ai-icon-colored .path1:before {
    color: var(--bs-primary);
}

.ai-icon-colored .path2:before {
    color: var(--bs-info);
}


/* Akcje notatki (edycja/usuwanie) — na urządzeniach z kursorem widoczne
   dopiero po najechaniu na kartę/pozycję; na dotykowych zawsze widoczne */
@media (hover: hover) {
    [data-note-id] .note-actions {
        opacity: 0;
        transition: opacity 0.15s ease-in-out;
    }

    [data-note-id]:hover .note-actions,
    [data-note-id] .note-actions:focus-within {
        opacity: 1;
    }
}


/* Tabela uprawnień firmy — szerokości kolumn */
.dt-col-access-name {
    white-space: normal !important;
}

.dt-col-access-name .access-name-cell {
    max-width: 300px;
    word-break: break-word;
    overflow-wrap: break-word;
}

.dt-col-access-fixed-125 {
    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;
}

/* Akcje na kaflach (sprinty/etapy/użytkownicy) — analogicznie do notatek:
   na urządzeniach z kursorem widoczne dopiero po najechaniu na kartę;
   na dotykowych zawsze widoczne */
@media (hover: hover) {
    .card .tile-actions {
        opacity: 0;
        transition: opacity 0.15s ease-in-out;
    }

    .card:hover .tile-actions,
    .card .tile-actions:focus-within {
        opacity: 1;
    }
}