/* ============================================ */
/* Dashboard Styles - CSPT                     */
/* ============================================ */

/* Summary Cards */
.dashboard-summary-card {
    transition: transform 0.2s ease-in-out;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 0;
    overflow: hidden;
}

.dashboard-summary-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Card Header */
.dashboard-card-header {
    padding: 15px;
    text-align: center;
    color: white;
}

.dashboard-card-header .rz-text {
    color: white !important;
    font-weight: 600;
    margin: 0;
}

/* Card Content */
.dashboard-card-content {
    padding: 20px;
    text-align: center;
    background: white;
}

.dashboard-card-content .rz-text {
    margin: 0;
}

/* Chart Cards */
.dashboard-chart-card {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 0;
    overflow: hidden;
    transition: transform 0.2s ease-in-out;
}

.dashboard-chart-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Chart Header */
.chart-header {
    padding: 15px;
    text-align: center;
    color: white;
}

.chart-header .rz-text {
    color: white !important;
    font-weight: 600;
    margin: 0;
}

/* Chart Content */
.chart-content {
    padding: 20px;
    background: white;
}

/* Export Buttons Container */
.dashboard-export-buttons {
    margin-top: 1rem;
    text-align: center;
}

.dashboard-export-buttons .rz-button {
    margin-right: 10px;
}

.dashboard-export-buttons .rz-button:last-child {
    margin-right: 0;
}

/* ============================================ */
/* Card Color Themes                           */
/* ============================================ */

