/* WARTA TRADER: monochrome brand layer, scoped to this instance. */
:root {
  color-scheme: dark;
  --brand-primary: #ffffff !important;
  --brand-accent: #e5e5e5 !important;
  --brand-bg: #000000 !important;
  --ft-gold: #ffffff !important;
  --verde: #ffffff !important;
  --verdeSaldo: #f0f0f0 !important;
  --dest: #e5e5e5 !important;
  --borda: #3a3a3a !important;
  --bg: #000000 !important;
  --bg-light: #101010 !important;
  --color1: #101010 !important;
  --color2: #181818 !important;
  --color3: #222222 !important;
  --color4: #303030 !important;
  --accent: #ffffff !important;
  --success-green: #31d47a !important;
  --warning-orange: #f5b82e !important;
  --risk-red: #ff4d4d !important;
  --admin-bg: #000000 !important;
  --admin-surface: #101010 !important;
  --admin-surface-2: #181818 !important;
  --admin-border: #333333 !important;
  --admin-green: #ffffff !important;
  --admin-green-soft: rgba(255,255,255,.12) !important;
  --admin-blue: #dddddd !important;
}
html, body { background-color: #000 !important; color: #f5f5f5 !important; }
a { color: #f0f0f0; }
/* Replace fixed brand hues still present in legacy inline styles. */
[style*="#f5b82e" i], [style*="#ffd45a" i], [style*="#d4ff00" i],
[style*="#59a2ff" i] {
  color: #fff !important;
  border-color: #888 !important;
  text-shadow: none !important;
}
[style*="background:#f5b82e" i], [style*="background: #f5b82e" i],
[style*="background:#ffd45a" i], [style*="background: #ffd45a" i],
[style*="linear-gradient(135deg, #f5b82e" i],
[style*="linear-gradient(135deg, #ffd45a" i] {
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
}
button, .btn, .button, .btn-primary, .button-primary {
  --bs-btn-bg: #fff;
  --bs-btn-color: #000;
  --bs-btn-border-color: #fff;
}
button[style*="#f5b82e" i], button[style*="#ffd45a" i],
a[style*="background:#f5b82e" i], a[style*="background: #f5b82e" i] {
  background: #fff !important;
  color: #000 !important;
}
/* Keep the page filter off so semantic colors in chart canvases remain visible. */
a, a *, button, .btn, .button, [role="button"] { color: #fff !important; }
button, .btn, .button, .btn-primary, .button-primary, input[type="submit"], [role="button"] {
  background: #fff !important;
  background-image: none !important;
  color: #000 !important;
  border-color: #fff !important;
  box-shadow: none !important;
}
input, select, textarea { color: #fff !important; border-color: #444 !important; }
input:focus, select:focus, textarea:focus { border-color: #fff !important; box-shadow: 0 0 0 2px rgba(255,255,255,.15) !important; }

/* Refined chart header, expiry control, and navigation contrast. */
#w1 .chart-asset-select {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:34px !important;
  padding:5px 9px !important;
  background:#171717 !important;
  background-image:none !important;
  border:1px solid #383838 !important;
  border-radius:7px !important;
  color:#f5f5f5 !important;
  box-shadow:0 3px 10px rgba(0,0,0,.28) !important;
}
#w1 .chart-asset-select img { width:22px !important; height:22px !important; border-radius:50% !important; object-fit:cover !important; }
#w1 .chart-asset-select strong { color:#f5f5f5 !important; font-weight:700 !important; }
#w1 .chart-asset-select iconify-icon { color:#bdbdbd !important; }
#w1 .chart-mode-picker summary { color:#c5c5c5 !important; }
#w1 .chart-asset-select:hover { background:#202020 !important; border-color:#555 !important; }

#w1 .left {
  background:#101010 !important;
  border-right:1px solid #2a2a2a !important;
}
#w1 .left_menu {
  background:transparent !important;
  background-image:none !important;
  color:#b6b6b6 !important;
  border:0 !important;
  border-radius:8px !important;
  box-shadow:none !important;
}
#w1 .left_menu p { color:inherit !important; }
#w1 .left_menu iconify-icon { color:#b6b6b6 !important; }
#w1 .left_menu:hover,
#w1 .left_menu_ativo {
  background:#222 !important;
  color:#fff !important;
}
#w1 .left_menu_ativo { box-shadow:inset 3px 0 #fff !important; }
#w1 .left_menu:hover iconify-icon,
#w1 .left_menu_ativo iconify-icon { color:#fff !important; }

#w1 .right .addlot_binary .expiration-clock {
  box-sizing:border-box !important;
  min-height:34px !important;
  padding:5px 8px !important;
  border:1px solid #3b3b3b !important;
  border-radius:6px !important;
  background:#151515 !important;
  color:#f5f5f5 !important;
}
#w1 .right .addlot_binary .expiration-clock .selects_text {
  background:transparent !important;
  color:#f5f5f5 !important;
  font-weight:600 !important;
  font-variant-numeric:tabular-nums !important;
}
#w1 .right .addlot_binary .time_plus,
#w1 .right .addlot_binary .time_minus {
  border:1px solid #3b3b3b !important;
  border-radius:4px !important;
  background:#1c1c1c !important;
  color:#dedede !important;
}
#w1 .right .addlot_binary .time_plus:hover,
#w1 .right .addlot_binary .time_minus:hover {
  background:#2b2b2b !important;
  border-color:#666 !important;
  color:#fff !important;
}
/* Monochrome public sign-in page. */
.login-box {
  background:#101010 !important;
  border-color:#3a3a3a !important;
  box-shadow:0 14px 34px rgba(0,0,0,.55) !important;
}
.login-box .login-title { color:#fff !important; }
.login-box .login-subtitle,
.login-box .form-group label,
.login-box .login-footer { color:#bdbdbd !important; }
.login-box .terms-text { color:#888 !important; }
.login-box .login-footer a,
.login-box .terms-text a { color:#f2f2f2 !important; }
.login-box .form-control {
  background:#080808 !important;
  border-color:#454545 !important;
  color:#fff !important;
}
.login-box .form-control:focus {
  border-color:#fff !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.14) !important;
}
.login-box .btn-submit {
  background:#fff !important;
  background-image:none !important;
  border:1px solid #fff !important;
  color:#000 !important;
  box-shadow:0 6px 18px rgba(255,255,255,.12) !important;
}
.login-box .btn-submit:hover {
  background:#e5e5e5 !important;
  color:#000 !important;
  filter:none !important;
}
.login-box .password-toggle { color:#c4c4c4 !important; }
.login-box .error-box {
  background:#171717 !important;
  border-color:#555 !important;
  color:#eee !important;
}