/* Custom styles for the Pharmacy Management App */

/* Print styles for invoices */
@media print {
    body * {
        visibility: hidden;
    }
    #invoice-print, #invoice-print * {
        visibility: visible;
    }
    #invoice-print {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
}

/* Custom scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #c5c5c5;
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Animation for sidebar */
.sidebar-transition {
    transition: transform 0.3s ease-in-out;
}

/* Focus styles for accessibility */
button:focus, input:focus, select:focus, textarea:focus {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

/* Hover effects for tables */
.table-hover tbody tr:hover {
    background-color: #f9fafb;
}

/* Animation for toast notifications */
@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.toast-animation {
    animation: slideIn 0.3s ease-out;
}