/* Base Button Styles */
button.btn, a.btn,
button.btn-primary, a.btn-primary,
button.btn-secondary, a.btn-secondary,
button.btn-success, a.btn-success,
button.btn-danger, a.btn-danger,
button.btn-info, a.btn-info,
button.btn-light, a.btn-light,
button.btn-dark, a.btn-dark,
button.btn-ghost, a.btn-ghost,
button.btn-outline, a.btn-outline,
button.btn-outline-danger, a.btn-outline-danger,
button.btn-link, a.btn-link,
button.primary, a.primary,
button.secondary, a.secondary,
button.success, a.success,
button.danger, a.danger,
button.info, a.info,
button.light, a.light,
button.dark, a.dark,
button.ghost, a.ghost,
button.outline, a.outline,
button.outline-danger, a.outline-danger,
a.link {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    border-radius: 0.375em;
    border: none;
    padding: 0.5em 1em;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.5;
    text-decoration: none;
    transition: all 0.15s ease-in-out;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Remove ALL possible focus/active outlines */
    button.btn:focus, a.btn:focus,
    button.btn:active, a.btn:active,
    button.btn:focus:active, a.btn:focus:active,
    button.btn-primary:focus, a.btn-primary:focus,
    button.btn-primary:active, a.btn-primary:active,
    button.btn-primary:focus:active, a.btn-primary:focus:active,
    button.btn-secondary:focus, a.btn-secondary:focus,
    button.btn-secondary:active, a.btn-secondary:active,
    button.btn-secondary:focus:active, a.btn-secondary:focus:active,
    button.btn-success:focus, a.btn-success:focus,
    button.btn-success:active, a.btn-success:active,
    button.btn-success:focus:active, a.btn-success:focus:active,
    button.btn-danger:focus, a.btn-danger:focus,
    button.btn-danger:active, a.btn-danger:active,
    button.btn-danger:focus:active, a.btn-danger:focus:active,
    button.btn-info:focus, a.btn-info:focus,
    button.btn-info:active, a.btn-info:active,
    button.btn-info:focus:active, a.btn-info:focus:active,
    button.btn-light:focus, a.btn-light:focus,
    button.btn-light:active, a.btn-light:active,
    button.btn-light:focus:active, a.btn-light:focus:active,
    button.btn-dark:focus, a.btn-dark:focus,
    button.btn-dark:active, a.btn-dark:active,
    button.btn-dark:focus:active, a.btn-dark:focus:active,
    button.btn-ghost:focus, a.btn-ghost:focus,
    button.btn-ghost:active, a.btn-ghost:active,
    button.btn-ghost:focus:active, a.btn-ghost:focus:active,
    button.btn-outline:focus, a.btn-outline:focus,
    button.btn-outline:active, a.btn-outline:active,
    button.btn-outline:focus:active, a.btn-outline:focus:active,
    button.btn-outline-danger:focus, a.btn-outline-danger:focus,
    button.btn-outline-danger:active, a.btn-outline-danger:active,
    button.btn-outline-danger:focus:active, a.btn-outline-danger:focus:active,
    button.primary:focus, a.primary:focus,
    button.primary:active, a.primary:active,
    button.primary:focus:active, a.primary:focus:active,
    button.secondary:focus, a.secondary:focus,
    button.secondary:active, a.secondary:active,
    button.secondary:focus:active, a.secondary:focus:active,
    button.success:focus, a.success:focus,
    button.success:active, a.success:active,
    button.success:focus:active, a.success:focus:active,
    button.danger:focus, a.danger:focus,
    button.danger:active, a.danger:active,
    button.danger:focus:active, a.danger:focus:active,
    button.info:focus, a.info:focus,
    button.info:active, a.info:active,
    button.info:focus:active, a.info:focus:active,
    button.light:focus, a.light:focus,
    button.light:active, a.light:active,
    button.light:focus:active, a.light:focus:active,
    button.dark:focus, a.dark:focus,
    button.dark:active, a.dark:active,
    button.dark:focus:active, a.dark:focus:active,
    button.ghost:focus, a.ghost:focus,
    button.ghost:active, a.ghost:active,
    button.ghost:focus:active, a.ghost:focus:active,
    button.outline:focus, a.outline:focus,
    button.outline:active, a.outline:active,
    button.outline:focus:active, a.outline:focus:active,
    button.outline-danger:focus, a.outline-danger:focus,
    button.outline-danger:active, a.outline-danger:active,
    button.outline-danger:focus:active, a.outline-danger:focus:active {
        outline: none !important;
        -webkit-tap-highlight-color: transparent;
    }

    /* Focus visible for keyboard navigation only */
    button.btn:focus-visible, a.btn:focus-visible,
    button.btn-primary:focus-visible, a.btn-primary:focus-visible,
    button.btn-secondary:focus-visible, a.btn-secondary:focus-visible,
    button.btn-success:focus-visible, a.btn-success:focus-visible,
    button.btn-danger:focus-visible, a.btn-danger:focus-visible,
    button.btn-info:focus-visible, a.btn-info:focus-visible,
    button.btn-light:focus-visible, a.btn-light:focus-visible,
    button.btn-dark:focus-visible, a.btn-dark:focus-visible,
    button.btn-ghost:focus-visible, a.btn-ghost:focus-visible,
    button.primary:focus-visible, a.primary:focus-visible,
    button.secondary:focus-visible, a.secondary:focus-visible,
    button.success:focus-visible, a.success:focus-visible,
    button.danger:focus-visible, a.danger:focus-visible,
    button.info:focus-visible, a.info:focus-visible,
    button.light:focus-visible, a.light:focus-visible,
    button.dark:focus-visible, a.dark:focus-visible,
    button.ghost:focus-visible, a.ghost:focus-visible {
        outline: 2px solid rgba(24, 111, 181, 0.5);
        outline-offset: 2px;
    }

/* Sizing Utility Classes */
.btn-sm {
    padding: 0.375em 0.75em;
    font-size: 0.8125rem;
    gap: 0.375em;
}

.btn-md {
    padding: 0.5em 1em;
    font-size: 0.875rem;
    gap: 0.5em;
}

.btn-lg {
    padding: 0.625em 1.25em;
    font-size: 1rem;
    gap: 0.625em;
}

/* Legacy size support */
.btn-small {
    padding: 0.375em 0.75em;
    font-size: 0.8125rem;
}

.btn-medium {
    padding: 0.5em 1em;
    font-size: 0.875rem;
}

.btn-large {
    padding: 0.625em 1.25em;
    font-size: 1rem;
}

/* ========================================
   PRIMARY BUTTON
   ======================================== */
button.btn-primary, a.btn-primary,
button.primary, a.primary {
    background-color: var(--blueteq-blue) !important;
    color: #ffffff !important;
    border: 1px solid var(--blueteq-blue) !important;
}

    button.btn-primary:hover, a.btn-primary:hover,
    button.primary:hover, a.primary:hover {
        background-color: #1a7cc4 !important;
        border-color: #1a7cc4 !important;
        color: #ffffff !important;
        box-shadow: 0 2px 4px rgba(24, 111, 181, 0.2) !important;
    }

    button.btn-primary:active, a.btn-primary:active,
    button.primary:active, a.primary:active {
        background-color: #155a8f !important;
        border-color: #155a8f !important;
        color: #ffffff !important;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }

    button.btn-primary .k-loader, a.btn-primary .k-loader,
    button.primary .k-loader, a.primary .k-loader,
    button.btn-primary .k-loader-primary, a.btn-primary .k-loader-primary,
    button.primary .k-loader-primary, a.primary .k-loader-primary {
        color: #ffffff;
    }

/* ========================================
   OUTLINE BUTTON (WHITE ON DARK)
   ======================================== */
button.btn-outline, a.btn-outline,
button.outline, a.outline {
    background-color: transparent !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

    button.btn-outline:hover, a.btn-outline:hover,
    button.outline:hover, a.outline:hover {
        background-color: #ffffff !important;
        border-color: #ffffff !important;
        color: var(--blueteq-blue) !important;
        box-shadow: 0 2px 4px rgba(255, 255, 255, 0.3) !important;
    }

    button.btn-outline:active, a.btn-outline:active,
    button.outline:active, a.outline:active {
        background-color: rgba(255, 255, 255, 0.9) !important;
        border-color: rgba(255, 255, 255, 0.9) !important;
        color: var(--blueteq-blue) !important;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }

    button.btn-outline .k-loader, a.btn-outline .k-loader,
    button.outline .k-loader, a.outline .k-loader {
        color: #ffffff;
    }

    button.btn-outline:hover .k-loader, a.btn-outline:hover .k-loader,
    button.outline:hover .k-loader, a.outline:hover .k-loader,
    button.btn-outline:active .k-loader, a.btn-outline:active .k-loader,
    button.outline:active .k-loader, a.outline:active .k-loader {
        color: var(--blueteq-blue);
    }

/* ========================================
   SUCCESS BUTTON
   ======================================== */
button.btn-success, a.btn-success,
button.success, a.success {
    background-color: var(--success-green);
    color: #ffffff;
    border: 1px solid var(--success-green);
}

    button.btn-success:hover, a.btn-success:hover,
    button.success:hover, a.success:hover {
        background-color: rgb(21 128 61);
        border-color: rgb(21 128 61);
        color: #ffffff;
        box-shadow: 0 2px 4px rgba(22, 163, 74, 0.2);
    }

    button.btn-success:active, a.btn-success:active,
    button.success:active, a.success:active {
        background-color: rgb(20 83 45) !important;
        border-color: rgb(20 83 45) !important;
        color: #ffffff !important;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }

    button.btn-success .k-loader, a.btn-success .k-loader,
    button.success .k-loader, a.success .k-loader {
        color: #ffffff;
    }

/* ========================================
   DANGER BUTTON
   ======================================== */
button.btn-danger, a.btn-danger,
button.danger, a.danger {
    background-color: #dc2626;
    color: #ffffff;
    border: 1px solid #dc2626;
}

    button.btn-danger:hover, a.btn-danger:hover,
    button.danger:hover, a.danger:hover {
        background-color: #b91c1c;
        border-color: #b91c1c;
        color: #ffffff;
        box-shadow: 0 2px 4px rgba(220, 38, 38, 0.2);
    }

    button.btn-danger:active, a.btn-danger:active,
    button.danger:active, a.danger:active {
        background-color: #991b1b !important;
        border-color: #991b1b !important;
        color: #ffffff !important;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }

    button.btn-danger .k-loader, a.btn-danger .k-loader,
    button.danger .k-loader, a.danger .k-loader {
        color: #ffffff;
    }

/* ========================================
   SECONDARY BUTTON
   ======================================== */
button.btn-secondary, a.btn-secondary,
button.secondary, a.secondary,
button.outline-secondary, a.outline-secondary {
    background-color: transparent;
    border: 1px solid var(--blueteq-blue);
    color: var(--blueteq-blue);
    box-shadow: none;
}

    button.btn-secondary:hover, a.btn-secondary:hover,
    button.secondary:hover, a.secondary:hover,
    button.outline-secondary:hover, a.outline-secondary:hover {
        background-color: var(--blueteq-blue);
        border-color: var(--blueteq-blue);
        color: #ffffff;
        box-shadow: 0 2px 4px rgba(24, 111, 181, 0.2);
    }

    button.btn-secondary:active, a.btn-secondary:active,
    button.secondary:active, a.secondary:active,
    button.outline-secondary:active, a.outline-secondary:active {
        background-color: #155a8f !important;
        border-color: #155a8f !important;
        color: #ffffff !important;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }

    button.btn-secondary .k-loader, a.btn-secondary .k-loader,
    button.secondary .k-loader, a.secondary .k-loader,
    button.outline-secondary .k-loader, a.outline-secondary .k-loader {
        color: var(--blueteq-blue);
    }

    button.btn-secondary:hover .k-loader, a.btn-secondary:hover .k-loader,
    button.secondary:hover .k-loader, a.secondary:hover .k-loader,
    button.outline-secondary:hover .k-loader, a.outline-secondary:hover .k-loader {
        color: #ffffff;
    }

/* ==================== Dark Mode Button Styles ==================== */

/* Primary buttons - keep blue in dark mode */
[data-theme="dark"] button.btn-primary,
[data-theme="dark"] a.btn-primary,
[data-theme="dark"] button.primary,
[data-theme="dark"] a.primary {
    background-color: var(--blueteq-blue) !important;
    color: #ffffff !important;
    border-color: var(--blueteq-blue) !important;
}

    [data-theme="dark"] button.btn-primary:hover,
    [data-theme="dark"] a.btn-primary:hover,
    [data-theme="dark"] button.primary:hover,
    [data-theme="dark"] a.primary:hover {
        background-color: #1a7cc4 !important;
        border-color: #1a7cc4 !important;
    }

/* Danger buttons - keep red in dark mode */
[data-theme="dark"] button.btn-danger,
[data-theme="dark"] a.btn-danger,
[data-theme="dark"] button.danger,
[data-theme="dark"] a.danger {
    background-color: #dc2626 !important;
    color: #ffffff !important;
    border-color: #dc2626 !important;
}

    [data-theme="dark"] button.btn-danger:hover,
    [data-theme="dark"] a.btn-danger:hover,
    [data-theme="dark"] button.danger:hover,
    [data-theme="dark"] a.danger:hover {
        background-color: #b91c1c !important;
        border-color: #b91c1c !important;
    }

/* Success buttons - keep green in dark mode */
[data-theme="dark"] button.btn-success,
[data-theme="dark"] a.btn-success,
[data-theme="dark"] button.success,
[data-theme="dark"] a.success {
    background-color: var(--success-green) !important;
    color: #ffffff !important;
    border-color: var(--success-green) !important;
}

    [data-theme="dark"] button.btn-success:hover,
    [data-theme="dark"] a.btn-success:hover,
    [data-theme="dark"] button.success:hover,
    [data-theme="dark"] a.success:hover {
        background-color: rgb(21 128 61) !important;
        border-color: rgb(21 128 61) !important;
    }

/* Info buttons - keep blue in dark mode */
[data-theme="dark"] button.btn-info,
[data-theme="dark"] a.btn-info,
[data-theme="dark"] button.info,
[data-theme="dark"] a.info {
    background-color: #0ea5e9 !important;
    color: #ffffff !important;
    border-color: #0ea5e9 !important;
}

    [data-theme="dark"] button.btn-info:hover,
    [data-theme="dark"] a.btn-info:hover,
    [data-theme="dark"] button.info:hover,
    [data-theme="dark"] a.info:hover {
        background-color: #0284c7 !important;
        border-color: #0284c7 !important;
    }

/* Outline danger buttons - keep red in dark mode */
[data-theme="dark"] button.btn-outline-danger,
[data-theme="dark"] a.btn-outline-danger,
[data-theme="dark"] button.outline-danger,
[data-theme="dark"] a.outline-danger {
    border-color: #dc2626 !important;
    color: #dc2626 !important;
}

    [data-theme="dark"] button.btn-outline-danger:hover,
    [data-theme="dark"] a.btn-outline-danger:hover,
    [data-theme="dark"] button.outline-danger:hover,
    [data-theme="dark"] a.outline-danger:hover {
        background-color: #dc2626 !important;
        border-color: #dc2626 !important;
        color: #ffffff !important;
    }

/* Secondary buttons in dark mode */
[data-theme="dark"] button.btn-secondary,
[data-theme="dark"] a.btn-secondary,
[data-theme="dark"] button.secondary,
[data-theme="dark"] a.secondary {
    background-color: #373c40;
    border-color: #454a4f;
    color: #e0e0e0;
}

    [data-theme="dark"] button.btn-secondary:hover,
    [data-theme="dark"] a.btn-secondary:hover,
    [data-theme="dark"] button.secondary:hover,
    [data-theme="dark"] a.secondary:hover {
        background-color: #454a4f;
        border-color: #505559;
        color: #e0e0e0;
    }

    [data-theme="dark"] button.btn-secondary:active,
    [data-theme="dark"] a.btn-secondary:active,
    [data-theme="dark"] button.secondary:active,
    [data-theme="dark"] a.secondary:active {
        background-color: #2d3135 !important;
        border-color: #373c40 !important;
        color: #e0e0e0 !important;
    }

/* ========================================
   OUTLINE DANGER BUTTON
   ======================================== */
button.btn-outline-danger, a.btn-outline-danger,
button.outline-danger, a.outline-danger {
    background-color: transparent;
    border: 1px solid #dc2626;
    color: #dc2626;
    box-shadow: none;
}

    button.btn-outline-danger:hover, a.btn-outline-danger:hover,
    button.outline-danger:hover, a.outline-danger:hover {
        background-color: #dc2626;
        border-color: #dc2626;
        color: #ffffff;
        box-shadow: 0 2px 4px rgba(220, 38, 38, 0.2);
    }

    button.btn-outline-danger:active, a.btn-outline-danger:active,
    button.outline-danger:active, a.outline-danger:active {
        background-color: #b91c1c !important;
        border-color: #b91c1c !important;
        color: #ffffff !important;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }

    button.btn-outline-danger .k-loader, a.btn-outline-danger .k-loader,
    button.outline-danger .k-loader, a.outline-danger .k-loader {
        color: #dc2626;
    }

    button.btn-outline-danger:hover .k-loader, a.btn-outline-danger:hover .k-loader,
    button.outline-danger:hover .k-loader, a.outline-danger:hover .k-loader,
    button.btn-outline-danger:active .k-loader, a.btn-outline-danger:active .k-loader,
    button.outline-danger:active .k-loader, a.outline-danger:active .k-loader {
        color: #ffffff;
    }

/* ========================================
   INFO BUTTON
   ======================================== */
button.btn-info, a.btn-info,
button.info, a.info {
    background-color: #0ea5e9;
    color: #ffffff;
    border: 1px solid #0ea5e9;
}

    button.btn-info:hover, a.btn-info:hover,
    button.info:hover, a.info:hover {
        background-color: #0284c7;
        border-color: #0284c7;
        color: #ffffff;
        box-shadow: 0 2px 4px rgba(14, 165, 233, 0.2);
    }

    button.btn-info:active, a.btn-info:active,
    button.info:active, a.info:active {
        background-color: #0369a1 !important;
        border-color: #0369a1 !important;
        color: #ffffff !important;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }

    button.btn-info .k-loader, a.btn-info .k-loader,
    button.info .k-loader, a.info .k-loader {
        color: #ffffff;
    }

/* ========================================
   LIGHT BUTTON
   ======================================== */
button.btn-light, a.btn-light,
button.light, a.light {
    background-color: #f8fafc;
    color: #334155;
    border: 1px solid #e2e8f0;
}

    button.btn-light:hover, a.btn-light:hover,
    button.light:hover, a.light:hover {
        background-color: #f1f5f9;
        border-color: #cbd5e1;
        color: #1e293b;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    button.btn-light:active, a.btn-light:active,
    button.light:active, a.light:active {
        background-color: #e2e8f0 !important;
        border-color: #cbd5e1 !important;
        color: #1e293b !important;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    }

    button.btn-light .k-loader, a.btn-light .k-loader,
    button.light .k-loader, a.light .k-loader {
        color: #334155;
    }

/* ========================================
   DARK BUTTON
   ======================================== */
button.btn-dark, a.btn-dark,
button.dark, a.dark {
    background-color: #1e293b;
    color: #ffffff;
    border: 1px solid #1e293b;
}

    button.btn-dark:hover, a.btn-dark:hover,
    button.dark:hover, a.dark:hover {
        background-color: #334155;
        border-color: #334155;
        color: #ffffff;
        box-shadow: 0 2px 4px rgba(30, 41, 59, 0.3);
    }

    button.btn-dark:active, a.btn-dark:active,
    button.dark:active, a.dark:active {
        background-color: #0f172a !important;
        border-color: #0f172a !important;
        color: #ffffff !important;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    }

    button.btn-dark .k-loader, a.btn-dark .k-loader,
    button.dark .k-loader, a.dark .k-loader {
        color: #ffffff;
    }

/* ========================================
   GHOST BUTTON
   ======================================== */
button.btn-ghost, a.btn-ghost,
button.ghost, a.ghost {
    background-color: transparent;
    color: #64748b;
    border: none;
    box-shadow: none;
}

    button.btn-ghost:hover, a.btn-ghost:hover,
    button.ghost:hover, a.ghost:hover {
        background-color: #f1f5f9;
        color: #334155;
        box-shadow: none;
    }

    button.btn-ghost:active, a.btn-ghost:active,
    button.ghost:active, a.ghost:active {
        background-color: #e2e8f0 !important;
        color: #1e293b !important;
        box-shadow: none !important;
    }

    button.btn-ghost .k-loader, a.btn-ghost .k-loader,
    button.ghost .k-loader, a.ghost .k-loader {
        color: #64748b;
    }

/* ========================================
   LINK BUTTON
   ======================================== */
button.btn-link, a.btn-link,
a.link {
    background-color: transparent;
    border: none;
    color: var(--blueteq-blue);
    text-decoration: underline;
    box-shadow: none;
    padding: 0.25em 0.5em;
}

    button.btn-link:hover, a.btn-link:hover,
    a.link:hover {
        color: #1a7cc4;
        text-decoration: underline;
        background-color: transparent;
    }

    button.btn-link:active, a.btn-link:active,
    a.link:active {
        color: #155a8f !important;
        text-decoration: underline;
        background-color: transparent !important;
    }

/* ========================================
   DISABLED STATE
   ======================================== */
button:disabled, a.disabled,
button.btn:disabled, a.btn.disabled,
button.btn-primary:disabled, a.btn-primary.disabled,
button.btn-secondary:disabled, a.btn-secondary.disabled,
button.btn-success:disabled, a.btn-success.disabled,
button.btn-danger:disabled, a.btn-danger.disabled,
button.btn-info:disabled, a.btn-info.disabled,
button.btn-light:disabled, a.btn-light.disabled,
button.btn-dark:disabled, a.btn-dark.disabled,
button.btn-ghost:disabled, a.btn-ghost.disabled,
button.primary:disabled, a.primary.disabled,
button.secondary:disabled, a.secondary.disabled,
button.success:disabled, a.success.disabled,
button.danger:disabled, a.danger.disabled,
button.info:disabled, a.info.disabled,
button.light:disabled, a.light.disabled,
button.dark:disabled, a.dark.disabled,
button.ghost:disabled, a.ghost.disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

/* ========================================
   FULL WIDTH UTILITY
   ======================================== */
.btn-block {
    width: 100%;
    display: flex;
}

a {
    text-decoration: none !important;
}

    a:hover {
        color: none !important;
        text-decoration: none !important;
    }

/* ==================== High Contrast Mode Button Styles ==================== */
[data-theme="high-contrast"] button,
[data-theme="high-contrast"] a.btn,
[data-theme="high-contrast"] button.btn-primary,
[data-theme="high-contrast"] a.btn-primary,
[data-theme="high-contrast"] button.primary,
[data-theme="high-contrast"] a.primary {
    background-color: #0066ff !important;
    color: #ffffff !important;
    border: 3px solid #ffffff !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

    [data-theme="high-contrast"] button.btn-secondary,
    [data-theme="high-contrast"] a.btn-secondary,
    [data-theme="high-contrast"] button.secondary,
    [data-theme="high-contrast"] a.secondary {
        background-color: #000000 !important;
        color: #ffffff !important;
        border: 3px solid #ffffff !important;
        font-weight: 700 !important;
    }

    [data-theme="high-contrast"] button.btn-success,
    [data-theme="high-contrast"] a.btn-success,
    [data-theme="high-contrast"] button.success,
    [data-theme="high-contrast"] a.success {
        background-color: #00ff00 !important;
        color: #000000 !important;
        border: 3px solid #ffffff !important;
        font-weight: 700 !important;
    }

    [data-theme="high-contrast"] button.btn-danger,
    [data-theme="high-contrast"] a.btn-danger,
    [data-theme="high-contrast"] button.danger,
    [data-theme="high-contrast"] a.danger {
        background-color: #ff0000 !important;
        color: #ffffff !important;
        border: 3px solid #ffffff !important;
        font-weight: 700 !important;
    }

    [data-theme="high-contrast"] button.btn-info,
    [data-theme="high-contrast"] a.btn-info,
    [data-theme="high-contrast"] button.info,
    [data-theme="high-contrast"] a.info {
        background-color: #0066ff !important;
        color: #ffffff !important;
        border: 3px solid #ffffff !important;
        font-weight: 700 !important;
    }

    [data-theme="high-contrast"] button:hover,
    [data-theme="high-contrast"] a.btn:hover {
        background-color: #ffffff !important;
        color: #000000 !important;
        border: 3px solid #ffffff !important;
    }

    [data-theme="high-contrast"] button:active,
    [data-theme="high-contrast"] a.btn:active {
        transform: scale(0.95);
    }

    [data-theme="high-contrast"] button:disabled,
    [data-theme="high-contrast"] a.btn:disabled {
        background-color: #666666 !important;
        color: #ffffff !important;
        border: 3px solid #999999 !important;
        opacity: 1 !important;
    }