/* ========================================================================== */
/* Dashboard Theme Overrides                                                    */
/*                                                                            */
/* Experimental theme layer scoped to dashboard content only. Load this file    */
/* last from _Host_Material.cshtml when testing. Enable with these attributes:  */
/*                                                                            */
/* data-toolbox-theme="default" -> #343a40                                    */
/* data-toolbox-theme="orange"  -> #ff6600                                    */
/* data-toolbox-theme="cyan"    -> #009cb6                                    */
/* data-toolbox-theme="purple"  -> #652d90                                    */
/* data-toolbox-theme="red"     -> #c8102e                                    */
/* data-toolbox-theme="green"   -> #228b22                                    */
/* data-toolbox-theme="blue"    -> #0037c7                                    */
/*                                                                            */
/* data-dashboard-mode="day"    -> light dashboard background                  */
/* data-dashboard-mode="night"  -> dark dashboard background                   */
/* ========================================================================== */

body[data-toolbox-theme="default"] {
    --toolbox-theme-base: #343a40;
    --toolbox-theme-base-hover: #2b3035;
    --toolbox-theme-base-soft: rgba(52, 58, 64, 0.12);
    --toolbox-theme-base-border: rgba(52, 58, 64, 0.35);
    --toolbox-theme-base-contrast: #ffffff;
    --toolbox-theme-bright: #6b7280;
    --toolbox-theme-bright-soft: rgba(107, 114, 128, 0.18);
    --toolbox-theme-bright-border: rgba(107, 114, 128, 0.45);
}

body[data-toolbox-theme="orange"] {
    --toolbox-theme-base: #ff6600;
    --toolbox-theme-base-hover: #d95700;
    --toolbox-theme-base-soft: rgba(255, 102, 0, 0.12);
    --toolbox-theme-base-border: rgba(255, 102, 0, 0.35);
    --toolbox-theme-base-contrast: #ffffff;
    --toolbox-theme-bright: #ff9a3d;
    --toolbox-theme-bright-soft: rgba(255, 154, 61, 0.18);
    --toolbox-theme-bright-border: rgba(255, 154, 61, 0.45);
}

body[data-toolbox-theme="cyan"] {
    --toolbox-theme-base: #009cb6;
    --toolbox-theme-base-hover: #007f94;
    --toolbox-theme-base-soft: rgba(0, 156, 182, 0.12);
    --toolbox-theme-base-border: rgba(0, 156, 182, 0.35);
    --toolbox-theme-base-contrast: #ffffff;
    --toolbox-theme-bright: #4fd1e5;
    --toolbox-theme-bright-soft: rgba(79, 209, 229, 0.18);
    --toolbox-theme-bright-border: rgba(79, 209, 229, 0.45);
}

body[data-toolbox-theme="purple"] {
    --toolbox-theme-base: #652d90;
    --toolbox-theme-base-hover: #56267a;
    --toolbox-theme-base-soft: rgba(101, 45, 144, 0.12);
    --toolbox-theme-base-border: rgba(101, 45, 144, 0.35);
    --toolbox-theme-base-contrast: #ffffff;
    --toolbox-theme-bright: #a855f7;
    --toolbox-theme-bright-soft: rgba(168, 85, 247, 0.18);
    --toolbox-theme-bright-border: rgba(168, 85, 247, 0.45);
}

body[data-toolbox-theme="red"] {
    --toolbox-theme-base: #c8102e;
    --toolbox-theme-base-hover: #a90d27;
    --toolbox-theme-base-soft: rgba(200, 16, 46, 0.12);
    --toolbox-theme-base-border: rgba(200, 16, 46, 0.35);
    --toolbox-theme-base-contrast: #ffffff;
    --toolbox-theme-bright: #fb7185;
    --toolbox-theme-bright-soft: rgba(251, 113, 133, 0.18);
    --toolbox-theme-bright-border: rgba(251, 113, 133, 0.45);
}

