/* ============================================================
   Escalas Rádio Z FM – Custom Filament Theme
   Primary: #1D9E75  |  Dark sidebar: #1a1a18
   ============================================================ */

/* ---- Sidebar dark background -------------------------------- */
.fi-sidebar {
    background-color: #1a1a18 !important;
    border-right: 1px solid rgba(255,255,255,0.07) !important;
    box-shadow: none !important;
    --tw-ring-shadow: none !important;
}

.fi-sidebar-header {
    background-color: #141412 !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
    --tw-ring-shadow: none !important;
    box-shadow: none !important;
    ring: 0 !important;
}

/* Make sure the nav area also inherits the dark bg */
.fi-sidebar-nav {
    background-color: #1a1a18 !important;
}

/* ---- Nav item labels / icons – inactive --------------------- */
.fi-sidebar-item-label {
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
}

.fi-sidebar-item-icon {
    color: rgba(255, 255, 255, 0.50) !important;
}

/* ---- Nav item hover ----------------------------------------- */
.fi-sidebar-item-button:hover {
    background-color: rgba(255, 255, 255, 0.07) !important;
}

.fi-sidebar-item-button:hover .fi-sidebar-item-label {
    color: rgba(255, 255, 255, 0.95) !important;
}

.fi-sidebar-item-button:hover .fi-sidebar-item-icon {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* ---- Active nav item – green highlight --------------------- */
.fi-sidebar-item.fi-active .fi-sidebar-item-button,
.fi-sidebar-item.fi-sidebar-item-active .fi-sidebar-item-button {
    background-color: rgba(29, 158, 117, 0.18) !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-sidebar-item-active .fi-sidebar-item-label {
    color: #4dd9a8 !important;
    font-weight: 600 !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar-item.fi-sidebar-item-active .fi-sidebar-item-icon {
    color: #4dd9a8 !important;
}

/* ---- Nav group labels (e.g. "Cadastros", "Relatórios") ------ */
.fi-sidebar-group-label {
    color: rgba(255, 255, 255, 0.38) !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.fi-sidebar-group-button {
    cursor: pointer;
}

/* ---- Logo / brand name in sidebar -------------------------- */
.fi-sidebar-header .fi-logo,
.fi-sidebar-header a,
.fi-sidebar-header span {
    color: rgba(255, 255, 255, 0.90) !important;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
}

/* ---- Topbar (mobile hamburger bar) ------------------------- */
.fi-topbar nav {
    background-color: #1a1a18 !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
    box-shadow: none !important;
    --tw-ring-shadow: none !important;
}

.fi-topbar nav svg,
.fi-topbar nav button {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* ---- Page header ------------------------------------------- */
.fi-header {
    padding-bottom: 1.25rem !important;
}

.fi-header-heading {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    color: #111827 !important;
}

/* ---- Sections / Cards -------------------------------------- */
.fi-section {
    border: 1px solid rgb(229 231 235) !important;
    border-radius: 0.875rem !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.04), 0 0 0 0 transparent !important;
    overflow: hidden !important;
}

.dark .fi-section {
    border-color: rgba(255,255,255,0.08) !important;
}

.fi-section-content-ctn,
.fi-section > .fi-section-content {
    padding: 1.5rem !important;
}

.fi-section-header-ctn {
    padding: 1.25rem 1.5rem !important;
    border-bottom: 1px solid rgb(243 244 246) !important;
}

.dark .fi-section-header-ctn {
    border-bottom-color: rgba(255,255,255,0.07) !important;
}

/* ---- Widget cards ------------------------------------------ */
.fi-wi-stats-overview-stat {
    border-radius: 0.875rem !important;
    border: 1px solid rgb(229 231 235) !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.04) !important;
    padding: 1.5rem !important;
}

.dark .fi-wi-stats-overview-stat {
    border-color: rgba(255,255,255,0.08) !important;
}

/* ---- Tables inside sections -------------------------------- */
.fi-ta-ctn {
    border-radius: 0.875rem !important;
    border: 1px solid rgb(229 231 235) !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.04) !important;
    overflow: hidden !important;
}

.dark .fi-ta-ctn {
    border-color: rgba(255,255,255,0.08) !important;
}

/* ---- Main content area – subtle bg shading ----------------- */
.fi-main {
    padding-top: 1.75rem !important;
    padding-bottom: 2rem !important;
}

/* ---- Form inputs ------------------------------------------- */
.fi-input,
.fi-fo-field-wrp input,
.fi-fo-field-wrp textarea,
.fi-fo-field-wrp select {
    border-radius: 0.5rem !important;
}

/* ---- Buttons – primary green -------------------------------- */
.fi-btn-primary {
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
}

/* ---- Action buttons in tables ------------------------------ */
.fi-ta-actions {
    gap: 0.375rem !important;
}

/* ---- Tabs -------------------------------------------------- */
.fi-tabs-tab {
    font-weight: 500 !important;
}

/* ---- Scrollbar for sidebar (Webkit) ------------------------ */
.fi-sidebar-nav::-webkit-scrollbar {
    width: 4px;
}

.fi-sidebar-nav::-webkit-scrollbar-track {
    background: transparent;
}

.fi-sidebar-nav::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.15);
    border-radius: 4px;
}

/* ---- User avatar menu (bottom of sidebar) ------------------ */
.fi-sidebar .fi-avatar {
    ring: 0 !important;
    outline: none !important;
}