/* White theme styles overriding dark charts.css */

/* separators */
.top-bar{border-bottom:1px solid #e4e7eb;}
.sidebar{border-right:1px solid #e4e7eb;}

/* Layout backgrounds */
.sidebar{background-color:#f7f7f7!important;}
.category-container{background-color:#f8f9fa!important;border:1px solid #dee2e6!important;}
.search-bar{background-color:#ffffff!important;border:1px solid #ced4da!important;color:#000!important;}

/* Price colors handled dynamically by JS */

/* search placeholder */
.search-bar::placeholder{color:#666!important;}

/* Market table */
.market-data-table th{background-color:#f2f2f2!important;color:#000!important;}
.market-data-table tbody tr:hover{background-color:#f9f9f9!important;}
/* horizontal separators */
.market-data-table tbody td{border-bottom:1px solid #e4e7eb!important;}/* ensure full-width lines */
/* column separator */

/* order tabs buttons */
.order-tabs button{background:#f2f2f2;border:1px solid #ccc;color:#000;padding:5px 10px 5px 10px;border-radius:4px;font-weight:bold;font-size:10px;}
.order-tabs button:hover{background:#e6e6e6;}
.order-tabs button.active{background:#0d6efd;color:#fff;border-color:#0d6efd;}

/* bottom panel */
.bottom-panel{background:#ffffff!important;color:#000!important;}
.bottom-panel th{color:#000!important;border-bottom:1px solid #e4e7eb!important;}
.bottom-panel td{color:#000;border-bottom:1px solid #e4e7eb;}

/* zebra striping */
.market-data-table tbody tr:nth-child(even){background-color:#fafafa!important;}


body,
.trading-container,
.sidebar,
.top-bar,
.category-container,
.search-bar,
#buy-sell-data,
.bottom-panel,
.order-tabs,
.order-tabs button,
.left-buttons button,
.category-btn,
.market-data-table th,
.market-data-table td {
  background-color: #ffffff !important;
  color: #000000 !important;
}


/* Styles for Refer & Earn and Copy Trading buttons in light theme */
.left-buttons button[data-action="referral"],
.left-buttons button[data-action="copytrading"] {
    background-color: #f2f2f2 !important;
    color: #000000 !important;
    border: 1px solid #ccc !important;
    font-weight: bold !important;
}

.left-buttons button[data-action="referral"]:hover,
.left-buttons button[data-action="copytrading"]:hover {
    background-color: #e6e6e6 !important;
}

.left-buttons button[data-action="referral"].top-bar-active,
.left-buttons button[data-action="copytrading"].top-bar-active {
    background-color: #0d6efd !important;
    color: #ffffff !important;
    border-color: #0d6efd !important;
}


/* buttons and interactive */
.left-buttons button,
.category-btn {
  border: 1px solid #ccc !important;
  background: #f2f2f2 !important;
  color: #000 !important;
  font-weight: bold !important;
}
.left-buttons button:hover,
.category-btn:hover {
  background-color: #e6e6e6 !important;
}
.category-btn.active {
  background-color: #0d6efd !important;
  color: #000 !important;
  border: 1px solid #0d6efd !important;
}

.left-buttons button.top-bar-active,
.category-btn.active {
  background-color: #0d6efd !important;
  color: #000 !important;
}

/* profile side panel */
#userProfilePanel .profile-section label{color:#555!important;font-weight:500;}
#userProfilePanel .profile-section span{color:#222!important;}
#userProfilePanel{background:#ffffff!important;color:#000!important;}
#userProfilePanel .profile-section{background:#fafafa!important;border:1px solid #dcdcdc;padding:16px;border-radius:6px;color:#333;}
#userProfilePanel h1,#userProfilePanel h2,#userProfilePanel h3,#userProfilePanel h4,.profile-header-name{color:#000!important;font-weight:600;}
#userProfilePanel .live-badge{background:#e6f4ea!important;color:#198754!important;}
#userProfilePanel .close-btn{color:#000;font-size:20px;}

/* account dropdown */
.account-dropdown{background:#ffffff!important;color:#000!important;border:1px solid #ccc!important;font-weight:bold!important;}
.account-dropdown option{background:#ffffff;color:#000;}

/* live status */
.live-status {
  border: 1px solid #28a745 !important;
  background: #e7ffe5 !important;
  color: #28a745 !important;
}

.status-dot {
  background: #28a745 !important;
}

/* user icons */
.user-icon,
.logout-icon {
  background: #f0f0f0 !important;
  border: 1px solid #000 !important;
  color: #000 !important;
}

.user-tooltip {
  color: #ffffff !important; /* maintain dark tooltip */
  background: rgba(0,0,0,0.8) !important;
}

/* order tabs */
.order-tabs button.active,
.order-tabs button:hover {
  background-color: #f2f2f2 !important;
}

/* wallet */
#walletContainer{background:#ffffff!important;color:#000;}
#walletContainer table{width:100%;border-collapse:collapse;}
#walletContainer th{background:#f2f2f2;color:#000;border-bottom:1px solid #e4e7eb;padding:8px;text-align:left;}
#walletContainer td{border-bottom:1px solid #e4e7eb;padding:8px;color:#000;}
#walletContainer tr:hover{background:#f9f9f9;}

/* margin bar */
#marginBar{background:#ffffff!important;color:#000;border-top:1px solid #e4e7eb;}
#marginBar .margin-info h4,#marginBar .profit-info h4{color:#000;font-weight:bold;}
#marginBar .signal-box{display:inline-flex;align-items:center;padding:3px 6px;border-radius:4px;background:#f2f2f2;margin-left:6px;}
/* tone down green */
#marginBar .profit-info [style*="#36B34B"],
.bottom-panel td[style*="#36B34B"],
.order-tabs button[style*="#36B34B"]{
  color:#28a745 !important;
}

/* active button override */
.left-buttons button.top-bar-active,
.category-btn.active {
  background:#f2f2f2 !important;
  color:#000 !important;
  border:1px solid #0d6efd !important;
}

/* bottom resize bar */
.bottom-drag-handle{height:4px;background:#ccc!important;cursor:ns-resize;}

/* resize handle */
.resize-handle {
  background: rgba(0,0,0,0.1) !important;
}