/* Mode: 2D (Flat, No Shadows) */


body.mode-2d .panel,
body.mode-2d .main-content,
body.mode-2d footer,
body.mode-2d .footer-test,
body.mode-2d .sidebar,
body.mode-2d .settings-popover,
body.mode-2d .mode-btn,
body.mode-2d .nav-toggle-button,
body.mode-2d .detail-content-test,
body.mode-2d .history-card,
body.mode-2d .latency-card,
body.mode-2d .gauge-box,
body.mode-2d .start-test,
body.mode-2d .duration-test,
body.mode-2d .infor-test,
body.mode-2d .page-card,
body.mode-2d .login-card,
body.mode-2d .learning-title,
body.mode-2d .learning-card,
body.mode-2d .learning-popup-card,
body.mode-2d .learning-popup-head,
body.mode-2d .learning-popup-close,
body.mode-2d .learning-topic section,
body.mode-2d .footer-test button,
body.mode-2d .ipcheck-content,
body.mode-2d .ipcheck-form-container,
body.mode-2d .ipcheck-results,
body.mode-2d .ipcheck-input,
body.mode-2d .ipcheck-select,
body.mode-2d .ipcheck-submit-btn,
body.mode-2d .server-select,
body.mode-2d .terminal-output,
body.mode-2d .navlink {
    box-shadow: none !important;
    border: 1px solid var(--border-color) !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.mode-2d .topheader {
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.mode-2d .history-modal-card {
    box-shadow: none !important;
    border: 1px solid var(--border-color) !important;
    background: var(--panel) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.mode-2d .navlink.active {
    background: rgba(255, 42, 42, 0.12) !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

body.mode-2d .mode-btn.active {
    background: rgba(255, 42, 42, 0.12) !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}