/* Lineasec sidebar: Glass scuro (frosted dark) */

/* --- CSS vars for per-panel accent --- */
.fi-sidebar {
    --sidebar-accent: 56, 189, 248;          /* sky-400 default (Admin) */
    --sidebar-accent-solid: #38bdf8;
}
[data-panel-id="agente"] .fi-sidebar {
    --sidebar-accent: 59, 130, 246;           /* blue-500 */
    --sidebar-accent-solid: #3b82f6;
}
[data-panel-id="veterinario"] .fi-sidebar {
    --sidebar-accent: 20, 184, 166;           /* teal-500 */
    --sidebar-accent-solid: #14b8a6;
}

/* --- Base sidebar: frosted dark glass --- */
.fi-sidebar {
    background: rgba(30, 35, 50, 0.85) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
}
@media (min-width: 1024px) {
    .fi-sidebar {
        background: rgba(30, 35, 50, 0.85) !important;
    }
}

/* --- Header / logo area --- */
.fi-sidebar-header {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
.fi-sidebar-header a,
.fi-sidebar-header span {
    color: #ffffff !important;
}

/* --- Nav item labels --- */
.fi-sidebar-item-label {
    color: rgba(255, 255, 255, 0.8) !important;
    transition: color 0.2s ease;
}

/* --- Nav item icons --- */
.fi-sidebar-item-icon {
    color: rgba(255, 255, 255, 0.5) !important;
    transition: color 0.2s ease;
}

/* --- Hover --- */
.fi-sidebar-item-btn:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px;
}
.fi-sidebar-item-btn:hover .fi-sidebar-item-label {
    color: #ffffff !important;
}
.fi-sidebar-item-btn:hover .fi-sidebar-item-icon {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* --- Active item: glass pill --- */
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn,
.fi-sidebar-item-btn.fi-active {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px;
}
.fi-sidebar-item-btn.fi-active .fi-sidebar-item-label {
    color: #ffffff !important;
    font-weight: 600;
}
.fi-sidebar-item-btn.fi-active .fi-sidebar-item-icon {
    color: var(--sidebar-accent-solid) !important;
}

/* --- Group labels --- */
.fi-sidebar-group-label {
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* --- Group collapse button --- */
.fi-sidebar-group-collapse-btn {
    color: rgba(255, 255, 255, 0.35) !important;
}

/* --- Close button (mobile) --- */
.fi-sidebar-close-btn {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* --- Badge --- */
.fi-sidebar-item-badge {
    color: #1e2332 !important;
    background-color: var(--sidebar-accent-solid) !important;
}