/* ============================================================
   BIATRADERS FINAL DARK-GOLD TRADING CONTROL CENTRE
   ============================================================ */

:root {
    --navy-0: #020d16;
    --navy-1: #031724;
    --navy-2: #062638;
    --navy-3: #0a3146;
    --panel: #061d2b;
    --panel-2: #082536;
    --gold: #e9b64f;
    --gold-light: #ffd979;
    --gold-dark: #a97825;
    --green: #00d084;
    --green-2: #13bc75;
    --red: #ff3150;
    --blue: #168bff;
    --text: #edf5fa;
    --muted: #6e8ba1;
    --line: rgba(224,177,74,.34);
    --line-blue: rgba(58,135,177,.30);
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    background: var(--navy-0);
    color: var(--text);
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

body {
    overflow-x: hidden;
}

a {
    color: inherit;
}

.terminal-shell {
    min-height: 100vh;
    background:
        radial-gradient(circle at 65% 18%, rgba(14,72,96,.15), transparent 35%),
        linear-gradient(180deg, #031521 0%, #02111b 100%);
}

/* ============================================================
   HEADER
   ============================================================ */

.terminal-header {
    height: 76px;
    min-height: 76px;
    position: relative;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 7px 12px 7px 8px;
    overflow: hidden;
    border-bottom: 1px solid var(--gold-dark);
    background:
        linear-gradient(105deg, #041521 0%, #062638 58%, #03131f 100%);
}

.header-wave {
    position: absolute;
    left: -25px;
    top: -42px;
    width: 620px;
    height: 115px;
    z-index: 0;
    opacity: .92;
    background:
        linear-gradient(
            108deg,
            rgba(255,220,132,.86) 0%,
            rgba(230,175,64,.68) 21%,
            rgba(161,112,32,.43) 43%,
            rgba(74,60,33,.17) 66%,
            transparent 82%
        );
    clip-path: polygon(
        0 0, 100% 0, 92% 13%, 82% 26%,
        70% 38%, 58% 46%, 45% 50%,
        32% 48%, 20% 40%, 10% 27%, 3% 13%
    );
    pointer-events: none;
}

.header-wave::after {
    content: "";
    position: absolute;
    left: 45px;
    top: 53px;
    width: 540px;
    height: 38px;
    border-radius: 50%;
    background: rgba(239,185,65,.25);
    filter: blur(8px);
    transform: rotate(-4deg);
}

.brand-area {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    min-width: 0;
    height: 100%;
}

.biatrader-logo {
    display: block;
    width: 190px;
    height: 62px;
    object-fit: contain;
    object-position: left center;
    flex: 0 0 190px;
}

.header-divider {
    width: 1px;
    height: 43px;
    margin: 0 14px;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(231,183,79,.75),
        transparent
    );
}

.control-title {
    min-width: 280px;
    white-space: nowrap;
}

.control-title-main {
    color: var(--gold-light);
    font-size: 19px;
    font-weight: 900;
    letter-spacing: .4px;
    line-height: 1;
    text-shadow: 0 2px 5px rgba(0,0,0,.55);
}

.control-title-sub {
    margin-top: 5px;
    color: #9ab1c1;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 1px;
}

.header-actions {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
}

.market-clock {
    width: 106px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(229,180,71,.46);
    border-radius: 8px;
    background: rgba(4,25,38,.80);
    color: var(--gold-light);
    font: 700 11px Consolas, monospace;
}

.header-status-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 7px rgba(255,255,255,.55);
}

.client-chip {
    width: 96px;
    min-width: 96px;
    height: 43px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(229,180,71,.40);
    border-radius: 8px;
    background: rgba(4,25,38,.78);
}

.client-label {
    color: var(--gold-light);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;
}

.client-chip strong {
    color: #f5f8fb;
    font-size: 15px;
    line-height: 1.05;
}

.logout-button {
    height: 40px;
    min-width: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    text-decoration: none;
    background: linear-gradient(180deg, #ffd878, #e5a83d);
    border: 1px solid #f6cd72;
    color: #061722;
    font-size: 12px;
    font-weight: 900;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
}

/* ============================================================
   MAIN LAYOUT / SIDEBAR
   ============================================================ */

.terminal-layout {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    min-height: calc(100vh - 76px);
}

.terminal-sidebar {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 12px 8px;
    background:
        linear-gradient(180deg, #031b2a, #02121d);
    border-right: 1px solid rgba(219,171,65,.36);
}

.terminal-nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.nav-item {
    min-height: 39px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #d9e7ef;
    text-decoration: none;
    font-size: 12px;
    font-weight: 650;
}

.nav-icon {
    width: 18px;
    text-align: center;
    color: var(--gold-light);
    font-size: 14px;
}

.nav-item:hover {
    background: rgba(232,180,71,.08);
    border-color: rgba(232,180,71,.20);
}

.nav-item.active {
    color: #061722;
    background: linear-gradient(180deg, #f2bd59, #c88329);
    border-color: #ffd67b;
    box-shadow: 0 4px 12px rgba(211,150,44,.22);
}

.nav-item.active .nav-icon {
    color: #061722;
}

.sidebar-session {
    margin-top: auto;
    padding: 11px 7px 8px;
    border: 1px solid rgba(222,173,65,.30);
    border-radius: 9px;
    background: rgba(5,28,42,.72);
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.session-icon {
    color: var(--green);
    font-size: 19px;
}

.session-title {
    color: var(--gold-light);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .6px;
}

.session-status {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 4px;
    color: var(--green);
    font-size: 9px;
    font-weight: 800;
}

.session-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f4aa38;
}

.session-dot.connected {
    background: var(--green);
    box-shadow: 0 0 7px rgba(0,208,132,.7);
}

.session-subtitle {
    margin-top: 4px;
    color: #7893a4;
    font-size: 7px;
}

/* ============================================================
   MAIN
   ============================================================ */

.terminal-main {
    min-width: 0;
    padding: 11px;
    background:
        radial-gradient(circle at 45% 0%, rgba(12,65,85,.16), transparent 32%),
        #021521;
    overflow: hidden;
}

.dashboard-heading {
    height: 47px;
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}

.dashboard-heading h1 {
    margin: 0;
    color: var(--gold-light);
    font-size: 21px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .3px;
}

.dashboard-heading p {
    margin: 5px 0 0;
    color: #7893a5;
    font-size: 8px;
    font-weight: 600;
}

.dashboard-heading p span {
    color: var(--gold);
}

/* ============================================================
   PANELS / KPI
   ============================================================ */

.panel,
.kpi-card {
    background:
        linear-gradient(145deg, rgba(7,34,49,.98), rgba(4,25,38,.98));
    border: 1px solid rgba(221,174,70,.42);
    border-radius: 7px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 4px 14px rgba(0,0,0,.18);
}

.kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 8px;
}

.kpi-card {
    height: 76px;
    min-width: 0;
    display: flex;
    align-items: center;
    padding: 10px 11px;
    overflow: hidden;
}

.kpi-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(226,177,70,.38);
    border-radius: 9px;
    background: rgba(230,181,72,.08);
    color: var(--gold-light);
    font-size: 22px;
    margin-right: 9px;
}

.kpi-icon.blue {
    color: #23a0ff;
}

.kpi-icon.amber {
    color: #ffad3d;
}

.kpi-content {
    min-width: 0;
}

.kpi-label {
    display: block;
    color: #dce8ee;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .45px;
}

.kpi-content strong {
    display: block;
    margin-top: 4px;
    color: #f0f5f7;
    font-size: 19px;
    line-height: 1;
    white-space: nowrap;
}

.kpi-note {
    display: block;
    margin-top: 4px;
    color: #6d8a9e;
    font-size: 8px;
}

.profit {
    color: var(--green) !important;
}

.loss {
    color: var(--red) !important;
}

.kpi-bars {
    height: 41px;
    margin-left: auto;
    display: flex;
    align-items: flex-end;
    gap: 3px;
}

.kpi-bars i {
    display: block;
    width: 5px;
    border-radius: 3px 3px 0 0;
    background: var(--green);
}

.kpi-bars i:nth-child(1) { height: 11px; }
.kpi-bars i:nth-child(2) { height: 19px; }
.kpi-bars i:nth-child(3) { height: 27px; }
.kpi-bars i:nth-child(4) { height: 34px; }
.kpi-bars i:nth-child(5) { height: 41px; }

.kpi-bars.amber i {
    background: #ff9f32;
}

.kpi-diagonal {
    width: 63px;
    height: 2px;
    margin-left: auto;
    transform: rotate(-17deg);
    background: var(--green);
}

.kpi-diagonal.blue {
    background: var(--blue);
}

/* ============================================================
   SECTION HEADERS
   ============================================================ */

.panel-title-row {
    min-height: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.panel-title-row h2 {
    margin: 0;
    color: var(--gold-light);
    font-size: 13px;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: .2px;
}

.title-icon {
    color: var(--blue);
    margin-right: 5px;
}

.panel-title-row small {
    color: #6d899c;
    font-size: 8px;
}

.panel-title-row > span {
    color: #6c8799;
    font-size: 9px;
}

/* ============================================================
   MARKET
   ============================================================ */

.market-panel {
    margin-top: 8px;
    padding: 9px;
}

.market-control {
    display: flex;
    align-items: center;
    gap: 7px;
}

.small-label {
    color: #668296;
    font-size: 8px;
    font-weight: 800;
}

.btn {
    height: 29px;
    border: 0;
    border-radius: 5px;
    padding: 0 11px;
    font-size: 9px;
    font-weight: 900;
    cursor: pointer;
}

.btn-start {
    color: #021b14;
    background: #00d084;
}

.btn-stop {
    color: white;
    background: #f3294b;
}

.market-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr)) minmax(190px,1.15fr);
    gap: 7px;
}

