body, .wsc-trading-wrapper {
    background: #181a20;
    color: #eee;
    font-family: 'Roboto', 'Segoe UI', Arial, sans-serif;
}

/* Make ALL admin page headings white (including submenus) */
.wrap.wsc-admin-section h1,
.wrap.wsc-admin-section h2,
.wrap.wsc-admin-section h3,
.wrap.wsc-admin-section label,
.wrap.wsc-admin-section th,
.wrap > h2 {
    color: #fff !important;
}

/* Section Headings and Subheadings */
#wsc-analytics-charts h2,
#wsc-signals-list h2,
#wsc-analytics-charts h3,
#wsc-signals-list h3,
#wsc-wallet h2, 
#wsc-wallet h3,
#wsc-trading-page h2,
#wsc-trading-page h3 {
    color: #fff !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px;
    text-shadow: 0 1px 2px #111a;
}
#wsc-analytics-charts,
#wsc-signals-list {
    color: #eee;
}
#wsc-analytics-charts,
#wsc-analytics-charts-admin {
    font-size: 1.13em;
    font-weight: 700;
    letter-spacing: 0.01em;
}
#wsc-analytics-charts b, #wsc-analytics-charts-admin b {
    color: #fff;
    font-weight: 900;
}

/* Highlight the stats line */
#wsc-analytics-charts div, #wsc-analytics-charts-admin div {
    font-size: 1.14em;
    font-weight: 700;
    letter-spacing: 0.01em;
    margin-bottom: 1em;
}

/* For Balance */
#wsc-balance-label {
    color: #fff !important;
    font-weight: 700;
    font-size: 1.14em;
    letter-spacing: 0.01em;
}

.wsc-amount {
    color: #13b28a !important;
    font-weight: 900;
    font-size: 1.18em;
    margin-left: 0.25em;
    letter-spacing: 0.01em;
    text-shadow: 0 1px 2px #182;
}

#wsc-balance {
    color: #13b28a !important;
    font-weight: 900;
    font-size: 1.18em;
    margin-left: 0.25em;
    letter-spacing: 0.01em;
    text-shadow: 0 1px 2px #182;
}

/* Section titles (Trading Signals, Your Trading Analytics, etc) */
#wsc-trading-page h2,
#wsc-signals-list h2,
#wsc-analytics-charts h2 {
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 1.35em;
    margin-top: 1.2em;
    margin-bottom: 0.6em;
    letter-spacing: -0.3px;
    text-shadow: 0 1px 2px #111a;
}

.wsc-card, #wsc-wallet, #wsc-trading-page {
    border-radius: 12px;
    box-shadow: 0 2px 24px #12131950;
    background: #23262f;
    margin-bottom: 2em;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 2em 1.5em 1.5em 1.5em;
    border: 1px solid #23262f;
}

#wsc-trade-history {
    background: #23262f;
    padding: 1.2em;
    border-radius: 10px;
    box-shadow: 0 2px 12px #12131922;
    max-width: 1100px;
    margin: 2em auto 2em auto;
    border: 1px solid #1a1b1e;
}

