/*
 * Unfold Custom CSS — Dark Mode Overrides
 * Table rows, sidebar, tabs, breadcrumbs, pagination, dropdowns, filters, messages
 */

/* Success messages */
.messagelist .success {
    background-color: var(--approved-bg);
    color: var(--approved-color);
    border-left: 4px solid var(--approved-color);
}

/* Warning messages */
.messagelist .warning {
    background-color: var(--pending-bg);
    color: var(--pending-color);
    border-left: 4px solid var(--pending-color);
}

/* Error messages */
.messagelist .error {
    background-color: rgb(254, 242, 242);
    color: rgb(239, 68, 68);
    border-left: 4px solid rgb(239, 68, 68);
}

/* Table rows */
tbody tr:hover {
    background-color: rgba(34, 197, 94, 0.08) !important;
    color: inherit !important;
}

.dark tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: inherit !important;
}

/* Sidebar & aside navigation links */
.dark aside a:hover,
.dark aside li:hover,
.dark aside button:hover,
.dark nav a:hover,
.dark nav li:hover,
.dark nav button:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: inherit !important;
}

/* Tab bar items */
.dark [role="tablist"] a:hover,
.dark [role="tablist"] button:hover,
.dark [role="tab"]:hover,
.dark .tabs a:hover,
.dark .tabs button:hover,
.dark .tab:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: inherit !important;
}

/* Breadcrumb items */
.dark .breadcrumbs a:hover,
.dark nav[aria-label="breadcrumb"] a:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: inherit !important;
}

/* Pagination buttons / links */
.dark .pagination a:hover,
.dark .pagination button:hover,
.dark [role="navigation"] a:hover,
.dark [role="navigation"] button:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: inherit !important;
}

/* Dropdown / select menu options */
.dark [role="option"]:hover,
.dark [role="menuitem"]:hover,
.dark [role="listitem"] a:hover,
.dark ul[role="menu"] li:hover,
.dark ul[role="listbox"] li:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: inherit !important;
}

/* Filter sidebar items & changelist filters */
.dark #changelist-filter a:hover,
.dark .change-list .filter a:hover,
.dark .filter a:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: inherit !important;
}

/* Action bar / toolbar buttons */
.dark .object-tools a:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: inherit !important;
}

/* Related-object lookup popup links */
.dark .related-widget-wrapper a:hover,
.dark .related-lookup:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: inherit !important;
}