/* backend/static/css/custom.css */

/* Globale benutzerdefinierte CSS-Regeln, falls Tailwind nicht alles abdeckt
   oder für spezifische Overrides. */

/* Mobile menu styles */
#mobile-menu {
    transition: all 0.3s ease-in-out;
    max-height: 1000px;
    overflow: hidden;
}

#mobile-menu:not(.hidden) {
    max-height: 1000px;
}

/* Custom highlight class */
.custom-highlight {
    background-color: #fef9c3;
    color: #92400e;
    padding: 0.5rem;
    border-radius: 0.375rem;
}

/* D3.js tooltip styles */
.d3-chart-tooltip {
    position: absolute;
    background-color: #1f2937;
    color: white;
    font-size: 0.75rem;
    line-height: 1rem;
    border-radius: 0.375rem;
    padding: 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s;
}