/* Custom styles beyond TailwindCSS */

/* This file is intentionally minimal as we're using TailwindCSS for most styling */

/* Add any custom animations or complex styles here if needed */
.checkbox-container:hover {
    background-color: rgba(16, 185, 129, 0.1); /* Light green hover effect */
}

/* Styling for state select */
select:disabled {
    background-color: #f3f4f6;
    cursor: not-allowed;
    opacity: 0.7;
}

/* Styling for disabled options */
select option:disabled {
    color: #9ca3af;
    font-style: italic;
}

select option[data-has-exact="true"] {
    font-weight: bold;
    color: #047857; /* Green color for states with exact data */
}

/* Styling for Hessen (active state) */
select option[value="hessen"] {
    font-weight: bold;
    color: #047857; /* Green color for active state */
}

/* Coming soon label styling */
.coming-soon {
    color: #9ca3af;
    font-style: italic;
}

/* Print styles */
@media print {
    .no-print {
        display: none;
    }
}