/* Custom CSS to darken the changelist actions panel background for better contrast with the text (vertika green by default) */

.group-has-\[input\.action-select\:checked\]\:flex:is(:where(.group):has(:is(input.action-select:checked)) *) {
    background-color: #101828 !important; /* dark bg */
    border-top: 1px solid rgba(205, 220, 40, 0.899);
}

a.btn-success {
    color: #141414 !important;
}

.bg-primary-600 {
    background-color: rgb(206, 220, 40) !important;
    color: #141414 !important;
}

[class*="hover:text-primary-600"]:hover {
    color: #000 !important; /* new hover color */
}
.dark [class*="dark:hover:text-primary-500"]:hover {
    color: #cedc28 !important; /* new dark hover color */
}

/* Normal mode active link */
a[href].active,
a[href].current, 
a.font-semibold.text-primary-600 {
    color: #141414 !important;   /* new active text color */
    font-weight: 400;
    background-color: #cddc2888 !important; /* optional new bg */
}

/* Dark mode active link */
.dark a.font-semibold.dark\:text-primary-500 {
    color: #fdfdfd !important;
    font-weight: 400;
    background-color: #cddc284a !important; /* optional */
}

/* ----------------------------- */
/* Light Mode                    */
/* ----------------------------- */
html:not(.dark) .select2-results__option.select2-results__option--highlighted {
    color: #141414 !important;
}

html:not(.dark) .select2-results__option[aria-selected="true"] {
    color: #141414 !important;
    background-color: #f0f0f0 !important;
}

/* ----------------------------- */
/* Dark Mode                     */
/* ----------------------------- */
html.dark .select2-results__option.select2-results__option--highlighted {
    color: #ffffff !important;
    background-color: #333333 !important;
}

html.dark .select2-results__option[aria-selected="true"] {
    color: #ffffff !important;
    background-color: #333333 !important;
}


.timezonewarning {
  display: none !important;
}

.bg-white.border.border-base-200 a.bg-primary-600 {
    display: none !important;
}

/* .dark [class*="bg-primary-"] {
    background-color: #3f3f46 !important;
    color: #ffffff !important; } */

/* [class*="bg-primary-"] {
    background-color: #cedc28 !important;
    color: #141414 !important; 
} */ 


/* Light mode */
a.bg-primary-600 span,
a.bg-primary-700 span,
a.bg-primary-900 span,
button.bg-primary-600,
button.bg-primary-700,
button.bg-primary-900 {
    color: #141414 !important; /* dark text for light background */
    background-color: #cedc28 !important;
}

/* Dark mode */
.dark a.bg-primary-600 span,
.dark a.bg-primary-700 span,
.dark a.bg-primary-900 span,
.dark button.bg-primary-600,
.dark button.bg-primary-700,
.dark button.bg-primary-900 {
    color: #141414 !important; /* lighter text for dark mode */
    background-color: #cedc28 !important;
}

/* Light mode */
.custom-close-btn {
    background-color: #cedc28 !important;
    color: #141414 !important;
}

/* Dark mode */
.dark .custom-close-btn {
    background-color: #cedc28 !important;
    color: #141414 !important;
}

/* Optional: hover effect */
.custom-close-btn:hover {
    background-color: #b5c22e !important;  /* slightly darker on hover */
}

.dark .custom-close-btn:hover {
    background-color: #949f19 !important;
}