/*
 * fider-partners.css — nadpisania portalu partnerskiego nad design systemem Fidera.
 *
 * Zasada: `fider-ui.css` jest kopią skompilowanego design systemu i NIE jest
 * tu edytowany. Wszystko, co odróżnia portal od aplikacji, mieszka w tym pliku.
 *
 * DRUGA ZASADA, ważniejsza: ten plik NIE odtwarza komponentów, które design
 * system już ma. Liczby to `.fider-stat`, karty to `.fider-box`, statusy to
 * `.badge`, listy to `.body-entries-list > .list-item`, pola to `.form-field`.
 * Jeśli kusi Cię, żeby dopisać tu własny kafelek/plakietkę/tabelę — najpierw
 * sprawdź `custom.scss`; aplikacja nie ma ani jednej tabeli HTML i portal
 * też mieć nie powinien.
 *
 * Zostaje tu wyłącznie to, czego design system nie zna, bo nie istnieje
 * w aplikacji: niebieskie logowanie i fakt, że portal stoi na froncie,
 * a nie w wp-admin.
 */

/* ==========================================================================
   Logowanie — fiderowo niebieskie tło
   ========================================================================== */

/*
 * Górny pasek zostaje biały (jego tło rysuje pseudo-element `:before`
 * design systemu), więc logo Fidera pozostaje czytelne bez wersji na ciemne
 * tło. Niebieskie jest wyłącznie pole pod paskiem.
 */
body.fp-login-page {
    background: var(--color-primary, #1839a3);
    min-height: 100vh;
}

body.fp-login-page .body-wrapper.fp-login {
    padding-top: 83px;
    min-height: 100vh;
}

/* Karta formularza musi być biała — na niebieskim tle sam obrys by zniknął. */
body.fp-login-page .section-authorization .authorization-inner {
    background: var(--background-primary, #fff);
    border-color: transparent;
    box-shadow: 0 24px 48px rgba(9, 7, 29, .18);
    width: 100%;
    max-width: 460px;
}

body.fp-login-page .section-authorization .alert-wrapper {
    max-width: 460px;
    width: 100%;
}

.fp-auth-link {
    display: inline-block;
    margin-top: 4px;
    font-size: var(--small-text, .875rem);
    font-weight: 600;
    color: var(--color-primary, #1839a3);
}

.fp-remember {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
    cursor: pointer;
}

/* ==========================================================================
   Panel
   ========================================================================== */

body.fp-panel-page {
    background: var(--background-primary, #fff);
}

/*
 * Odsunięcie treści spod przyklejonego paska (`nav.section-header` ma
 * `position: fixed`). W aplikacji ten sam offset niesie `#wpbody-content`
 * z warstwy wp-admin (zmierzone: 83px, dokładnie wysokość paska). Portal
 * stoi na froncie i tego wrappera nie ma, więc offset musi paść tutaj —
 * to nie jest odstępstwo od design systemu, tylko odtworzenie warunków,
 * w których został zaprojektowany.
 */
.fp-panel {
    padding-top: 83px;
    min-height: 100vh;
}

/*
 * Sekcja sidebara grupująca tytuł, opis i pola. Odstępy MIĘDZY sekcjami
 * (margines, kreska) daje już design system regułą `.inner-sidebar > * + *`
 * — tutaj wyłącznie układ w środku jednej sekcji.
 */
.fp-sidebar-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Zdarzenie unieważnione — zostaje na liście, ale wyraźnie wygaszone. */
.list-item.fp-voided {
    opacity: .55;
}

.fp-footnote {
    display: flex;
    align-items: center;
    gap: 10px;
}