body[data-toolbox-theme="green"] {
    --toolbox-theme-base: #228b22;
    --toolbox-theme-base-hover: #1b711b;
    --toolbox-theme-base-soft: rgba(34, 139, 34, 0.12);
    --toolbox-theme-base-border: rgba(34, 139, 34, 0.35);
    --toolbox-theme-base-contrast: #ffffff;
    --toolbox-theme-bright: #4ade80;
    --toolbox-theme-bright-soft: rgba(74, 222, 128, 0.18);
    --toolbox-theme-bright-border: rgba(74, 222, 128, 0.45);
}

body[data-toolbox-theme="blue"] {
    --toolbox-theme-base: #0037c7;
    --toolbox-theme-base-hover: #002b9c;
    --toolbox-theme-base-soft: rgba(0, 55, 199, 0.12);
    --toolbox-theme-base-border: rgba(0, 55, 199, 0.35);
    --toolbox-theme-base-contrast: #ffffff;
    --toolbox-theme-bright: #60a5fa;
    --toolbox-theme-bright-soft: rgba(96, 165, 250, 0.18);
    --toolbox-theme-bright-border: rgba(96, 165, 250, 0.45);
}

body[data-dashboard-mode="day"],
body[data-toolbox-theme]:not([data-dashboard-mode]) {
    --toolbox-dashboard-page-bg: #f5f5f5;
    --toolbox-dashboard-surface: #ffffff;
    --toolbox-dashboard-surface-soft: #f8f9fa;
    --toolbox-dashboard-surface-muted: #eef0f4;
    --toolbox-dashboard-text: #212529;
    --toolbox-dashboard-heading: #111827;
    --toolbox-dashboard-muted: #6c757d;
    --toolbox-dashboard-hint: #6c757d;
    --toolbox-dashboard-border: rgba(52, 58, 64, 0.12);
    --toolbox-dashboard-shadow: 0 8px 26px rgba(35, 39, 43, 0.08);
    --toolbox-dashboard-table-header-bg: #ffffff;
    --toolbox-dashboard-input-bg: #ffffff;
    --toolbox-dashboard-command-bg: #111827;
    --toolbox-dashboard-command-text: #f8f9fa;
}

body[data-dashboard-mode="night"] {
    --toolbox-dashboard-page-bg: #111827;
    --toolbox-dashboard-surface: #1f2937;
    --toolbox-dashboard-surface-soft: #273449;
    --toolbox-dashboard-surface-muted: #374151;
    --toolbox-dashboard-text: #f9fafb;
    --toolbox-dashboard-heading: #ffffff;
    --toolbox-dashboard-muted: #cbd5e1;
    --toolbox-dashboard-hint: #e2e8f0;
    --toolbox-dashboard-border: rgba(255, 255, 255, 0.12);
    --toolbox-dashboard-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
    --toolbox-dashboard-table-header-bg: #1f2937;
    --toolbox-dashboard-input-bg: #111827;
    --toolbox-dashboard-command-bg: #030712;
    --toolbox-dashboard-command-text: #f9fafb;
}

body[data-dashboard-mode="day"],
body[data-dashboard-mode="night"] {
    background-color: var(--toolbox-dashboard-page-bg) !important;
}

    body[data-dashboard-mode="day"].bg-gray-100,
    body[data-dashboard-mode="day"] .bg-gray-100,
    body[data-dashboard-mode="night"].bg-gray-100,
    body[data-dashboard-mode="night"] .bg-gray-100 {
        background-color: var(--toolbox-dashboard-page-bg) !important;
    }

    body[data-dashboard-mode="day"] main.main-content,
    body[data-dashboard-mode="day"] .main-content .container-fluid,
    body[data-dashboard-mode="day"] .dashboard-content,
    body[data-dashboard-mode="night"] main.main-content,
    body[data-dashboard-mode="night"] .main-content .container-fluid,
    body[data-dashboard-mode="night"] .dashboard-content {
        background-color: var(--toolbox-dashboard-page-bg) !important;
        color: var(--toolbox-dashboard-text);
    }

