/*
 * Identitatea vizuală Wopa (analize/05-identitate-vizuala.md): bara de sus magenta, text alb,
 * element activ / hover alb cu text magenta, fundal de pagină #f9f9f9, login pe #a30a4a.
 * Fișier static (fără build Vite), încărcat din AdminPanelProvider.
 */
:root {
    --wopa-primary: #bb1158;
    --wopa-primary-hover: #c50756;
    --wopa-primary-dark: #a30a4a;
}

body.fi-body { background-color: #f9f9f9; }

/* --- Bara de sus --- */
.fi-topbar { background-color: var(--wopa-primary); --tw-ring-color: transparent; box-shadow: none; }
.fi-topbar .fi-topbar-item-btn,
.fi-topbar .fi-topbar-item-label,
.fi-topbar .fi-topbar-group-toggle-icon,
.fi-topbar .fi-icon-btn,
.fi-topbar .fi-topbar-open-sidebar-btn,
.fi-topbar .fi-topbar-close-sidebar-btn { color: #fff; }
.fi-topbar .fi-topbar-item-btn { border-radius: 0; }
.fi-topbar .fi-topbar-item:hover > .fi-topbar-item-btn,
.fi-topbar .fi-topbar-item.fi-active > .fi-topbar-item-btn,
.fi-topbar .fi-topbar-item-btn:focus-visible,
.fi-topbar .fi-topbar-item:hover > .fi-topbar-item-btn .fi-topbar-item-label,
.fi-topbar .fi-topbar-item.fi-active > .fi-topbar-item-btn .fi-topbar-item-label,
.fi-topbar .fi-topbar-item:hover > .fi-topbar-item-btn .fi-topbar-group-toggle-icon,
.fi-topbar .fi-topbar-item.fi-active > .fi-topbar-item-btn .fi-topbar-group-toggle-icon { background-color: #fff; color: var(--wopa-primary); }
.fi-topbar .fi-icon-btn:hover { background-color: rgb(255 255 255 / .15); }
.fi-topbar .fi-topbar-item-label { background-color: transparent !important; }
.fi-topbar .fi-topbar-item:hover > .fi-topbar-item-btn .fi-topbar-item-label,
.fi-topbar .fi-topbar-item.fi-active > .fi-topbar-item-btn .fi-topbar-item-label,
.fi-topbar .fi-topbar-item:hover > .fi-topbar-item-btn .fi-topbar-group-toggle-icon,
.fi-topbar .fi-topbar-item.fi-active > .fi-topbar-item-btn .fi-topbar-group-toggle-icon { background-color: transparent !important; }

/* Logo: pătrat alb lipit de marginea barei (JPEG-ul are fundal alb) */
.fi-topbar .fi-logo { border-radius: .25rem; }

/* --- Butoane primare pline: magenta cu text alb --- */
.fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-btn-color-gray) {
    background-color: var(--wopa-primary);
    color: #fff;
}
.fi-btn.fi-color-primary:not(.fi-outlined):hover { background-color: var(--wopa-primary-hover); color: #fff; }

/* --- Login --- */
.fi-simple-layout { background-color: var(--wopa-primary-dark); }
.fi-simple-layout .fi-logo { height: 7rem !important; width: auto; }
.fi-simple-header-heading { font-size: 1.25rem; letter-spacing: .02em; }

/* --- Informații la formularul de concediu (resources/views/filament/leaves/info.blade.php) --- */
.wopa-info { display: block; border: 1px solid #bae6fd; background: #f0f9ff; border-radius: .5rem; padding: 1rem; font-size: .875rem; color: #333; }
.wopa-info p { margin: .5rem 0 0; }
.wopa-info p:first-child { margin-top: 0; }
.wopa-info__list { margin: .25rem 0 0 1.25rem; list-style: disc; }
.wopa-info__days { margin: .25rem 0 0; padding: 0; list-style: none; }
.wopa-info__days li { margin: .125rem 0; }
.wopa-info hr { margin: .75rem 0; border: 0; border-top: 1px solid #bae6fd; }
.wopa-info__legal { color: #bb1158; }
.wopa-info__company { color: #1991d1; }

/* --- Sumar raport (resources/views/filament/pages/reports/report.blade.php) --- */
.wopa-report-summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
.wopa-report-summary p { font-size: 1.125rem; font-weight: 600; margin: 0; }
.wopa-report-form { display: flex; flex-direction: column; gap: 1rem; align-items: flex-start; }
.wopa-report-form > :first-child { width: 100%; }