/* === Responsive Table Scroll Wrapper === */
.wsc-table-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.wsc-table-scroll table {
    width: 100%;
    min-width: 600px; /* or whatever min-width fits your columns */
    border-collapse: collapse;
    font-size: 1em;
    background: none;
    box-shadow: none;
}
.wsc-table-scroll th, .wsc-table-scroll td {
    padding: 0.7em 0.4em;
    border-bottom: 1px solid #23262f;
    text-align: center;
    font-size: 1em;
}
.wsc-table-scroll th {
    background: #1a1b1e;
    color: #25c26e;
    font-weight: 700;
    font-size: 1em;
    border-bottom: 2px solid #25c26e44;
}
.wsc-table-scroll tbody tr {
    background: #23262f;
    transition: background 0.15s;
}
.wsc-table-scroll tr.active { background: #222a20; color: #25c26e; }
.wsc-table-scroll tr.cancelled { background: #232635; color: #7a7a7a; }
tr.wsc-trade-new { background: #ffe7b6 !important; color: #23262f !important; font-weight: bold; border-left: 5px solid #ffa200; }

.wsc-profit { color: #25c26e; font-weight: 700; }
.wsc-loss { color: #ff4f4f; font-weight: 700; }

.wsc-large-card {
    max-width: 600px;
}

#wsc-wallet h3, #wsc-trading-page h3, #wsc-trade-history h3, #wsc-trading-form-section h2 {
    color: #25c26e;
    margin-bottom: 1.1em;
    font-weight: 700;
}
#wsc-signalx, #wsc-analytix {
    color: #25c26e;
    margin-bottom: 1.1em;
    font-weight: 700;
}

.wsc-header-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #1a1b1e;
    color: #25c26e;
    padding: 1.2em 1.5em;
    border-radius: 8px 8px 0 0;
    margin-bottom: 1.2em;
    font-size: 1.2em;
    font-weight: 600;
}

.wsc-current-price {
    font-size: 1.08em;
    font-weight: 600;
    background: #252a2f;
    color: #fff;
    padding: 0.5em 1.2em;
    border-radius: 4px;
    box-shadow: 0 2px 8px #25c26e25;
}

/* ---- ADVANCED TRADING FORM ---- */
#wsc-trading-form-section {
    background: #1a1b1e;
    border-radius: 12px;
    box-shadow: 0 2px 18px #25c26e11;
    padding: 2em 1.5em 1.5em 1.5em;
    margin-bottom: 2em;
}

#wsc-trading-form {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2em 1em;
    margin-bottom: 1.5em;
    background: #181a20;
    border-radius: 10px;
    padding: 1.5em 1.2em 1.2em 1.2em;
    box-shadow: 0 1px 6px #12131922;
    align-items: flex-end;
}
#wsc-trading-form input,
#wsc-trading-form select {
    padding: 0.85em 1.2em;
    border-radius: 7px;
    border: none;
    font-size: 1.12em;
    background: #23262f;
    color: #fff;
    outline: none;
    margin-right: 0.7em;
    min-width: 120px;
    transition: border 0.2s, background 0.2s;
    box-shadow: 0 1px 4px #12131922;
}
#wsc-trading-form input:focus,
#wsc-trading-form select:focus {
    border: 1.5px solid #25c26e;
    background: #252a2f;
}
#wsc-trading-form input[type="number"]::-webkit-inner-spin-button,
#wsc-trading-form input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#wsc-trading-form label {
    display: flex;
    flex-direction: column;
    font-size: 1em;
    color: #b5eecd;
    margin-bottom: 0.2em;
    font-weight: 500;
    margin-right: 1em;
}
#wsc-trading-form select {
    min-width: 110px;
}
#wsc-trading-form button {
    background: linear-gradient(90deg, #25c26e 0%, #13b28a 100%);
    color: #fff;
    border: none;
    cursor: pointer;
    font-weight: 600;
    border-radius: 7px;
    box-shadow: 0 2px 8px #25c26e33;
    padding: 0.85em 2.1em;
    font-size: 1.13em;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    margin-top: 0.3em;
}
#wsc-trading-form button:hover {
    background: linear-gradient(90deg, #13b28a 0%, #25c26e 100%);
    color: #222;
}
#wsc-trade-msg {
    padding: 0.9em 1.2em;
    border-radius: 6px;
    background: #181a20;
    color: #25c26e;
    margin: 1.1em 0 0.6em 0;
    font-weight: 600;
    text-align: center;
    border: 1px solid #25c26e33;
}

/* Responsive Trading Form & Table */
@media (max-width: 800px) {
    #wsc-trading-form {
        flex-direction: column;
        gap: 1em;
        align-items: stretch;
    }
    #wsc-trading-form input,
    #wsc-trading-form select {
        width: 100%;
        min-width: 0;
        font-size: 1.08em;
    }
    #wsc-trading-form button {
        width: 100%;
        margin: 0.7em 0 0 0;
    }
    #wsc-trading-form label {
        margin-right: 0;
    }
    .wsc-card, #wsc-wallet, #wsc-trading-page, #wsc-trade-history, .wsc-large-card {
        max-width: 99vw;
        padding: 1.2em 0.6em 1em 0.6em;
    }
    .wsc-table-scroll table th, .wsc-table-scroll table td { font-size: 0.97em; padding: 0.45em 0.2em; }
}
@media (max-width: 600px) {
    .wsc-header-bar { flex-direction: column; gap: 0.7em; }
    #wsc-trading-form { padding: 1em 0.5em; }
    .wsc-table-scroll table th, .wsc-table-scroll table td { font-size: 0.97em; padding: 0.45em 0.15em; }
    #wsc-trading-form input, #wsc-trading-form select { font-size: 0.98em; }
}

