/* User pages only. Loaded from the user header, login, register, and distributor. */

:root {
  --bn-bg: #0b0e11;
  --bn-header: #181a20;
  --bn-card: #1e2329;
  --bn-line: #2b3139;
  --bn-text: #eaecef;
  --bn-muted: #848e9c;
  --bn-yellow: #fcd535;
  --bn-yellow-2: #f0b90b;
  --bn-green: #0ecb81;
  --bn-red: #f6465d;
}

html {
  color-scheme: dark;
}

html,
body,
body.index-theme,
body.trade-page,
body.funds-page,
body.history-page,
body.messages-page,
body.question-page,
body.notice-page,
body.auth-page,
body.kis-page,
body.mypage-body {
  background: var(--bn-bg) !important;
  color: var(--bn-text) !important;
}

body.trade-page::after,
body.auth-page::before,
body.auth-page::after {
  display: none !important;
}

footer {
  background: var(--bn-header) !important;
  color: var(--bn-muted) !important;
  border-top: 1px solid var(--bn-line) !important;
  box-shadow: none !important;
}

.section-box,
.chart-panel,
.order-panel,
.data-panel,
.funds-panel,
.funds-guide,
.funds-table-panel,
.mypage-card,
.mypage-modal-dialog,
.auth-card,
.auth-brand-panel,
.question-hero-panel,
.question-detail-panel,
.question-modal-panel,
.notice-hero-panel,
.notice-detail-panel,
.notice-modal-panel,
.message-hero-panel,
.message-modal-panel,
.kis-panel,
.market-chart-panel,
.market-summary,
.info-card,
.step-card,
.trust-grid div,
.cta-card,
.container {
  background: var(--bn-card) !important;
  border: 1px solid var(--bn-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  color: var(--bn-text);
}

body.index-theme .market-overview {
  background: var(--bn-bg) !important;
  color: var(--bn-text) !important;
}

body.index-theme .market-chart-head h2,
body.index-theme .info-card h3,
body.index-theme .info-card p,
body.index-theme .trust-grid strong,
body.index-theme .trust-grid span,
body.index-theme .cta-card,
body.index-theme .cta-card p,
body.index-theme .step-card,
body.index-theme .step-card p,
.market-name,
.market-price {
  color: var(--bn-text) !important;
}

.panel-kicker,
.funds-kicker,
.history-kicker,
.mypage-kicker,
.market-kicker,
.question-panel-label,
.notice-panel-label,
.message-panel-label,
.kis-kicker,
.card-kicker {
  color: var(--bn-yellow-2) !important;
}

.trade-tab,
.panel-symbol,
.trade-tab-code {
  border-radius: 4px !important;
  border-color: var(--bn-line) !important;
  background: transparent !important;
  color: var(--bn-muted) !important;
  box-shadow: none !important;
}

.trade-tab.active,
.trade-tab:hover,
.market-row:hover,
.market-row.is-active {
  background: #2b3139 !important;
  border-color: var(--bn-yellow) !important;
  color: var(--bn-yellow) !important;
  transform: none !important;
}

.primary,
.auth-action,
.funds-primary,
.btn-binance.primary,
.mypage-edit-btn,
.mypage-primary-btn,
.question-primary-btn,
#showQFormBtn,
#closeDetailBtn,
.message-refresh-btn,
.invite-section button,
#loadMembersBtn {
  background: var(--bn-yellow) !important;
  color: #181a20 !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.primary:hover,
.auth-action:hover,
.funds-primary:hover,
.mypage-edit-btn:hover,
.mypage-primary-btn:hover,
.question-primary-btn:hover,
#showQFormBtn:hover,
#closeDetailBtn:hover,
.message-refresh-btn:hover {
  background: var(--bn-yellow-2) !important;
  color: #181a20 !important;
}

.ghost,
.funds-secondary,
.btn-binance,
.auth-link-button,
.mypage-secondary-btn,
.question-secondary-btn,
.message-secondary-btn {
  background: transparent !important;
  color: var(--bn-text) !important;
  border: 1px solid #474d57 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.btn-long {
  background: var(--bn-green) !important;
  border-color: var(--bn-green) !important;
  color: #fff !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.btn-short {
  background: var(--bn-red) !important;
  border-color: var(--bn-red) !important;
  color: #fff !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.btn-max {
  background: #2b3139 !important;
  border: 1px solid #474d57 !important;
  color: var(--bn-text) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.chart-box,
#tv_chart_container-pc,
#tv_chart_container-mobile,
.quote-card,
.market-chart-box {
  background: #0b0e11 !important;
  border-color: var(--bn-line) !important;
  border-radius: 4px !important;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="search"],
select,
textarea,
.auth-field,
.funds-form input,
.funds-form select,
.binance-select {
  background: #0b0e11 !important;
  color: var(--bn-text) !important;
  border: 1px solid #474d57 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus,
.auth-field:focus {
  border-color: var(--bn-yellow) !important;
  outline: none !important;
}

table {
  color: var(--bn-text);
}

table th {
  background: #181a20 !important;
  color: var(--bn-muted) !important;
  border-color: var(--bn-line) !important;
}

table td {
  border-color: var(--bn-line) !important;
  background: transparent;
}

table tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.02) !important;
}

.up,
.positive,
.long,
.realized,
.market-change.up {
  color: var(--bn-green) !important;
}

.down,
.negative,
.short,
.disqualified,
.market-change.down {
  color: var(--bn-red) !important;
}

.market-live-badge {
  background: rgba(14, 203, 129, 0.12) !important;
  color: var(--bn-green) !important;
  border-radius: 4px !important;
}

.floating-tag,
.store,
.phone {
  background: var(--bn-card) !important;
  color: var(--bn-text) !important;
  border: 1px solid var(--bn-line) !important;
  box-shadow: none !important;
}

.view-trades {
  background: var(--bn-green) !important;
}

#closeTradesBtn {
  background: var(--bn-red) !important;
}