body[data-toolbox-theme] .dashboard-content .dashboard-card-shell,
body[data-toolbox-theme] .dashboard-content .dashboard-card-grid-content,
body[data-toolbox-theme] .dashboard-content .grid-stack-item-content {
    background-color: var(--toolbox-dashboard-surface);
    color: var(--toolbox-dashboard-text);
    border-color: var(--toolbox-dashboard-border);
}

body[data-dashboard-mode] .dashboard-content .dashboard-card-shell {
    box-shadow: var(--toolbox-dashboard-shadow) !important;
}

body[data-dashboard-mode] .dashboard-content .card-header,
body[data-dashboard-mode] .dashboard-content .card-body,
body[data-dashboard-mode] .dashboard-content .card-footer,
body[data-dashboard-mode] .dashboard-content .dashboard-card-header,
body[data-dashboard-mode] .dashboard-content .dashboard-card-body {
    background-color: var(--toolbox-dashboard-surface) !important;
    color: var(--toolbox-dashboard-text) !important;
    border-color: var(--toolbox-dashboard-border) !important;
}

body[data-dashboard-mode] .dashboard-content .dashboard-card-title,
body[data-dashboard-mode] .dashboard-content .dashboard-marketing-material-title,
body[data-dashboard-mode] .dashboard-content .dashboard-work-order-title,
body[data-dashboard-mode] .dashboard-content .dashboard-production-name,
body[data-dashboard-mode] .dashboard-content .dashboard-opportunity-name,
body[data-dashboard-mode] .dashboard-content .dashboard-quick-actions-title,
body[data-dashboard-mode] .dashboard-content h1,
body[data-dashboard-mode] .dashboard-content h2,
body[data-dashboard-mode] .dashboard-content h3,
body[data-dashboard-mode] .dashboard-content h4,
body[data-dashboard-mode] .dashboard-content h5,
body[data-dashboard-mode] .dashboard-content h6 {
    color: var(--toolbox-dashboard-heading) !important;
}

body[data-dashboard-mode] .dashboard-content .text-muted,
body[data-dashboard-mode] .dashboard-content .dashboard-marketing-material-description,
body[data-dashboard-mode] .dashboard-content .dashboard-production-subtitle,
body[data-dashboard-mode] .dashboard-content .dashboard-opportunity-subtitle,
body[data-dashboard-mode] .dashboard-content .dashboard-work-order-subtitle,
body[data-dashboard-mode] .dashboard-content .dashboard-quick-actions-subtitle,
body[data-dashboard-mode] .dashboard-content .dashboard-map-status-message,
body[data-dashboard-mode] .dashboard-content .dashboard-toolbar-domain-empty {
    color: var(--toolbox-dashboard-muted) !important;
}

body[data-dashboard-mode] .dashboard-toolbar,
body[data-dashboard-mode] .dashboard-toolbar-domain-menu,
body[data-dashboard-mode] .dashboard-content .dashboard-map-status-message,
body[data-dashboard-mode] .dashboard-content .dashboard-map-refresh-indicator {
    background-color: var(--toolbox-dashboard-surface) !important;
    color: var(--toolbox-dashboard-text) !important;
    border-color: var(--toolbox-dashboard-border) !important;
    box-shadow: var(--toolbox-dashboard-shadow) !important;
}