.exchange-card {
    min-height: 57px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 9px;
    border: 1px solid rgba(65,132,163,.38);
    border-radius: 6px;
    background: rgba(4,31,45,.82);
}

.status-dot {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
    background: var(--green);
}

.status-dot.neutral {
    background: #9fb0bb;
}

.exchange-card > div:nth-child(2) {
    display: flex;
    flex-direction: column;
}

.exchange-card strong {
    color: #edf5f8;
    font-size: 13px;
}

.exchange-card span:not(.status-dot) {
    margin-top: 2px;
    color: var(--green);
    font-size: 8px;
}

.exchange-spark {
    margin-left: auto;
    color: #00c985;
    font-size: 16px;
    letter-spacing: 1px;
}

.market-meta {
    display: grid;
    align-content: center;
    gap: 5px;
    padding-left: 9px;
    border-left: 1px solid rgba(68,125,150,.28);
}

.market-meta div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: #69869a;
    font-size: 8px;
}

.market-meta strong {
    color: var(--green);
}

.market-message {
    margin: 5px 2px 0;
    color: #668295;
    font-size: 8px;
}

/* ============================================================
   MIDDLE ROW
   ============================================================ */

.middle-grid {
    display: grid;
    grid-template-columns: minmax(0,1.45fr) minmax(260px,.95fr);
    gap: 8px;
    margin-top: 8px;
}

