/* ================================================================
   MATRIXARENA v19.8 – gerätebezogener Performance-Ausgleich
   ================================================================ */

html[data-performance-mode="true"] {
    scroll-behavior: auto !important;
}

/* Der statische Carbon-Untergrund bleibt erhalten; bewegte und mehrfach
   überlagerte Matrix-Ebenen werden vollständig entfernt. */
html[data-performance-mode="true"] #matrix-rain,
html[data-performance-mode="true"] .matrix-seams,
html[data-performance-mode="true"] .matrix-vignette {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Animationen und Übergänge verursachen auf schwachen GPUs besonders beim
   Menüwechsel unnötige Repaints. Inhalte und Bedienung bleiben unverändert. */
html[data-performance-mode="true"] *,
html[data-performance-mode="true"] *::before,
html[data-performance-mode="true"] *::after {
    animation-delay: 0s !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-delay: 0s !important;
    transition-duration: 0.001ms !important;
}

/* Backdrop-Filter werden softwareseitig oft besonders teuer gerendert. */
html[data-performance-mode="true"] .card,
html[data-performance-mode="true"] .top-row,
html[data-performance-mode="true"] .sidebar,
html[data-performance-mode="true"] .navbar,
html[data-performance-mode="true"] .dropdown-menu,
html[data-performance-mode="true"] .modal-content,
html[data-performance-mode="true"] .offcanvas,
html[data-performance-mode="true"] .account-manage-nav,
html[data-performance-mode="true"] .account-manage-content {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.performance-balance-intro {
    max-width: 48rem;
    color: var(--vx-copy-green, #9bcfac) !important;
}

.performance-balance-card {
    display: grid;
    width: min(100%, 48rem);
    padding: clamp(1rem, 3vw, 1.5rem);
    gap: 1rem;
    border: 1px solid rgba(41, 216, 102, 0.24);
    border-radius: 0.4rem;
    background:
        linear-gradient(145deg, rgba(41, 216, 102, 0.045), transparent 42%),
        rgba(0, 7, 3, 0.42);
}

.performance-balance-card__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
}

.performance-balance-card__header h3 {
    margin: 0 0 0.45rem;
    color: var(--vx-copy-green-strong, #b9f6cb);
}

.performance-balance-card__header p,
.performance-balance-note {
    margin: 0;
    color: var(--vx-copy-green, #9bcfac) !important;
}

.performance-balance-switch {
    display: grid;
    min-width: 13rem;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    padding: 0.8rem 0.9rem;
    border: 1px solid rgba(41, 216, 102, 0.2);
    border-radius: 0.35rem;
    background: rgba(2, 17, 8, 0.72);
}

.performance-balance-switch .form-check-input {
    float: none;
    width: 2.8rem;
    height: 1.4rem;
    margin: 0;
    cursor: pointer;
}

.performance-balance-switch .form-check-label {
    cursor: pointer;
    font-family: var(--vx-font-mono, monospace);
    font-size: 0.84rem;
    letter-spacing: 0.025em;
}

.performance-balance-status {
    padding: 0.75rem 0.9rem;
    border-left: 3px solid rgba(188, 202, 193, 0.55);
    background: rgba(255, 255, 255, 0.025);
    color: rgba(225, 232, 227, 0.82);
    font-family: var(--vx-font-mono, monospace);
    font-size: 0.86rem;
}

.performance-balance-status[data-enabled="true"] {
    border-left-color: #d7b95a;
    background: rgba(215, 185, 90, 0.07);
    color: #f1dda0;
}

.performance-balance-note {
    padding-top: 0.2rem;
    font-size: 0.88rem;
}

@media (max-width: 720px) {
    .performance-balance-card__header {
        grid-template-columns: 1fr;
    }

    .performance-balance-switch {
        width: 100%;
        min-width: 0;
    }
}