body[data-dashboard-mode] .dashboard-toolbar-domain-button,
body[data-dashboard-mode] .dashboard-toolbar-domain-option,
body[data-dashboard-mode] .dashboard-content .form-control,
body[data-dashboard-mode] .dashboard-content .form-select,
body[data-dashboard-mode] .dashboard-content .dashboard-opportunity-control-input,
body[data-dashboard-mode] .dashboard-content .dashboard-opportunity-control-number,
body[data-dashboard-mode] .dashboard-content .dashboard-opportunity-control-date {
    background-color: var(--toolbox-dashboard-input-bg) !important;
    color: var(--toolbox-dashboard-text) !important;
    border-color: var(--toolbox-dashboard-border) !important;
}

    body[data-dashboard-mode] .dashboard-toolbar-domain-button .material-symbols-rounded,
    body[data-dashboard-mode] .dashboard-toolbar-domain-check,
    body[data-dashboard-mode] .dashboard-content .dashboard-opportunity-control-row > span,
    body[data-dashboard-mode] .dashboard-content .dashboard-opportunity-dealer,
    body[data-dashboard-mode] .dashboard-content .dashboard-opportunity-contract,
    body[data-dashboard-mode] .dashboard-content .dashboard-production-dealer,
    body[data-dashboard-mode] .dashboard-content .dashboard-production-value,
    body[data-dashboard-mode] .dashboard-content .dashboard-production-devices-value,
    body[data-dashboard-mode] .dashboard-content .dashboard-production-time-left-text,
    body[data-dashboard-mode] .dashboard-content .dashboard-device-breakdown-row-label,
    body[data-dashboard-mode] .dashboard-content .dashboard-device-breakdown-value,
    body[data-dashboard-mode] .dashboard-content .dashboard-device-breakdown-total,
    body[data-dashboard-mode] .dashboard-content .dashboard-work-order-dealer,
    body[data-dashboard-mode] .dashboard-content .dashboard-work-order-date {
        color: var(--toolbox-dashboard-text) !important;
    }

    body[data-dashboard-mode] .dashboard-toolbar-domain-option:hover,
    body[data-dashboard-mode] .dashboard-toolbar-domain-option:focus-visible,
    body[data-dashboard-mode] .dashboard-content .dashboard-quick-action-button:hover,
    body[data-dashboard-mode] .dashboard-content .dashboard-quick-action-button:focus-visible {
        background-color: var(--toolbox-dashboard-surface-soft) !important;
        color: var(--toolbox-dashboard-heading) !important;
    }

body[data-dashboard-mode] .dashboard-toolbar-domain-separator,
body[data-dashboard-mode] .dashboard-content .dashboard-work-orders-sort-row,
body[data-dashboard-mode] .dashboard-content .dashboard-work-order-item {
    background-color: transparent !important;
    border-color: var(--toolbox-dashboard-border) !important;
}

    body[data-dashboard-mode] .dashboard-content .dashboard-work-orders-sort-row .dashboard-table-sort-button,
    body[data-dashboard-mode] .dashboard-content .dashboard-work-orders-sort-row .dashboard-table-sort-button span,
    body[data-dashboard-mode] .dashboard-content .dashboard-work-orders-sort-row .dashboard-table-sort-button .material-symbols-rounded {
        color: var(--toolbox-dashboard-muted) !important;
    }

        body[data-dashboard-mode] .dashboard-content .dashboard-work-orders-sort-row .dashboard-table-sort-button:hover,
        body[data-dashboard-mode] .dashboard-content .dashboard-work-orders-sort-row .dashboard-table-sort-button:focus-visible,
        body[data-dashboard-mode] .dashboard-content .dashboard-work-orders-sort-row .dashboard-table-sort-button:hover span,
        body[data-dashboard-mode] .dashboard-content .dashboard-work-orders-sort-row .dashboard-table-sort-button:focus-visible span,
        body[data-dashboard-mode] .dashboard-content .dashboard-work-orders-sort-row .dashboard-table-sort-button:hover .material-symbols-rounded,
        body[data-dashboard-mode] .dashboard-content .dashboard-work-orders-sort-row .dashboard-table-sort-button:focus-visible .material-symbols-rounded {
            color: var(--toolbox-dashboard-heading) !important;
        }

body[data-dashboard-mode] .dashboard-content table,
body[data-dashboard-mode] .dashboard-content .table {
    color: var(--toolbox-dashboard-text) !important;
}

body[data-dashboard-mode] .dashboard-content thead th,
body[data-dashboard-mode] .dashboard-content .dashboard-device-breakdown-table thead th,
body[data-dashboard-mode] .dashboard-content .dashboard-production-table thead th,
body[data-dashboard-mode] .dashboard-content .dashboard-opportunity-table thead th {
    background-color: var(--toolbox-dashboard-table-header-bg) !important;
    color: var(--toolbox-dashboard-muted) !important;
    border-color: var(--toolbox-dashboard-border) !important;
}