/* Default/Primary - Old Gold */
.card-theme-primary .dashboard-card-header {
    background: linear-gradient(135deg, #CFB53B 0%, #8B7500 100%);
}

/* Success - Green */
.card-theme-success .dashboard-card-header {
    background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
}

/* Info - Blue */
.card-theme-info .dashboard-card-header {
    background: linear-gradient(135deg, #17a2b8 0%, #117a8b 100%);
}

/* Warning - Yellow/Orange */
.card-theme-warning .dashboard-card-header {
    background: linear-gradient(135deg, #ffc107 0%, #d39e00 100%);
}

.card-theme-warning .dashboard-card-header .rz-text {
    color: #000 !important;
}

/* Danger - Red */
.card-theme-danger .dashboard-card-header {
    background: linear-gradient(135deg, #dc3545 0%, #bd2130 100%);
}

/* Purple */
.card-theme-purple .dashboard-card-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Pink */
.card-theme-pink .dashboard-card-header {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

/* Teal */
.card-theme-teal .dashboard-card-header {
    background: linear-gradient(135deg, #20c997 0%, #17a2b8 100%);
}

/* Dark */
.card-theme-dark .dashboard-card-header {
    background: linear-gradient(135deg, #343a40 0%, #212529 100%);
}

.card-theme-dark .dashboard-card-header .rz-text {
    color: white !important;
}

/* Gray - dark gray background with black text */
.card-theme-gray .dashboard-card-header {
    background: linear-gradient(135deg, #9e9e9e 0%, #757575 100%);
}

.card-theme-gray .dashboard-card-header .rz-text {
    color: #000000 !important;
}

/* Chart Color Themes */
.chart-theme-primary .chart-header {
    background: linear-gradient(135deg, #CFB53B 0%, #8B7500 100%);
}

.chart-theme-purple .chart-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.chart-theme-pink .chart-header {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.chart-theme-info .chart-header {
    background: linear-gradient(135deg, #17a2b8 0%, #117a8b 100%);
}

.chart-theme-success .chart-header {
    background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
}

.chart-theme-teal .chart-header {
    background: linear-gradient(135deg, #20c997 0%, #17a2b8 100%);
}

/* ============================================ */
/* Value Colors                                */
/* ============================================ */

.value-success {
    color: #28a745 !important;
}

.value-danger {
    color: #dc3545 !important;
}

.value-warning {
    color: #ffc107 !important;
}

.value-info {
    color: #17a2b8 !important;
}

.value-primary {
    color: #CFB53B !important;
}

.value-purple {
    color: #667eea !important;
}

.value-pink {
    color: #f5576c !important;
}

/* ============================================ */
/* Responsive Adjustments                      */
/* ============================================ */

@media (max-width: 768px) {
    .dashboard-card-header,
    .chart-header {
        padding: 10px;
    }

    .dashboard-card-content,
    .chart-content {
        padding: 15px;
    }

    .dashboard-export-buttons {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .dashboard-export-buttons .rz-button {
        margin-right: 0;
        width: 100%;
    }
}

/* ============================================ */
/* Dark Mode Support                           */
/* ============================================ */

.rz-dark .dashboard-summary-card,
.rz-dark .dashboard-chart-card,
.rz-material-dark .dashboard-summary-card,
.rz-material-dark .dashboard-chart-card {
    border-color: #444;
}

.rz-dark .dashboard-card-content,
.rz-dark .chart-content,
.rz-material-dark .dashboard-card-content,
.rz-material-dark .chart-content {
    background: #2d2d2d;
}

.rz-dark .dashboard-card-content .rz-text,
.rz-dark .chart-content .rz-text,
.rz-material-dark .dashboard-card-content .rz-text,
.rz-material-dark .chart-content .rz-text {
    color: #e0e0e0;
}

/* ============================================ */
/* Dark Mode: Quick Action Buttons             */
/* ============================================ */

.rz-dark .quick-action-btn,
.rz-dark .quick-action-grid a,
.rz-dark .quick-action-grid .rz-link,
.rz-material-dark .quick-action-btn,
.rz-material-dark .quick-action-grid a,
.rz-material-dark .quick-action-grid .rz-link {
    background: #2d2d2d !important;
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

.rz-dark .quick-action-btn span,
.rz-dark .quick-action-btn .rz-link-text,
.rz-dark .quick-action-btn .rz-link-text span,
.rz-dark .quick-action-grid span,
.rz-material-dark .quick-action-btn span,
.rz-material-dark .quick-action-btn .rz-link-text,
.rz-material-dark .quick-action-btn .rz-link-text span,
.rz-material-dark .quick-action-grid span {
    color: #e0e0e0 !important;
}

.rz-dark .quick-action-btn:hover,
.rz-material-dark .quick-action-btn:hover {
    background: linear-gradient(135deg, #CFB53B 0%, #C4A642 100%) !important;
    color: #000 !important;
    border-color: #CFB53B !important;
}

.rz-dark .quick-action-btn:hover span,
.rz-dark .quick-action-btn:hover .rz-link-text,
.rz-dark .quick-action-btn:hover .rz-link-text span,
.rz-material-dark .quick-action-btn:hover span,
.rz-material-dark .quick-action-btn:hover .rz-link-text,
.rz-material-dark .quick-action-btn:hover .rz-link-text span {
    color: #000 !important;
}

.rz-dark .quick-action-grid,
.rz-material-dark .quick-action-grid {
    background-color: #1a1a1a !important;
}

.rz-dark .content-section,
.rz-material-dark .content-section {
    background: #1a1a1a !important;
    border-color: #333 !important;
}

.rz-dark .section-title,
.rz-material-dark .section-title {
    color: #CFB53B !important;
}

.rz-dark .activity-item,
.rz-material-dark .activity-item {
    border-color: #333 !important;
}

.rz-dark .activity-text,
.rz-material-dark .activity-text {
    color: #e0e0e0 !important;
}

.rz-dark .activity-text strong,
.rz-material-dark .activity-text strong {
    color: #CFB53B !important;
}

.rz-dark .activity-time,
.rz-material-dark .activity-time {
    color: #888 !important;
}

/* Dark Mode: Metric Cards */
.rz-dark .metric-card,
.rz-material-dark .metric-card {
    background: #2d2d2d !important;
    border-color: #444 !important;
}

.rz-dark .metric-label,
.rz-material-dark .metric-label {
    color: #aaa !important;
}

/* Dark Mode: Mission Card */
.rz-dark .mission-card,
.rz-material-dark .mission-card {
    background: #1a1a1a !important;
    border-color: #333 !important;
}

.rz-dark .mission-description,
.rz-material-dark .mission-description {
    color: #e0e0e0 !important;
}

.rz-dark .mission-description strong,
.rz-material-dark .mission-description strong {
    color: #CFB53B !important;
}

/* ============================================ */
/* Dark Mode: Charts & Legends                 */
/* ============================================ */

.rz-dark .rz-chart-legend,
.rz-dark .rz-chart-legend text,
.rz-dark .rz-legend,
.rz-dark .rz-legend-item,
.rz-dark .rz-legend-item-text,
.rz-material-dark .rz-chart-legend,
.rz-material-dark .rz-chart-legend text,
.rz-material-dark .rz-legend,
.rz-material-dark .rz-legend-item,
.rz-material-dark .rz-legend-item-text {
    color: #e0e0e0 !important;
    fill: #e0e0e0 !important;
}

/* Chart axis labels */
.rz-dark .rz-axis-title,
.rz-dark .rz-tick text,
.rz-dark .rz-axis text,
.rz-material-dark .rz-axis-title,
.rz-material-dark .rz-tick text,
.rz-material-dark .rz-axis text {
    color: #e0e0e0 !important;
    fill: #e0e0e0 !important;
}

/* Chart tooltips */
.rz-dark .rz-chart-tooltip,
.rz-dark .rz-tooltip,
.rz-dark .rz-chart-tooltip-content,
.rz-material-dark .rz-chart-tooltip,
.rz-material-dark .rz-tooltip,
.rz-material-dark .rz-chart-tooltip-content {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border: 1px solid #555 !important;
}

.rz-dark .rz-chart-tooltip *,
.rz-dark .rz-tooltip *,
.rz-material-dark .rz-chart-tooltip *,
.rz-material-dark .rz-tooltip * {
    color: #e0e0e0 !important;
}

/* ============================================ */
/* Dark Mode: Data Grids                       */
/* ============================================ */

.rz-dark .rz-grid,
.rz-dark .rz-datatable,
.rz-dark .rz-data-grid,
.rz-material-dark .rz-grid,
.rz-material-dark .rz-datatable,
.rz-material-dark .rz-data-grid {
    background-color: #1a1a1a !important;
}

/* Grid header */
.rz-dark .rz-grid-table thead,
.rz-dark .rz-grid-table th,
.rz-dark .rz-datatable-thead,
.rz-dark .rz-datatable th,
.rz-material-dark .rz-grid-table thead,
.rz-material-dark .rz-grid-table th,
.rz-material-dark .rz-datatable-thead,
.rz-material-dark .rz-datatable th {
    background-color: #2d2d2d !important;
    color: #CFB53B !important;
    border-color: #444 !important;
}

/* Grid rows */
.rz-dark .rz-grid-table tbody tr,
.rz-dark .rz-grid-table td,
.rz-dark .rz-datatable-tbody tr,
.rz-dark .rz-datatable td,
.rz-material-dark .rz-grid-table tbody tr,
.rz-material-dark .rz-grid-table td,
.rz-material-dark .rz-datatable-tbody tr,
.rz-material-dark .rz-datatable td {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

/* Grid alternating rows */
.rz-dark .rz-grid-table tbody tr:nth-child(even),
.rz-dark .rz-datatable-tbody tr:nth-child(even),
.rz-material-dark .rz-grid-table tbody tr:nth-child(even),
.rz-material-dark .rz-datatable-tbody tr:nth-child(even) {
    background-color: #242424 !important;
}

/* Grid hover */
.rz-dark .rz-grid-table tbody tr:hover,
.rz-dark .rz-datatable-tbody tr:hover,
.rz-material-dark .rz-grid-table tbody tr:hover,
.rz-material-dark .rz-datatable-tbody tr:hover {
    background-color: #333 !important;
}

/* Grid cell text */
.rz-dark .rz-cell,
.rz-dark .rz-grid-table td span,
.rz-dark .rz-grid-table td div,
.rz-dark .rz-datatable td span,
.rz-dark .rz-datatable td div,
.rz-material-dark .rz-cell,
.rz-material-dark .rz-grid-table td span,
.rz-material-dark .rz-grid-table td div,
.rz-material-dark .rz-datatable td span,
.rz-material-dark .rz-datatable td div {
    color: #e0e0e0 !important;
}

/* Grid borders */
.rz-dark .rz-grid-table,
.rz-dark .rz-datatable,
.rz-material-dark .rz-grid-table,
.rz-material-dark .rz-datatable {
    border-color: #444 !important;
}

/* Grid footer/pager */
.rz-dark .rz-pager,
.rz-dark .rz-paginator,
.rz-material-dark .rz-pager,
.rz-material-dark .rz-paginator {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

/* ============================================ */
/* Dark Mode: Export Buttons                   */
/* ============================================ */

/* Make ALL export buttons consistent - black background, white text, gold icons */
/* Using very specific selectors to override Radzen defaults */
.rz-dark .dashboard-export-buttons .rz-button,
.rz-dark .dashboard-export-buttons .rz-button.rz-secondary,
.rz-dark .dashboard-export-buttons .rz-button.rz-success,
.rz-dark .dashboard-export-buttons .rz-button.rz-danger,
.rz-dark .rz-button.rz-danger,
.rz-dark .rz-button.rz-error,
.rz-dark .rz-button.rz-success,
.rz-dark .rz-button.rz-secondary,
.rz-dark .rz-button.rz-dark,
.rz-dark .rz-button.rz-info,
.rz-dark .rz-button.rz-primary,
.rz-material-dark .dashboard-export-buttons .rz-button,
.rz-material-dark .dashboard-export-buttons .rz-button.rz-secondary,
.rz-material-dark .dashboard-export-buttons .rz-button.rz-success,
.rz-material-dark .dashboard-export-buttons .rz-button.rz-danger,
.rz-material-dark .rz-button.rz-danger,
.rz-material-dark .rz-button.rz-error,
.rz-material-dark .rz-button.rz-success,
.rz-material-dark .rz-button.rz-secondary,
.rz-material-dark .rz-button.rz-dark,
.rz-material-dark .rz-button.rz-info,
.rz-material-dark .rz-button.rz-primary,
.rz-layout.rz-material-dark .dashboard-export-buttons .rz-button,
.rz-layout.rz-material-dark .dashboard-export-buttons .rz-button.rz-secondary,
.rz-layout.rz-material-dark .rz-button.rz-secondary,
.rz-layout.rz-material-dark .rz-button.rz-success,
.rz-layout.rz-material-dark .rz-button.rz-danger,
button.rz-button.rz-secondary.rz-variant-filled,
button.rz-button.rz-success.rz-variant-filled,
button.rz-button.rz-danger.rz-variant-filled {
    background-color: #000 !important;
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

/* Also target Radzen button box/background */
.rz-dark .rz-button.rz-danger .rz-button-box,
.rz-dark .rz-button.rz-error .rz-button-box,
.rz-dark .rz-button.rz-success .rz-button-box,
.rz-dark .rz-button.rz-secondary .rz-button-box,
.rz-dark .rz-button.rz-dark .rz-button-box,
.rz-dark .rz-button.rz-info .rz-button-box,
.rz-dark .rz-button.rz-primary .rz-button-box,
.rz-dark .dashboard-export-buttons .rz-button .rz-button-box,
.rz-material-dark .rz-button.rz-danger .rz-button-box,
.rz-material-dark .rz-button.rz-error .rz-button-box,
.rz-material-dark .rz-button.rz-success .rz-button-box,
.rz-material-dark .rz-button.rz-secondary .rz-button-box,
.rz-material-dark .rz-button.rz-dark .rz-button-box,
.rz-material-dark .rz-button.rz-info .rz-button-box,
.rz-material-dark .rz-button.rz-primary .rz-button-box,
.rz-material-dark .dashboard-export-buttons .rz-button .rz-button-box {
    background-color: #000 !important;
    background: #000 !important;
}

/* Button text - white */
.rz-dark .rz-button.rz-danger span,
.rz-dark .rz-button.rz-danger .rz-button-text,
.rz-dark .rz-button.rz-error span,
.rz-dark .rz-button.rz-error .rz-button-text,
.rz-dark .rz-button.rz-success span,
.rz-dark .rz-button.rz-success .rz-button-text,
.rz-dark .rz-button.rz-secondary span,
.rz-dark .rz-button.rz-secondary .rz-button-text,
.rz-dark .rz-button.rz-dark span,
.rz-dark .rz-button.rz-dark .rz-button-text,
.rz-dark .rz-button.rz-info span,
.rz-dark .rz-button.rz-info .rz-button-text,
.rz-dark .rz-button.rz-primary span,
.rz-dark .rz-button.rz-primary .rz-button-text,
.rz-dark .dashboard-export-buttons .rz-button span,
.rz-dark .dashboard-export-buttons .rz-button .rz-button-text,
.rz-material-dark .rz-button.rz-danger span,
.rz-material-dark .rz-button.rz-danger .rz-button-text,
.rz-material-dark .rz-button.rz-error span,
.rz-material-dark .rz-button.rz-error .rz-button-text,
.rz-material-dark .rz-button.rz-success span,
.rz-material-dark .rz-button.rz-success .rz-button-text,
.rz-material-dark .rz-button.rz-secondary span,
.rz-material-dark .rz-button.rz-secondary .rz-button-text,
.rz-material-dark .rz-button.rz-dark span,
.rz-material-dark .rz-button.rz-dark .rz-button-text,
.rz-material-dark .rz-button.rz-info span,
.rz-material-dark .rz-button.rz-info .rz-button-text,
.rz-material-dark .rz-button.rz-primary span,
.rz-material-dark .rz-button.rz-primary .rz-button-text,
.rz-material-dark .dashboard-export-buttons .rz-button span,
.rz-material-dark .dashboard-export-buttons .rz-button .rz-button-text {
    color: #fff !important;
}

/* Button icons - gold */
.rz-dark .rz-button.rz-danger i,
.rz-dark .rz-button.rz-danger .rzi,
.rz-dark .rz-button.rz-danger .material-icons,
.rz-dark .rz-button.rz-error i,
.rz-dark .rz-button.rz-error .rzi,
.rz-dark .rz-button.rz-error .material-icons,
.rz-dark .rz-button.rz-success i,
.rz-dark .rz-button.rz-success .rzi,
.rz-dark .rz-button.rz-success .material-icons,
.rz-dark .rz-button.rz-secondary i,
.rz-dark .rz-button.rz-secondary .rzi,
.rz-dark .rz-button.rz-secondary .material-icons,
.rz-dark .rz-button.rz-dark i,
.rz-dark .rz-button.rz-dark .rzi,
.rz-dark .rz-button.rz-dark .material-icons,
.rz-dark .rz-button.rz-info i,
.rz-dark .rz-button.rz-info .rzi,
.rz-dark .rz-button.rz-info .material-icons,
.rz-dark .rz-button.rz-primary i,
.rz-dark .rz-button.rz-primary .rzi,
.rz-dark .rz-button.rz-primary .material-icons,
.rz-dark .dashboard-export-buttons .rz-button i,
.rz-dark .dashboard-export-buttons .rz-button .rzi,
.rz-dark .dashboard-export-buttons .rz-button .material-icons,
.rz-material-dark .rz-button.rz-danger i,
.rz-material-dark .rz-button.rz-danger .rzi,
.rz-material-dark .rz-button.rz-danger .material-icons,
.rz-material-dark .rz-button.rz-error i,
.rz-material-dark .rz-button.rz-error .rzi,
.rz-material-dark .rz-button.rz-error .material-icons,
.rz-material-dark .rz-button.rz-success i,
.rz-material-dark .rz-button.rz-success .rzi,
.rz-material-dark .rz-button.rz-success .material-icons,
.rz-material-dark .rz-button.rz-secondary i,
.rz-material-dark .rz-button.rz-secondary .rzi,
.rz-material-dark .rz-button.rz-secondary .material-icons,
.rz-material-dark .rz-button.rz-dark i,
.rz-material-dark .rz-button.rz-dark .rzi,
.rz-material-dark .rz-button.rz-dark .material-icons,
.rz-material-dark .rz-button.rz-info i,
.rz-material-dark .rz-button.rz-info .rzi,
.rz-material-dark .rz-button.rz-info .material-icons,
.rz-material-dark .rz-button.rz-primary i,
.rz-material-dark .rz-button.rz-primary .rzi,
.rz-material-dark .rz-button.rz-primary .material-icons,
.rz-material-dark .dashboard-export-buttons .rz-button i,
.rz-material-dark .dashboard-export-buttons .rz-button .rzi,
.rz-material-dark .dashboard-export-buttons .rz-button .material-icons {
    color: #CFB53B !important;
}

/* Hover state - gold background, black text and icons */
.rz-dark .rz-button.rz-danger:hover,
.rz-dark .rz-button.rz-error:hover,
.rz-dark .rz-button.rz-success:hover,
.rz-dark .rz-button.rz-secondary:hover,
.rz-dark .rz-button.rz-dark:hover,
.rz-dark .rz-button.rz-info:hover,
.rz-dark .rz-button.rz-primary:hover,
.rz-dark .dashboard-export-buttons .rz-button:hover,
.rz-material-dark .rz-button.rz-danger:hover,
.rz-material-dark .rz-button.rz-error:hover,
.rz-material-dark .rz-button.rz-success:hover,
.rz-material-dark .rz-button.rz-secondary:hover,
.rz-material-dark .rz-button.rz-dark:hover,
.rz-material-dark .rz-button.rz-info:hover,
.rz-material-dark .rz-button.rz-primary:hover,
.rz-material-dark .dashboard-export-buttons .rz-button:hover {
    background-color: #CFB53B !important;
    background: #CFB53B !important;
    color: #000 !important;
    border-color: #CFB53B !important;
}

.rz-dark .rz-button.rz-danger:hover .rz-button-box,
.rz-dark .rz-button.rz-error:hover .rz-button-box,
.rz-dark .rz-button.rz-success:hover .rz-button-box,
.rz-dark .rz-button.rz-secondary:hover .rz-button-box,
.rz-dark .rz-button.rz-dark:hover .rz-button-box,
.rz-dark .rz-button.rz-info:hover .rz-button-box,
.rz-dark .rz-button.rz-primary:hover .rz-button-box,
.rz-dark .dashboard-export-buttons .rz-button:hover .rz-button-box,
.rz-material-dark .rz-button.rz-danger:hover .rz-button-box,
.rz-material-dark .rz-button.rz-error:hover .rz-button-box,
.rz-material-dark .rz-button.rz-success:hover .rz-button-box,
.rz-material-dark .rz-button.rz-secondary:hover .rz-button-box,
.rz-material-dark .rz-button.rz-dark:hover .rz-button-box,
.rz-material-dark .rz-button.rz-info:hover .rz-button-box,
.rz-material-dark .rz-button.rz-primary:hover .rz-button-box,
.rz-material-dark .dashboard-export-buttons .rz-button:hover .rz-button-box {
    background-color: #CFB53B !important;
    background: #CFB53B !important;
}

.rz-dark .rz-button.rz-danger:hover span,
.rz-dark .rz-button.rz-danger:hover .rz-button-text,
.rz-dark .rz-button.rz-danger:hover i,
.rz-dark .rz-button.rz-danger:hover .rzi,
.rz-dark .rz-button.rz-danger:hover .material-icons,
.rz-dark .rz-button.rz-error:hover span,
.rz-dark .rz-button.rz-error:hover .rz-button-text,
.rz-dark .rz-button.rz-error:hover i,
.rz-dark .rz-button.rz-error:hover .rzi,
.rz-dark .rz-button.rz-error:hover .material-icons,
.rz-dark .rz-button.rz-success:hover span,
.rz-dark .rz-button.rz-success:hover .rz-button-text,
.rz-dark .rz-button.rz-success:hover i,
.rz-dark .rz-button.rz-success:hover .rzi,
.rz-dark .rz-button.rz-success:hover .material-icons,
.rz-dark .rz-button.rz-secondary:hover span,
.rz-dark .rz-button.rz-secondary:hover .rz-button-text,
.rz-dark .rz-button.rz-secondary:hover i,
.rz-dark .rz-button.rz-secondary:hover .rzi,
.rz-dark .rz-button.rz-secondary:hover .material-icons,
.rz-dark .rz-button.rz-dark:hover span,
.rz-dark .rz-button.rz-dark:hover .rz-button-text,
.rz-dark .rz-button.rz-dark:hover i,
.rz-dark .rz-button.rz-dark:hover .rzi,
.rz-dark .rz-button.rz-dark:hover .material-icons,
.rz-dark .rz-button.rz-info:hover span,
.rz-dark .rz-button.rz-info:hover .rz-button-text,
.rz-dark .rz-button.rz-info:hover i,
.rz-dark .rz-button.rz-info:hover .rzi,
.rz-dark .rz-button.rz-info:hover .material-icons,
.rz-dark .rz-button.rz-primary:hover span,
.rz-dark .rz-button.rz-primary:hover .rz-button-text,
.rz-dark .rz-button.rz-primary:hover i,
.rz-dark .rz-button.rz-primary:hover .rzi,
.rz-dark .rz-button.rz-primary:hover .material-icons,
.rz-dark .dashboard-export-buttons .rz-button:hover span,
.rz-dark .dashboard-export-buttons .rz-button:hover .rz-button-text,
.rz-dark .dashboard-export-buttons .rz-button:hover i,
.rz-dark .dashboard-export-buttons .rz-button:hover .rzi,
.rz-dark .dashboard-export-buttons .rz-button:hover .material-icons,
.rz-material-dark .rz-button.rz-danger:hover span,
.rz-material-dark .rz-button.rz-danger:hover .rz-button-text,
.rz-material-dark .rz-button.rz-danger:hover i,
.rz-material-dark .rz-button.rz-danger:hover .rzi,
.rz-material-dark .rz-button.rz-danger:hover .material-icons,
.rz-material-dark .rz-button.rz-error:hover span,
.rz-material-dark .rz-button.rz-error:hover .rz-button-text,
.rz-material-dark .rz-button.rz-error:hover i,
.rz-material-dark .rz-button.rz-error:hover .rzi,
.rz-material-dark .rz-button.rz-error:hover .material-icons,
.rz-material-dark .rz-button.rz-success:hover span,
.rz-material-dark .rz-button.rz-success:hover .rz-button-text,
.rz-material-dark .rz-button.rz-success:hover i,
.rz-material-dark .rz-button.rz-success:hover .rzi,
.rz-material-dark .rz-button.rz-success:hover .material-icons,
.rz-material-dark .rz-button.rz-secondary:hover span,
.rz-material-dark .rz-button.rz-secondary:hover .rz-button-text,
.rz-material-dark .rz-button.rz-secondary:hover i,
.rz-material-dark .rz-button.rz-secondary:hover .rzi,
.rz-material-dark .rz-button.rz-secondary:hover .material-icons,
.rz-material-dark .rz-button.rz-dark:hover span,
.rz-material-dark .rz-button.rz-dark:hover .rz-button-text,
.rz-material-dark .rz-button.rz-dark:hover i,
.rz-material-dark .rz-button.rz-dark:hover .rzi,
.rz-material-dark .rz-button.rz-dark:hover .material-icons,
.rz-material-dark .rz-button.rz-info:hover span,
.rz-material-dark .rz-button.rz-info:hover .rz-button-text,
.rz-material-dark .rz-button.rz-info:hover i,
.rz-material-dark .rz-button.rz-info:hover .rzi,
.rz-material-dark .rz-button.rz-info:hover .material-icons,
.rz-material-dark .rz-button.rz-primary:hover span,
.rz-material-dark .rz-button.rz-primary:hover .rz-button-text,
.rz-material-dark .rz-button.rz-primary:hover i,
.rz-material-dark .rz-button.rz-primary:hover .rzi,
.rz-material-dark .rz-button.rz-primary:hover .material-icons,
.rz-material-dark .dashboard-export-buttons .rz-button:hover span,
.rz-material-dark .dashboard-export-buttons .rz-button:hover .rz-button-text,
.rz-material-dark .dashboard-export-buttons .rz-button:hover i,
.rz-material-dark .dashboard-export-buttons .rz-button:hover .rzi,
.rz-material-dark .dashboard-export-buttons .rz-button:hover .material-icons {
    color: #000 !important;
}

/* ============================================ */
/* Equal Height: Recent Activity & Quick Actions */
/* ============================================ */

/* Make the row containing Recent Activity and Quick Actions use flexbox */
.content-section {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Ensure parent columns stretch to equal height */
.rz-col-lg-8,
.rz-col-lg-4 {
    display: flex;
}

.rz-col-lg-8 .content-section,
.rz-col-lg-4 .content-section {
    flex: 1;
}