/* ========================================
   DARK MODE OVERRIDES
   ======================================== */

/* Body Background */
body.dark-mode {
    background-color: #181818;
}

.loading-screen.dark {
    background: #181818;
}

/* Header */
body.dark-mode .app-header {
    background: linear-gradient(135deg, #0d4a6b 0%, #1a5c7a 100%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* Network Info Panel */
body.dark-mode .network-info-panel {
    background: rgba(10, 10, 20, 0.95);
    border-color: #444444;
    color: #e0e0e0;
}

/* Footer */
body.dark-mode .app-footer {
    background-color: #1a1a1a;
    border-top-color: #333333;
}

body.dark-mode .footer-copyright {
    color: #888888;
}

body.dark-mode .misntv-slogan {
    color: #aaaaaa;
}

/* ========================================
   SVG ELEMENT OVERRIDES
   ======================================== */

/* Text Colors */
body.dark-mode .oDoLive-Speed {
    fill: #ffffff;
}

body.dark-mode .oDoLive-Status {
    fill: #aliceblue;
}

body.dark-mode .oDo-Meter {
    fill: #aaaaaa;
}

body.dark-mode .oDoTop-Speed {
    fill: #aaaaaa;
}

body.dark-mode #ipDesk,
body.dark-mode #ipMob {
    fill: #aliceblue;
}

body.dark-mode .rtext {
    fill: #ffffff;
}

body.dark-mode .rtextnum {
    fill: #ffffff;
}

body.dark-mode .rtextmbms {
    fill: #ffffff;
}

body.dark-mode .jitter-Mob {
    fill: #ffffff;
}

body.dark-mode .buttonTxt {
    fill: #ffffff;
}

body.dark-mode .ConnectError {
    fill: #ffffff;
}

/* Shape Colors */
body.dark-mode .Cards {
    fill: #2a2a2a;
}

body.dark-mode .main-Gaugebg {
    stroke: #000000;
}

body.dark-mode .uiBg {
    fill: #000000;
}

body.dark-mode .progressbg {
    stroke: #202020;
}

/* ========================================
   DARK MODE TOGGLE BUTTON
   ======================================== */
body.dark-mode .darkmode-toggle {
    background: linear-gradient(135deg, #2a2a2a 0%, #404040 100%);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

body.dark-mode .darkmode-toggle:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
}

/* ========================================
   SCROLLBAR (Dark Mode)
   ======================================== */
body.dark-mode ::-webkit-scrollbar-thumb {
    background: #404040;
}

body.dark-mode ::-webkit-scrollbar-track {
    background: #181818;
}