body[data-dashboard-mode] .dashboard-content td,
body[data-dashboard-mode] .dashboard-content th {
    border-color: var(--toolbox-dashboard-border) !important;
}

body[data-dashboard-mode] .dashboard-content .accordion-item,
body[data-dashboard-mode] .dashboard-content .accordion-button,
body[data-dashboard-mode] .dashboard-content .accordion-body,
body[data-dashboard-mode] .dashboard-content .dashboard-marketing-material-button {
    background-color: var(--toolbox-dashboard-surface) !important;
    color: var(--toolbox-dashboard-text) !important;
    border-color: var(--toolbox-dashboard-border) !important;
}

    body[data-dashboard-mode] .dashboard-content .accordion-button.collapsed {
        background-color: var(--toolbox-dashboard-surface-soft) !important;
        color: var(--toolbox-dashboard-text) !important;
    }

body[data-dashboard-mode] .dashboard-content .dashboard-command-block {
    background-color: var(--toolbox-dashboard-command-bg) !important;
    color: var(--toolbox-dashboard-command-text) !important;
}

body[data-dashboard-mode] .dashboard-modal-body a:not(.btn) {
    color: var(--toolbox-theme-bright) !important;
    font-weight: 600;
}

body[data-dashboard-mode] .dashboard-modal-body a:not(.btn):hover,
body[data-dashboard-mode] .dashboard-modal-body a:not(.btn):focus-visible {
    color: var(--toolbox-dashboard-heading) !important;
}

/* Bootstrap's outline buttons (border + text in the same near-black/near-white
   shade, transparent background) are unreadable against the dashboard's own
   dark surface - re-color them wherever they appear inside a dashboard modal
   (Quicklinks' "Add Link", Install Tracker's dialogs, Opportunity Creation's
   "Cancel", DashboardModal's own default Cancel button, etc). */
body[data-dashboard-mode="night"] .dashboard-modal-body .btn-outline-dark,
body[data-dashboard-mode="night"] .dashboard-modal-footer .btn-outline-dark,
body[data-dashboard-mode="night"] .dashboard-modal-body .btn-outline-secondary,
body[data-dashboard-mode="night"] .dashboard-modal-footer .btn-outline-secondary {
    color: var(--toolbox-dashboard-text) !important;
    border-color: var(--toolbox-dashboard-border) !important;
}

    body[data-dashboard-mode="night"] .dashboard-modal-body .btn-outline-dark:hover,
    body[data-dashboard-mode="night"] .dashboard-modal-footer .btn-outline-dark:hover,
    body[data-dashboard-mode="night"] .dashboard-modal-body .btn-outline-secondary:hover,
    body[data-dashboard-mode="night"] .dashboard-modal-footer .btn-outline-secondary:hover {
        background-color: var(--toolbox-dashboard-surface-soft) !important;
        color: var(--toolbox-dashboard-heading) !important;
    }