.chart-panel,
.strategy-performance {
    min-width: 0;
    height: 239px;
    padding: 9px;
}

.chart-wrap {
    height: 192px;
    position: relative;
    padding-left: 34px;
    padding-bottom: 20px;
}

#pnl-chart {
    width: 100%;
    height: 100%;
    display: block;
}

.grid-lines line {
    stroke: rgba(110,153,175,.23);
    stroke-width: 1;
}

.zero-line {
    stroke: rgba(225,174,67,.65);
    stroke-width: 1;
    stroke-dasharray: 5 5;
}

.chart-line {
    fill: none;
    stroke: #00d084;
    stroke-width: 3;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.chart-area {
    fill: url(#pnlFill);
}

.chart-ylabels {
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 19px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #58788d;
    font: 7px Consolas, monospace;
}

.chart-xlabels {
    position: absolute;
    left: 35px;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    color: #58788d;
    font: 7px Consolas, monospace;
}

.chart-empty {
    position: absolute;
    inset: 20px 0 20px 34px;
    display: none;
    place-items: center;
    color: #527184;
    text-align: center;
    font-size: 9px;
}

.strategy-bars {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.strategy-demo-row,
.strategy-row {
    min-height: 31px;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid rgba(81,125,148,.18);
    color: #dbe7ec;
    font-size: 9px;
}

.strategy-demo-row b {
    font-size: 9px;
}

.strategy-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ============================================================
   TABLES
   ============================================================ */

.table-panel {
    margin-top: 8px;
    padding: 9px;
    min-width: 0;
}

.table-scroll {
    width: 100%;
    overflow-x: auto;
}

.terminal-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    color: #dce7ed;
    font-size: 8px;
}

.terminal-table th {
    padding: 7px 7px;
    text-align: left;
    color: #0a3156;
    background: #eaf1f6;
    border-right: 1px solid #cbd8e0;
    font-weight: 900;
    white-space: nowrap;
}

.terminal-table td {
    padding: 7px;
    border-bottom: 1px solid rgba(65,120,146,.18);
    white-space: nowrap;
}

.terminal-table tbody tr:hover {
    background: rgba(18,83,111,.18);
}

.compact {
    min-width: 620px;
}

.empty-row {
    height: 42px;
    color: #547387 !important;
    text-align: center !important;
}

.mode-badge,
.status-badge,
.position-badge,
.live-badge {
    display: inline-block;
    padding: 3px 6px;
    border-radius: 3px;
    font-size: 7px;
    font-weight: 900;
}

.mode-badge {
    color: #53aaff;
    background: rgba(22,139,255,.10);
    border: 1px solid rgba(22,139,255,.35);
}

.mode-badge.live {
    color: var(--gold-light);
}

.status-badge.running {
    color: var(--green);
    background: rgba(0,208,132,.10);
}

.status-badge.stopped {
    color: #8299a8;
    background: rgba(130,153,168,.10);
}

.position-badge.long {
    color: var(--green);
}

.position-badge.short {
    color: var(--red);
}

.position-badge.flat {
    color: #8ca0ad;
}

.live-badge {
    color: var(--green);
    background: rgba(0,208,132,.08);
    border: 1px solid rgba(0,208,132,.22);
}

/* ============================================================
   BOTTOM
   ============================================================ */

.bottom-grid {
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);
    gap: 8px;
    margin-top: 8px;
}

.bottom-panel {
    margin-top: 0;
    min-width: 0;
    height: 158px;
}

.events-panel {
    padding: 9px;
}

.event-list {
    overflow: hidden;
}

.event-row {
    min-height: 28px;
    display: grid;
    grid-template-columns: 8px minmax(0,1fr) auto;
    align-items: center;
    gap: 6px;
    color: #a7bdc9;
    font-size: 8px;
    border-bottom: 1px solid rgba(81,125,148,.16);
}

.event-row time {
    color: #58798c;
    font-size: 7px;
}

.event-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.event-dot.green {
    background: var(--green);
}

.event-dot.blue {
    background: var(--blue);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1350px) {
    .terminal-layout {
        grid-template-columns: 155px minmax(0,1fr);
    }

    .biatrader-logo {
        width: 165px;
        flex-basis: 165px;
    }

    .control-title-main {
        font-size: 16px;
    }

    .control-title {
        min-width: 220px;
    }

    .kpi-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .middle-grid {
        grid-template-columns: minmax(0,1.3fr) minmax(260px,1fr);
    }
}

@media (max-width: 1050px) {
    .terminal-layout {
        grid-template-columns: 135px minmax(0,1fr);
    }

    .nav-item {
        font-size: 10px;
        padding: 8px 7px;
    }

    .nav-item {
        gap: 6px;
    }

    .biatrader-logo {
        width: 145px;
        flex-basis: 145px;
    }

    .header-divider,
    .control-title {
        display: none;
    }

    .market-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    .market-meta {
        grid-column: 1 / -1;
        border-left: 0;
        border-top: 1px solid rgba(68,125,150,.28);
        padding: 7px 0 0;
        grid-template-columns: repeat(3,1fr);
        display: grid;
    }

    .bottom-grid {
        grid-template-columns: 1fr 1fr;
    }

    .events-panel {
        grid-column: 1 / -1;
    }
}

@media (max-width: 780px) {
    .terminal-header {
        height: auto;
        min-height: 70px;
        padding: 5px 7px;
    }

    .biatrader-logo {
        width: 135px;
        height: 56px;
        flex-basis: 135px;
    }

    .header-actions {
        gap: 4px;
    }

    .market-clock {
        width: 82px;
        min-width: 82px;
        font-size: 9px;
    }

    .client-chip {
        width: 75px;
        min-width: 75px;
    }

    .logout-button {
        min-width: 68px;
    }

    .terminal-layout {
        grid-template-columns: 1fr;
    }

    .terminal-sidebar {
        display: none;
    }

    .terminal-main {
        padding: 7px;
    }

    .kpi-grid,
    .middle-grid,
    .bottom-grid,
    .market-grid {
        grid-template-columns: 1fr;
    }

    .market-meta {
        grid-template-columns: 1fr;
    }

    .bottom-panel {
        height: auto;
        min-height: 150px;
    }
}


/* ============================================================
   2026-09-29 UI REFINEMENTS
   Keep the existing BiaTraders dark/navy/gold design.
   ============================================================ */

/* Table headers use the same gold treatment as the active Dashboard button. */
.terminal-table th {
    color: #061722;
    background: linear-gradient(180deg, #f2bd59, #c88329);
    border-right: 1px solid rgba(87, 54, 13, .35);
    border-bottom: 1px solid #ffd67b;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.32);
}

.terminal-table th:last-child {
    border-right: 0;
}

/* Compact three-market layout: leaves room for NIFTY, SENSEX and MCX Crude. */
.market-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

.exchange-card {
    min-height: 66px;
    height: 66px;
    padding: 7px 8px;
    gap: 7px;
    overflow: hidden;
}

.exchange-main {
    min-width: 105px;
    flex: 1 1 auto;
}

.exchange-title-row {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.exchange-title-row strong {
    color: #edf5f8;
    font-size: 12px;
}

.exchange-title-row span {
    margin-top: 0 !important;
    color: var(--green) !important;
    font-size: 7px !important;
    white-space: nowrap;
}

.exchange-symbol {
    margin-top: 4px;
    color: #7e9bad;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exchange-price {
    min-width: 82px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

.exchange-price strong {
    color: var(--gold-light);
    font-size: 17px;
    line-height: 1;
    font-family: Consolas, "Segoe UI", sans-serif;
    letter-spacing: .1px;
}

.exchange-price span {
    margin-top: 3px;
    color: #68869a;
    font-size: 6px;
    font-weight: 800;
    letter-spacing: .7px;
}

.exchange-sub {
    min-width: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    border-left: 1px solid rgba(68,125,150,.20);
    padding-left: 7px;
}

.exchange-sub span {
    color: #6b899d;
    font-size: 6px;
    font-weight: 800;
    letter-spacing: .5px;
}

.exchange-sub strong {
    margin-top: 2px;
    color: var(--gold-light);
    font-size: 12px;
}

.exchange-spark {
    margin-left: 2px;
    color: #00c985;
    font-size: 13px;
    letter-spacing: 0;
    white-space: nowrap;
}

.market-meta {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    padding: 6px 3px 0;
    border-left: 0;
    border-top: 1px solid rgba(68,125,150,.22);
}

.market-meta div {
    padding: 0 7px;
}

.market-meta strong {
    color: var(--gold-light);
    font-size: 10px;
}

.market-message {
    margin-top: 4px;
}

@media (max-width: 1050px) {
    .market-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .exchange-price {
        min-width: 72px;
    }

    .exchange-price strong {
        font-size: 15px;
    }
}

@media (max-width: 780px) {
    .market-grid {
        grid-template-columns: 1fr;
    }

    .market-meta {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/* ============================================================
   BIATRADERS GOLD CONTROL STANDARD
   Every dashboard tab/button uses the same navy + gold treatment.
   ============================================================ */

:root {
    --bia-gold-top: #f2bd59;
    --bia-gold-bottom: #c88329;
    --bia-gold-border: #ffd67b;
    --bia-gold-text: #061722;
}

/* All clickable dashboard buttons share the Dashboard-button treatment. */
button,
.btn,
.action-btn {
    color: var(--bia-gold-text) !important;
    background: linear-gradient(180deg, var(--bia-gold-top), var(--bia-gold-bottom)) !important;
    border: 1px solid var(--bia-gold-border) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 2px 6px rgba(0,0,0,.18);
    font-weight: 900;
}

button:hover:not(:disabled),
.btn:hover:not(:disabled),
.action-btn:hover:not(:disabled) {
    background: linear-gradient(180deg, #ffd979, #e0a13c) !important;
    border-color: #ffe39b !important;
    transform: translateY(-1px);
}

button:active:not(:disabled),
.btn:active:not(:disabled),
.action-btn:active:not(:disabled) {
    transform: translateY(0);
    box-shadow: inset 0 2px 4px rgba(0,0,0,.18);
}

button:disabled,
.btn:disabled,
.action-btn:disabled {
    color: #5d4827 !important;
    background: linear-gradient(180deg, #b89a67, #80683f) !important;
    border-color: #b69a68 !important;
    opacity: .62;
    cursor: not-allowed;
    box-shadow: none;
}

/* Start/Stop are controls, not status colours: both follow the same gold
   control language as Dashboard/Logout/active navigation. */
.btn-start,
.btn-stop,
.action-start,
.action-stop {
    color: var(--bia-gold-text) !important;
    background: linear-gradient(180deg, var(--bia-gold-top), var(--bia-gold-bottom)) !important;
}

/* Table headings also follow the same gold language. */
.terminal-table th {
    color: var(--bia-gold-text) !important;
    background: linear-gradient(180deg, var(--bia-gold-top), var(--bia-gold-bottom)) !important;
    border-color: rgba(87,54,13,.35) !important;
}

/* Compact, readable market cards. */
.market-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

.exchange-card {
    min-height: 64px;
    height: 64px;
    padding: 6px 8px;
}

.exchange-main {
    min-width: 90px;
}

.exchange-price {
    min-width: 96px;
}

.exchange-price strong {
    font-size: 18px;
    font-weight: 900;
}

.exchange-price span,
.exchange-sub span {
    font-size: 7px;
}

.exchange-sub {
    min-width: 42px;
}

.exchange-sub strong {
    font-size: 13px;
}

.exchange-spark {
    font-size: 12px;
}


/* Strategy controls added to the existing BiaTraders dashboard.
   Palette matches the existing dashboard; layout is unchanged. */
.strategy-action-cell { white-space: nowrap; }
.action-settings {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    background:var(--navy, #071d3a);
    color:#fff !important;
    border:0;
    border-radius:6px;
    padding:7px 10px;
    font-size:11px;
    font-weight:800;
    margin-left:4px;
}
.action-settings:hover { filter:brightness(.94); }