/* Custom Scrollbar for better UX */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #e2e8f0;
    border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #cbd5e1;
}

/* Active Audio Card Style */
.active-card {
    border-color: #0ea5e9 !important; /* Tailwind brand-500 */
    background-color: #f0f9ff !important; /* Tailwind brand-50 */
    box-shadow: 0 0 0 1px #0ea5e9;
}
.active-card .text-slate-500 {
    color: #0284c7 !important; /* Tailwind brand-600 */
}
.active-card .bg-slate-100 {
    background-color: #bae6fd !important; /* Tailwind brand-200 */
}

/* Custom Audio Player Reset */
audio {
    filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
}
audio::-webkit-media-controls-panel {
    background-color: white;
}

/* Print Styles */
@media print {
    body * { visibility: hidden; }
    #detailView, #detailView * { visibility: visible; }
    #detailView { position: absolute; left: 0; top: 0; width: 100%; height: auto; border: none; box-shadow: none; display:block !important;}
    footer { display: none !important; }
    aside, #emptyState, .md\:hidden { display: none !important; }
}