body[data-dashboard-mode="night"] .dashboard-toolbar-icon-button,
body[data-dashboard-mode="night"] .dashboard-toolbar-icon-button .material-symbols-rounded,
body[data-dashboard-mode="night"] .dashboard-card-actions button,
body[data-dashboard-mode="night"] .dashboard-card-actions button .material-symbols-rounded,
body[data-dashboard-mode="night"] .dashboard-card-actions .dashboard-card-action-button,
body[data-dashboard-mode="night"] .dashboard-card-actions .dashboard-card-action-button .material-symbols-rounded {
    color: var(--toolbox-dashboard-text) !important;
}

    body[data-dashboard-mode="night"] .dashboard-toolbar-icon-button:not(.dashboard-toolbar-icon-button-active),
    body[data-dashboard-mode="night"] .dashboard-card-actions button:not(.dashboard-card-header-icon),
    body[data-dashboard-mode="night"] .dashboard-card-actions .dashboard-card-action-button:not(.dashboard-card-header-icon) {
        background-color: var(--toolbox-dashboard-surface-soft) !important;
        border-color: var(--toolbox-dashboard-border) !important;
    }

        body[data-dashboard-mode="night"] .dashboard-toolbar-icon-button:not(.dashboard-toolbar-icon-button-active):hover,
        body[data-dashboard-mode="night"] .dashboard-toolbar-icon-button:not(.dashboard-toolbar-icon-button-active):focus-visible,
        body[data-dashboard-mode="night"] .dashboard-card-actions button:not(.dashboard-card-header-icon):hover,
        body[data-dashboard-mode="night"] .dashboard-card-actions button:not(.dashboard-card-header-icon):focus-visible,
        body[data-dashboard-mode="night"] .dashboard-card-actions .dashboard-card-action-button:not(.dashboard-card-header-icon):hover,
        body[data-dashboard-mode="night"] .dashboard-card-actions .dashboard-card-action-button:not(.dashboard-card-header-icon):focus-visible {
            color: var(--toolbox-dashboard-heading) !important;
            background-color: var(--toolbox-dashboard-surface-muted) !important;
            border-color: var(--toolbox-dashboard-border) !important;
        }

            body[data-dashboard-mode="night"] .dashboard-toolbar-icon-button:not(.dashboard-toolbar-icon-button-active):hover .material-symbols-rounded,
            body[data-dashboard-mode="night"] .dashboard-toolbar-icon-button:not(.dashboard-toolbar-icon-button-active):focus-visible .material-symbols-rounded,
            body[data-dashboard-mode="night"] .dashboard-card-actions button:not(.dashboard-card-header-icon):hover .material-symbols-rounded,
            body[data-dashboard-mode="night"] .dashboard-card-actions button:not(.dashboard-card-header-icon):focus-visible .material-symbols-rounded,
            body[data-dashboard-mode="night"] .dashboard-card-actions .dashboard-card-action-button:not(.dashboard-card-header-icon):hover .material-symbols-rounded,
            body[data-dashboard-mode="night"] .dashboard-card-actions .dashboard-card-action-button:not(.dashboard-card-header-icon):focus-visible .material-symbols-rounded {
                color: var(--toolbox-dashboard-heading) !important;
            }

body[data-dashboard-mode="night"] .dashboard-content .grid-stack-placeholder,
body[data-dashboard-mode="night"] .dashboard-content .grid-stack-placeholder *,
body[data-dashboard-mode="night"] .dashboard-content .dashboard-card-placeholder,
body[data-dashboard-mode="night"] .dashboard-content .dashboard-card-placeholder *,
body[data-dashboard-mode="night"] .dashboard-content .dashboard-card-edit-placeholder,
body[data-dashboard-mode="night"] .dashboard-content .dashboard-card-edit-placeholder * {
    color: var(--toolbox-dashboard-muted) !important;
}

body[data-dashboard-mode="night"] .dashboard-content .dashboard-card-title,
body[data-dashboard-mode="night"] .dashboard-content .dashboard-card-title-area,
body[data-dashboard-mode="night"] .dashboard-content .dashboard-card-title-area * {
    color: var(--toolbox-dashboard-heading) !important;
}

body[data-dashboard-mode="night"] .dashboard-marketing-material-cta,
body[data-dashboard-mode="night"] .dashboard-quick-action-button,
body[data-dashboard-mode="night"] .dashboard-quick-action-button span,
body[data-dashboard-mode="night"] .dashboard-quick-action-button .material-symbols-rounded {
    color: var(--toolbox-dashboard-heading) !important;
}

body[data-dashboard-mode="night"][data-toolbox-theme] .dashboard-card-header-icon,
body[data-dashboard-mode="night"][data-toolbox-theme] .dashboard-card-header-icon *,
body[data-dashboard-mode="night"][data-toolbox-theme] .dashboard-opportunity-new-button,
body[data-dashboard-mode="night"][data-toolbox-theme] .dashboard-opportunity-new-button *,
body[data-dashboard-mode="night"][data-toolbox-theme] .dashboard-sidebar-accent-button,
body[data-dashboard-mode="night"][data-toolbox-theme] .dashboard-sidebar-accent-button *,
body[data-dashboard-mode="night"][data-toolbox-theme] .dashboard-marketing-material-icon,
body[data-dashboard-mode="night"][data-toolbox-theme] .dashboard-marketing-material-icon * {
    color: var(--toolbox-theme-base-contrast) !important;
}