#wsc-price-chart {
    background: #181f2a;
    border-radius: 18px;
    box-shadow: 0 4px 28px rgba(37,194,110,0.15);
    padding: 16px;
    max-width: 100%;
    margin-bottom: 1em;
}
#wsc-current-price {
    font-family: 'JetBrains Mono', 'Fira Mono', monospace;
    color: #25c26e;
    font-size: 2em;
    letter-spacing: 0.04em;
    margin-left: 10px;
    background: #23262f;
    border-radius: 8px;
    padding: 0.4em 1em;
    box-shadow: 0 2px 8px #25c26e33;
    display: inline-block;
}

/* Highlight new trades in table */
.wsc-new-badge {
    display: inline-block;
    background: #ffb100;
    color: #23262f;
    font-weight: bold;
    border-radius: 7px;
    padding: 1px 8px;
    font-size: 0.85em;
    margin-left: 7px;
    vertical-align: middle;
    box-shadow: 0 1px 4px #ffb10044;
}
tr.wsc-trade-new {
    background: #fffbe7 !important;
}

/* Signals Panel */
#wsc-signals-list .wsc-signal {
    border: 1.5px solid #25c26e55;
    padding: 1.3em 1em 1em 1em;
    margin-bottom: 1.1em;
    background: #23262f;
    border-radius: 10px;
    box-shadow: 0 2px 12px #25c26e11;
    color: #fff;
}
#wsc-signals-list .wsc-signal b {
    color: #2ecc71;
    font-size: 1.12em;
}

.wsc-signal-amount {
    width: 95px;
    background: #181a20;
    color: #fff;
    border: 1.5px solid #25c26e55;
    border-radius: 6px;
    padding: 5px 8px;
    margin: 0 0.6em 0 1em;
}

.wsc-act-on-signal {
    background: linear-gradient(90deg, #f39c12 0%, #ffb100 100%);
    color: #23262f;
    border: none;
    padding: 6px 18px;
    border-radius: 6px;
    font-weight: 700;
    margin-left: 0.7em;
    font-size: 1.05em;
    cursor: pointer;
    box-shadow: 0 1px 6px #ffb10033;
    transition: background 0.2s, color 0.2s;
}
.wsc-act-on-signal:hover {
    background: linear-gradient(90deg, #ffb100 0%, #f39c12 100%);
    color: #fff;
}

/* Analytics charts (Chart.js) */
#wsc-analytics-charts canvas,
#wsc-analytics-charts-admin canvas {
    margin: 1em 0;
    background: #181a20;
    border-radius: 9px;
    box-shadow: 0 2px 10px rgba(37,194,110,0.08);
    border: 1.5px solid #23262f;
}

/* Admin table style overrides */
.wrap table.widefat th,
.wrap table.widefat td {
    text-align: center;
    font-size: 0.97em;
}
.wrap table.widefat th {
    background: #23262f;
    color: #25c26e;
}

#wsc-trading-form,
#wsc-trade-history-table,
#wsc-signals-list,
#wsc-analytics-charts,
#wsc-candlestick-chart {
    margin: 1.5em 0;
}
#wsc-daily-reserve-btn {
    background: linear-gradient(90deg, #25c26e 0%, #13b28a 100%);
    color: #fff;
    border: none;
    outline: none;
    padding: 0.95em 2.2em;
    border-radius: 8px;
    font-size: 1.14em;
    font-weight: 700;
    box-shadow: 0 2px 12px #25c26e33;
    cursor: pointer;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s, transform 0.1s;
    margin: 1em 0;
    letter-spacing: 0.01em;
    text-shadow: 0 1px 2px #1a2;
    display: inline-block;
}

#wsc-daily-reserve-btn:hover, 
#wsc-daily-reserve-btn:focus {
    background: linear-gradient(90deg, #13b28a 0%, #25c26e 100%);
    color: #23262f;
    box-shadow: 0 4px 18px #25c26e55;
    transform: translateY(-2px) scale(1.045);
}
#wsc-daily-reserve-msg {
    font-weight: 600;
    font-size: 1.02em;
    vertical-align: middle;
    margin-left: 0.8em;
}