/* Mode: 3D (Neumorphism / Heavy Bevels) */
body.mode-3d .panel, 
body.mode-3d .main-content, 
body.mode-3d .topheader, 
body.mode-3d footer,
body.mode-3d .footer-test,
body.mode-3d .sidebar,
body.mode-3d .settings-popover,
body.mode-3d .mode-btn,
body.mode-3d .nav-toggle-button,
body.mode-3d .detail-content-test,
body.mode-3d .history-card,
body.mode-3d .history-modal-card,
body.mode-3d .latency-card,
body.mode-3d .gauge-box,
body.mode-3d .start-test,
body.mode-3d .duration-test,
body.mode-3d .infor-test,
body.mode-3d .page-card,
body.mode-3d .login-card,
body.mode-3d .learning-title,
body.mode-3d .learning-card,
body.mode-3d .learning-popup-card,
body.mode-3d .learning-popup-head,
body.mode-3d .learning-popup-close,
body.mode-3d .learning-topic section,
body.mode-3d .footer-test button,
body.mode-3d .ipcheck-content,
body.mode-3d .ipcheck-form-container,
body.mode-3d .ipcheck-results,
body.mode-3d .ipcheck-input,
body.mode-3d .ipcheck-select,
body.mode-3d .ipcheck-submit-btn,
body.mode-3d .server-select,
body.mode-3d .terminal-output,
body.mode-3d .navlink {
    box-shadow: 
        10px 10px 20px rgba(0,0,0,0.6), 
        -5px -5px 15px rgba(255,255,255,0.08),
        inset 1px 1px 3px rgba(255,255,255,0.2),
        inset -2px -2px 5px rgba(0,0,0,0.5) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(0,0,0,0.1) 100%), var(--panel) !important;
    backdrop-filter: blur(10px) !important;
}

body.mode-3d .mode-btn.active,
body.mode-3d .navlink.active {
    border-color: rgba(255, 42, 42, 0.5) !important;
    color: var(--primary) !important;
}