/* RodOil — cores e tipografia dos painéis admin e customer */

.fi-panel-admin,
.fi-panel-customer {
    --rodoil-red: #e32327;
    --rodoil-yellow: #ffd100;
    --rodoil-yellow-deep: #fbcb11;
    --rodoil-sidebar-bg: #f9f7f2;
    --rodoil-content-bg: #e5e7eb;
    --rodoil-tenant-pill-bg: #d1d5db;
}

/* Logo na sidebar (fora do .fi-sidebar-header, oculto pelo Filament com topbar) */
.fi-rodoil-sidebar-brand {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    width: 100%;
}

.fi-rodoil-sidebar-brand .fi-logo img {
    width: 100%;
    height: auto !important;
    object-fit: contain;
}

.fi-panel-admin .fi-rodoil-sidebar-brand .fi-logo img {
    max-width: 9rem;
}

.fi-panel-customer .fi-rodoil-sidebar-brand .fi-logo img {
    max-width: 11rem;
}

.fi-panel-admin .fi-sidebar-header,
.fi-panel-customer .fi-sidebar-header {
    justify-content: center;
    padding-block: 1.5rem 1rem;
}

/* Sidebar */
.fi-panel-admin .fi-sidebar,
.fi-panel-customer .fi-sidebar {
    background-color: var(--rodoil-sidebar-bg);
    border-inline-end-color: rgb(227 35 39 / 8%);
}

.fi-panel-admin .fi-sidebar-item-btn,
.fi-panel-customer .fi-sidebar-item-btn {
    color: var(--rodoil-red);
    font-weight: 500;
}

.fi-panel-admin .fi-sidebar-item-icon,
.fi-panel-customer .fi-sidebar-item-icon {
    color: var(--rodoil-red);
}

.fi-panel-admin .fi-sidebar-item.fi-active .fi-sidebar-item-btn,
.fi-panel-customer .fi-sidebar-item.fi-active .fi-sidebar-item-btn {
    background-color: rgb(227 35 39 / 10%);
    color: var(--rodoil-red);
}

.fi-panel-admin .fi-sidebar-group-label,
.fi-panel-customer .fi-sidebar-group-label {
    color: var(--rodoil-red);
    font-weight: 600;
}

.fi-panel-customer .fi-tenant-menu-trigger {
    border-radius: 9999px;
    background-color: var(--rodoil-tenant-pill-bg);
}

.fi-panel-customer .fi-tenant-menu-trigger-text,
.fi-panel-customer .fi-tenant-menu-trigger-tenant-name {
    color: var(--rodoil-red);
    font-weight: 600;
}

/* Topbar */
.fi-panel-admin .fi-topbar,
.fi-panel-customer .fi-topbar {
    background-color: var(--rodoil-yellow);
    border: none;
    box-shadow: none;
}

.fi-panel-admin .fi-topbar-open-sidebar-btn,
.fi-panel-admin .fi-topbar-close-sidebar-btn,
.fi-panel-customer .fi-topbar-open-sidebar-btn,
.fi-panel-customer .fi-topbar-close-sidebar-btn {
    color: var(--rodoil-red);
}

.fi-panel-admin .fi-global-search-field .fi-input-wrp,
.fi-panel-customer .fi-global-search-field .fi-input-wrp {
    background-color: #fff;
    border: none;
    border-radius: 9999px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 8%);
}

.fi-panel-admin .fi-user-menu-trigger .fi-avatar,
.fi-panel-customer .fi-user-menu-trigger .fi-avatar {
    background-color: var(--rodoil-red);
    color: #fff;
    font-weight: 700;
}

/* Conteúdo */
.fi-panel-admin .fi-main,
.fi-panel-customer .fi-main {
    background-color: var(--rodoil-content-bg);
}

.fi-panel-admin .fi-header-heading,
.fi-panel-admin .fi-section-header-heading,
.fi-panel-customer .fi-header-heading,
.fi-panel-customer .fi-section-header-heading {
    color: var(--rodoil-red);
}

.fi-panel-admin .fi-btn.fi-color-primary,
.fi-panel-customer .fi-btn.fi-color-primary {
    background-color: var(--rodoil-yellow-deep);
    color: var(--rodoil-red);
    font-weight: 600;
}

.fi-panel-admin .fi-btn.fi-color-primary:hover,
.fi-panel-customer .fi-btn.fi-color-primary:hover {
    background-color: var(--rodoil-yellow);
}