/* Menú lateral y marca "Zyncro Club" como en Backpack 4 (public/packages/custom/css/custom.css:
   .sidebar.zyncro-sidebar, .sidebar .nav-link y .app-header blanco con el logo), aplicados a tabler */
.navbar-vertical,
.navbar-vertical .navbar-collapse {
    background: linear-gradient(180deg, #1d1e27 0%, #171f3b 100%) !important;
}
.navbar-vertical .navbar-brand {
    background: rgba(255, 255, 255, 0.96);
    border-radius: 12px;
    margin: 0.5rem 0.75rem;
    padding: 0.6rem 0.9rem;
}
.navbar-vertical a,
.navbar-vertical .nav-link,
.navbar-vertical .nav-link-title {
    color: rgba(255, 255, 255, 0.78) !important;
    font-weight: 600;
}
.navbar-vertical .nav-link-icon {
    color: rgba(255, 255, 255, 0.6) !important;
}
.navbar-vertical .nav-link:hover,
.navbar-vertical .nav-link:focus,
.navbar-vertical .nav-link.active,
.navbar-vertical .nav-item.active > .nav-link {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
}
.navbar-vertical .nav-link:hover .nav-link-icon,
.navbar-vertical .nav-link.active .nav-link-icon,
.navbar-vertical .nav-item.active > .nav-link .nav-link-icon {
    color: #35d2f5 !important;
}
.navbar-vertical .dropdown-menu .dropdown-item {
    color: rgba(255, 255, 255, 0.72) !important;
}
.navbar-vertical .dropdown-menu .dropdown-item:hover,
.navbar-vertical .dropdown-menu .dropdown-item.active {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #fff !important;
}
.navbar-vertical .nav-title,
.navbar-vertical .menu-separator,
.navbar-vertical .nav-item.menu-separator {
    color: rgba(255, 255, 255, 0.42) !important;
}
/* La ayuda del editor de plantillas es texto corrido (en tabler .alert es flex) */
.cuota-template-editor__help {
    display: block !important;
}