body[data-toolbox-theme] .dashboard-card-header-icon,
body[data-toolbox-theme] .dashboard-content .dashboard-card-header-icon,
body[data-toolbox-theme] .dashboard-content .dashboard-marketing-material-icon,
body[data-toolbox-theme] .dashboard-content .dashboard-sidebar-accent-button,
body[data-toolbox-theme] .dashboard-content .dashboard-opportunity-new-button,
body[data-toolbox-theme] .dashboard-content .dashboard-production-action-button,
body[data-toolbox-theme] .dashboard-content .dashboard-card-actions .icon,
body[data-toolbox-theme] .dashboard-content [data-column="action"] .btn,
body[data-toolbox-theme] .dashboard-content [data-column="actions"] .btn,
body[data-toolbox-theme] .dashboard-content td[data-column="action"] button,
body[data-toolbox-theme] .dashboard-content td[data-column="actions"] button {
    background: var(--toolbox-theme-base) !important;
    color: var(--toolbox-theme-base-contrast) !important;
    border-color: var(--toolbox-theme-base) !important;
}

    body[data-toolbox-theme] .dashboard-card-header-icon:hover,
    body[data-toolbox-theme] .dashboard-content .dashboard-card-header-icon:hover,
    body[data-toolbox-theme] .dashboard-content .dashboard-marketing-material-icon:hover,
    body[data-toolbox-theme] .dashboard-content .dashboard-sidebar-accent-button:hover,
    body[data-toolbox-theme] .dashboard-content .dashboard-opportunity-new-button:hover,
    body[data-toolbox-theme] .dashboard-content .dashboard-production-action-button:hover,
    body[data-toolbox-theme] .dashboard-content .dashboard-card-actions .icon:hover,
    body[data-toolbox-theme] .dashboard-content [data-column="action"] .btn:hover,
    body[data-toolbox-theme] .dashboard-content [data-column="actions"] .btn:hover,
    body[data-toolbox-theme] .dashboard-content td[data-column="action"] button:hover,
    body[data-toolbox-theme] .dashboard-content td[data-column="actions"] button:hover {
        background: var(--toolbox-theme-base-hover) !important;
        border-color: var(--toolbox-theme-base-hover) !important;
    }

body[data-toolbox-theme] .dashboard-toolbar-sidebar-button,
body[data-toolbox-theme] .dashboard-toolbar-shell .dashboard-toolbar-sidebar-button,
body[data-toolbox-theme] .dashboard-content .dashboard-toolbar-sidebar-button,
body[data-toolbox-theme] .dashboard-content .dashboard-toolbar-icon-button-active,
body[data-toolbox-theme] .dashboard-toolbar-shell .dashboard-toolbar-icon-button-active {
    background: var(--toolbox-theme-base) !important;
    color: var(--toolbox-theme-base-contrast) !important;
    border-color: var(--toolbox-theme-base) !important;
}

    body[data-toolbox-theme] .dashboard-toolbar-sidebar-button:hover,
    body[data-toolbox-theme] .dashboard-toolbar-sidebar-button:focus-visible,
    body[data-toolbox-theme] .dashboard-toolbar-shell .dashboard-toolbar-sidebar-button:hover,
    body[data-toolbox-theme] .dashboard-toolbar-shell .dashboard-toolbar-sidebar-button:focus-visible,
    body[data-toolbox-theme] .dashboard-content .dashboard-toolbar-sidebar-button:hover,
    body[data-toolbox-theme] .dashboard-content .dashboard-toolbar-sidebar-button:focus-visible,
    body[data-toolbox-theme] .dashboard-content .dashboard-toolbar-icon-button-active:hover,
    body[data-toolbox-theme] .dashboard-toolbar-shell .dashboard-toolbar-icon-button-active:hover {
        background: var(--toolbox-theme-base-hover) !important;
        border-color: var(--toolbox-theme-base-hover) !important;
    }

