/* Branding paneli: granatowy pasek i nagłówek menu, jasne tło, spójne ze stroną główną. */
:root {
    --brand-navy: #0f2a44;
    --brand-navy-hover: #163a5c;
    --brand-bg: #f3f9fc;
}

.fi-body {
    background-color: var(--brand-bg);
}

.fi-topbar,
.fi-sidebar-header {
    background-color: var(--brand-navy) !important;
    color: #fff;
    --tw-ring-color: transparent;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
}

.fi-topbar .fi-logo,
.fi-sidebar-header .fi-logo,
.fi-topbar .fi-icon-btn,
.fi-sidebar-header .fi-icon-btn,
.fi-topbar .fi-topbar-item-label,
.fi-topbar a {
    color: #fff;
}

.fi-topbar .fi-icon-btn:hover,
.fi-sidebar-header .fi-icon-btn:hover {
    background-color: rgba(255, 255, 255, 0.12);
}

.fi-topbar .fi-icon-btn-icon,
.fi-sidebar-header .fi-icon-btn-icon {
    color: #fff;
}

.fi-topbar .fi-global-search .fi-input-wrp {
    background-color: rgba(255, 255, 255, 0.12);
    --tw-ring-color: rgba(255, 255, 255, 0.2);
}

.fi-topbar .fi-global-search .fi-input {
    color: #fff;
}

.fi-topbar .fi-global-search .fi-input::placeholder,
.fi-topbar .fi-global-search .fi-icon {
    color: rgba(255, 255, 255, 0.7);
}

.fi-sidebar-nav {
    background-color: #fff;
}

.fi-sidebar-group-label {
    color: var(--brand-navy);
}

.brand-footer {
    text-align: center;
    padding: 1rem;
    font-size: 0.8rem;
    color: #4b5b6b;
}

/* Natywny przycisk czyszczenia pola wyszukiwania (Chrome/Safari) — biały „×" na granatowym tle. */
.fi-topbar .fi-global-search input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    width: 1rem;
    height: 1rem;
    margin-left: 0.25rem;
    cursor: pointer;
    background-color: #fff;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><path d='M5 5l10 10M15 5L5 15'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><path d='M5 5l10 10M15 5L5 15'/></svg>") center / contain no-repeat;
    opacity: 0.85;
}

.fi-topbar .fi-global-search input[type="search"]::-webkit-search-cancel-button:hover {
    opacity: 1;
}

/* Ikona ładowania / sufiks pola wyszukiwania też na biało. */
.fi-topbar .fi-global-search .fi-input-wrp-suffix,
.fi-topbar .fi-global-search .fi-input-wrp-suffix .fi-icon {
    color: rgba(255, 255, 255, 0.8);
}