/* Filament admin panel custom theme - LuaPR-inspired base */

/* Logo sizing for login page */
.fi-simple-logo img {
    height: 4rem;
    width: auto;
    max-width: 100%;
}

/* Sidebar navy dark */
.fi-sidebar {
    background-color: #0F1F1A !important;
}

/* Active nav item violet accent */
.fi-sidebar-item-active,
.fi-sidebar-item-button.fi-active {
    background-color: #16A34A !important;
    border-radius: 8px;
}

.fi-sidebar-item-active .fi-sidebar-item-label,
.fi-sidebar-item-active .fi-sidebar-item-icon,
.fi-sidebar-item-button.fi-active .fi-sidebar-item-label,
.fi-sidebar-item-button.fi-active .fi-sidebar-item-icon {
    color: #ffffff !important;
}

/* Main content light gray background */
.fi-main {
    background-color: #f5f6fa !important;
}

/* Topbar white */
.fi-topbar {
    background-color: #ffffff !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

/* Cards white, subtle border, soft radius */
.fi-card,
.fi-section,
.filament-tables-table-wrapper,
.filament-forms-card-component {
    background-color: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.06) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

/* Table header clean */
.filament-tables-header {
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

/* Primary buttons violet */
.fi-btn-primary {
    background-color: #16A34A !important;
    border-color: #16A34A !important;
}

.fi-btn-primary:hover {
    background-color: #15803d !important;
}

/* Badges soft tones */
.fi-badge-success {
    background-color: #dcfce7 !important;
    color: #166534 !important;
}

.fi-badge-warning {
    background-color: #fef3c7 !important;
    color: #92400e !important;
}

.fi-badge-danger {
    background-color: #fee2e2 !important;
    color: #991b1b !important;
}
/* Sidebar text white for better visibility */
.fi-sidebar a,
.fi-sidebar-item-label,
.fi-sidebar-item-icon {
    color: #ffffff !important;
}

/* LuaPR sidebar final overrides loaded after Filament */
.fi-sidebar,
.fi-sidebar-header,
.fi-sidebar-nav,
.fi-sidebar-nav-groups {
    background-color: #0F1F1A !important;
}

.fi-sidebar .fi-sidebar-group-label,
.fi-sidebar .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-icon,
.fi-sidebar svg {
    color: #ffffff !important;
}

.fi-sidebar .fi-sidebar-item-button:hover,
.fi-sidebar .fi-sidebar-item-button:focus,
.fi-sidebar .fi-sidebar-item-button:focus-visible,
.fi-sidebar .fi-sidebar-item-button.fi-active,
.fi-sidebar .fi-sidebar-item-button[aria-current="page"] {
    background-color: #16A34A !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

.fi-sidebar .fi-sidebar-item-button:hover *,
.fi-sidebar .fi-sidebar-item-button:focus *,
.fi-sidebar .fi-sidebar-item-button:focus-visible *,
.fi-sidebar .fi-sidebar-item-button.fi-active *,
.fi-sidebar .fi-sidebar-item-button[aria-current="page"] * {
    color: #ffffff !important;
}

/* LuaPR sidebar layout and active item correction */
.fi-sidebar {
    background-color: #0F1F1A !important;
    border-right: 0 !important;
}

.fi-sidebar-header {
    background-color: #0F1F1A !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    height: 4.5rem !important;
    padding: 0.75rem !important;
}

.fi-sidebar-header a,
.fi-sidebar-header img {
    background-color: transparent !important;
}

.fi-sidebar-header img {
    max-height: 3rem !important;
    width: auto !important;
}

.fi-sidebar-nav {
    background-color: #0F1F1A !important;
    padding-top: 1rem !important;
}

.fi-sidebar-group-label {
    color: rgba(255, 255, 255, 0.62) !important;
    font-weight: 600 !important;
}

.fi-sidebar-item-button {
    color: #ffffff !important;
    border-radius: 8px !important;
}

.fi-sidebar-item-button .fi-sidebar-item-label,
.fi-sidebar-item-button .fi-sidebar-item-icon,
.fi-sidebar-item-button svg {
    color: #ffffff !important;
    stroke: currentColor !important;
}

.fi-sidebar-item-button:hover,
.fi-sidebar-item-button:focus,
.fi-sidebar-item-button:focus-visible {
    background-color: rgba(22, 163, 74, 0.25) !important;
    color: #ffffff !important;
}

.fi-sidebar-item-button.fi-active,
.fi-sidebar-item-button[aria-current="page"],
.fi-sidebar-item-button.bg-gray-100,
.fi-sidebar-item-button.dark\:bg-white\/5 {
    background-color: #16A34A !important;
    color: #ffffff !important;
}

.fi-sidebar-item-button.fi-active *,
.fi-sidebar-item-button[aria-current="page"] *,
.fi-sidebar-item-button.bg-gray-100 *,
.fi-sidebar-item-button.dark\:bg-white\/5 * {
    color: #ffffff !important;
    stroke: currentColor !important;
}

.fi-sidebar .fi-sidebar-item-button.bg-white,
.fi-sidebar .fi-sidebar-item-button.bg-gray-50,
.fi-sidebar .fi-sidebar-item-button.bg-gray-100 {
    background-color: #16A34A !important;
}

/* LuaPR sidebar logo/header polish */
.fi-sidebar-header {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 4.75rem !important;
    padding: 0.75rem 1rem !important;
    background-color: #0F1F1A !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.fi-sidebar-header a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 3.25rem !important;
    height: 3.25rem !important;
    padding: 0.35rem !important;
    background-color: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.fi-sidebar-header img {
    display: block !important;
    max-width: 2.55rem !important;
    max-height: 2.55rem !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.fi-sidebar-nav {
    padding-top: 1.25rem !important;
}

.fi-sidebar-group {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.fi-sidebar-item-button {
    min-height: 2.45rem !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

/* Sidebar brand logo sizing */
.fi-sidebar-header .fi-logo,
.fi-sidebar-header .fi-logo img {
    max-width: 11rem !important;
}

.fi-sidebar-header .fi-logo img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-height: 4rem !important;
    object-fit: contain !important;
}

.fi-sidebar-header {
    align-items: center !important;
}

/* Sidebar brand logo/header fit */
.fi-sidebar-header {
    justify-content: center !important;
    padding: 1rem 1.25rem !important;
}

.fi-sidebar-header .fi-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

.fi-sidebar-header .fi-logo img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 11.5rem !important;
    max-height: 3.25rem !important;
    object-fit: contain !important;
}

/* Sidebar logo full-width fit */
.fi-sidebar-header {
    justify-content: center !important;
    padding: 0.85rem 1.25rem !important;
}

.fi-sidebar-header a {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

.fi-sidebar-header .fi-logo,
.fi-sidebar-header img.fi-logo {
    width: 100% !important;
    max-width: 12.5rem !important;
    height: auto !important;
    max-height: 3.75rem !important;
    object-fit: contain !important;
}