/* MuniEmp Custom Styles */

/* Tamaño base más grande en desktop para mejor lectura */
@media (min-width: 1024px) {
    html { font-size: 18px; }
}

/* Sidebar navigation */
.nav-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    font-size: 0.875rem;
    color: rgba(191, 219, 254, 1);
    border-radius: 0.5rem;
    transition: background-color 0.15s, color 0.15s;
}
.nav-link:hover {
    background-color: rgba(37, 99, 235, 1);
    color: white;
}
.nav-link.active {
    background-color: rgba(255, 255, 255, 0.15);
    color: white;
    font-weight: 500;
}

/* Smooth transitions */
* {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0ms;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Table hover rows */
tbody tr {
    transition: background-color 0.15s;
}

/* Modal animation */
#contact-modal .bg-white {
    animation: modalIn 0.2s ease-out;
}
@keyframes modalIn {
    from { transform: scale(0.95); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

/* Print styles */
@media print {
    #sidebar, header, footer, button { display: none !important; }
    .lg\:ml-64 { margin-left: 0 !important; }
}