body[data-toolbox-theme] .dashboard-toolbar-icon-button:not(.dashboard-toolbar-icon-button-active):hover,
body[data-toolbox-theme] .dashboard-toolbar-icon-button:not(.dashboard-toolbar-icon-button-active):focus-visible,
body[data-toolbox-theme] .dashboard-content .dashboard-toolbar-icon-button:not(.dashboard-toolbar-icon-button-active):hover,
body[data-toolbox-theme] .dashboard-content .dashboard-toolbar-icon-button:not(.dashboard-toolbar-icon-button-active):focus-visible {
    color: var(--toolbox-theme-base) !important;
    background: var(--toolbox-theme-base-soft) !important;
    border-color: var(--toolbox-theme-base-border) !important;
}

body[data-toolbox-theme] .dashboard-content a:not(.btn),
body[data-toolbox-theme] .dashboard-content .dashboard-marketing-material-cta,
body[data-toolbox-theme] .dashboard-content .dashboard-table-sort-button:hover,
body[data-toolbox-theme] .dashboard-content .dashboard-table-sort-button:focus-visible {
    color: var(--toolbox-theme-base) !important;
}

body[data-toolbox-theme] .dashboard-content .dashboard-card-shell .form-control:focus,
body[data-toolbox-theme] .dashboard-content .dashboard-card-shell .form-select:focus,
body[data-toolbox-theme] .dashboard-content .dashboard-opportunity-control-input:focus,
body[data-toolbox-theme] .dashboard-content .dashboard-opportunity-control-number:focus,
body[data-toolbox-theme] .dashboard-content .dashboard-opportunity-control-date:focus {
    border-color: var(--toolbox-theme-base) !important;
    box-shadow: 0 0 0 0.2rem var(--toolbox-theme-base-soft) !important;
}

body[data-toolbox-theme] .dashboard-content .dashboard-production-time-left-bar .progress-bar,
body[data-toolbox-theme] .dashboard-content .progress-bar {
    background-color: var(--toolbox-theme-base) !important;
}

body[data-toolbox-theme] .dashboard-content .dashboard-map-widget .jvm-marker,
body[data-toolbox-theme] .dashboard-content .dashboard-map-widget .jvm-element.jvm-marker,
body[data-toolbox-theme] .dashboard-content #jvm-markers-group .jvm-marker,
body[data-toolbox-theme] .dashboard-content #jvm-markers-group circle {
    fill: var(--toolbox-theme-base) !important;
    stroke: var(--toolbox-theme-base-contrast) !important;
}

    body[data-toolbox-theme] .dashboard-content .dashboard-map-widget .jvm-marker:hover,
    body[data-toolbox-theme] .dashboard-content .dashboard-map-widget .jvm-element.jvm-marker:hover,
    body[data-toolbox-theme] .dashboard-content #jvm-markers-group .jvm-marker:hover,
    body[data-toolbox-theme] .dashboard-content #jvm-markers-group circle:hover {
        fill: var(--toolbox-theme-base-hover) !important;
    }

body[data-toolbox-theme] .dashboard-content .dashboard-card-shell .border,
body[data-toolbox-theme] .dashboard-content .dashboard-marketing-material-button,
body[data-toolbox-theme] .dashboard-content .accordion-button.border {
    border-color: var(--toolbox-dashboard-border) !important;
}

body[data-toolbox-theme] .dashboard-content .accordion-button:not(.collapsed) {
    background-color: var(--toolbox-theme-base-soft) !important;
    color: var(--toolbox-theme-base) !important;
}

.theme-swatch[data-theme-value="default"] {
    background-color: #343a40;
}

.theme-swatch[data-theme-value="orange"] {
    background-color: #ff6600;
}

.theme-swatch[data-theme-value="cyan"] {
    background-color: #009cb6;
}

.theme-swatch[data-theme-value="purple"] {
    background-color: #652d90;
}

.theme-swatch[data-theme-value="red"] {
    background-color: #c8102e;
}

.theme-swatch[data-theme-value="green"] {
    background-color: #228b22;
}

.theme-swatch[data-theme-value="blue"] {
    background-color: #0037c7;
}