/*
   Motyw inspirowany stroną firmową hi5-logistics.pl:
   biel, granatowy tekst, niebieski akcent marki, płaskie/nowoczesne karty,
   zaokrąglenia i miękkie cienie, dużo światła.

   Zakres ograniczony do .hi5-theme — nie wpływa na pozostałe widoki aplikacji.
   Kolor marki można zmienić w jednym miejscu (--hi5-primary).
*/
.hi5-theme {
    --hi5-primary: #1E6FD9;
    --hi5-primary-dark: #1857AC;
    --hi5-navy: #1A2A4F;
    --hi5-bg: #F5F7FA;
    --hi5-border: #E6EBF1;
    --hi5-header: #EEF4FF;
    --hi5-row-hover: #F3F7FF;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #2A3550;
    background-color: var(--hi5-bg);
    border-radius: 1rem;
    padding: 1.25rem 1.5rem 1.75rem;
}

/* Nagłówki */
.hi5-theme h2 {
    color: var(--hi5-navy);
    font-weight: 700;
    letter-spacing: -0.01em;
}

.hi5-theme h5 {
    color: var(--hi5-navy);
    font-weight: 600;
}

/* Karty */
.hi5-theme .card {
    border: 1px solid var(--hi5-border);
    border-radius: 0.85rem;
    box-shadow: 0 .35rem 1.1rem rgba(26, 42, 79, .06);
}

/* Karty statystyk: etykieta + duża liczba w granacie */
.hi5-theme .card-body .text-muted.d-block {
    text-transform: uppercase;
    font-size: .72rem;
    letter-spacing: .04em;
    margin-bottom: .15rem;
}

.hi5-theme .card-body strong {
    color: var(--hi5-navy);
    font-size: 1.45rem;
    font-weight: 700;
}

/* Przyciski — zaokrąglone, kolor marki */
.hi5-theme .btn {
    border-radius: 0.55rem;
    font-weight: 600;
}

.hi5-theme .btn-primary,
.hi5-theme .btn-info {
    background-color: var(--hi5-primary);
    border-color: var(--hi5-primary);
    color: #fff;
}

.hi5-theme .btn-primary:hover,
.hi5-theme .btn-info:hover,
.hi5-theme .btn-primary:focus,
.hi5-theme .btn-info:focus {
    background-color: var(--hi5-primary-dark);
    border-color: var(--hi5-primary-dark);
    color: #fff;
}

.hi5-theme .btn-outline-secondary {
    color: var(--hi5-navy);
    border-color: var(--hi5-border);
}

.hi5-theme .btn-outline-secondary:hover {
    background-color: var(--hi5-navy);
    border-color: var(--hi5-navy);
    color: #fff;
}

/* Pola formularza */
.hi5-theme .form-control,
.hi5-theme .form-select {
    border-radius: 0.55rem;
    border-color: var(--hi5-border);
}

.hi5-theme .form-control:focus,
.hi5-theme .form-select:focus {
    border-color: var(--hi5-primary);
    box-shadow: 0 0 0 .2rem rgba(30, 111, 217, .15);
}

/* Tabela */
.hi5-theme .table thead th {
    background-color: var(--hi5-header);
    color: var(--hi5-navy);
    border-bottom: 2px solid var(--hi5-primary);
    font-weight: 600;
    white-space: nowrap;
}

.hi5-theme .table thead th a {
    color: var(--hi5-navy) !important;
    text-decoration: none;
}

.hi5-theme .table thead th a:hover {
    color: var(--hi5-primary) !important;
}

/* Sortowanie — klikalne nagłówki z wskaźnikiem kierunku */
.hi5-theme .table thead th a.hi5-sort-link,
.hi5-theme .table thead th a.text-reset {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    text-decoration: none;
}

.hi5-theme .table thead th a.hi5-sort-active {
    color: var(--hi5-primary) !important;
    font-weight: 700;
}

.hi5-theme .table-hover tbody tr:hover {
    background-color: var(--hi5-row-hover);
}

/* Zakładki */
.hi5-theme .nav-tabs {
    border-bottom: 1px solid var(--hi5-border);
}

.hi5-theme .nav-tabs .nav-link {
    color: var(--hi5-navy);
    border: none;
    font-weight: 600;
    padding: .6rem 1rem;
}

.hi5-theme .nav-tabs .nav-link:hover {
    color: var(--hi5-primary);
    border: none;
}

.hi5-theme .nav-tabs .nav-link.active {
    color: var(--hi5-primary);
    background: transparent;
    border: none;
    border-bottom: 3px solid var(--hi5-primary);
}

/* Liczniki przy zakładkach w kolorze marki */
.hi5-theme .nav-tabs .nav-link .badge {
    background-color: var(--hi5-primary) !important;
    color: #fff;
    font-weight: 600;
}