body,input,button,textarea,select,p,span,a,label{font-family:'Open Sans',sans-serif!important;}h1,h2,h3,h4,h5,h6,.title,.heading,.logo-text,.btn-primary,.tab-active{font-family:'Montserrat',sans-serif!important;}
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap');

* {
  -webkit-tap-highlight-color: transparent;
}

button,
a,
input,
textarea,
select {
  outline: none;
  box-shadow: none;
}

button:focus,
a:focus,
input:focus,
textarea:focus,
select:focus {
  outline: none;
  box-shadow: none;
}


* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: #F7F6F3;
  min-height: 100vh;
}

.app {
  font-family: 'DM Sans', sans-serif;
  background: #F7F6F3;
  min-height: 100vh;
  max-width: 420px;
  margin: 0 auto;
  padding-bottom: 2rem;
}

/* ── Top Bar ── */
.topbar {
  background: #fff;
  border-bottom: 0.5px solid #E5E3DC;
  padding: 16px 20px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 100;
}

.logo {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.3px;
  color: #1A1A18;
}

.logo span { color: #1D9E75; }

.topbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #888780;
  font-size: 18px;
}

.avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #E1F5EE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  color: #0F6E56;
}

/* ── Summary Strip ── */
.summary-strip {
  background: #fff;
  margin: 12px 16px 0;
  border-radius: 16px;
  padding: 16px 20px;
  border: 0.5px solid #E5E3DC;
}

.summary-label {
  font-size: 11px;
  color: #888780;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.summary-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.summary-item { text-align: center; }
.summary-item:first-child { text-align: left; }
.summary-item:last-child { text-align: right; }

.summary-val {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.5px;
  color: #1A1A18;
}

.summary-val.positive { color: #1D9E75; }
.summary-val.negative { color: #D85A30; }

.summary-sub {
  font-size: 11px;
  color: #888780;
  margin-top: 2px;
}

/* ── Section Header ── */
.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 10px;
}

.section-title {
  font-size: 13px;
  font-weight: 600;
  color: #444441;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.badge-live {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 500;
  color: #1D9E75;
  background: #E1F5EE;
  padding: 3px 9px;
  border-radius: 20px;
}

.dot-live {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #1D9E75;
  animation: pulse 1.5s infinite;
}

.badge-closed {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 500;
  color: #9A5A00;
  background: #FFF0D6;
  padding: 3px 9px;
  border-radius: 20px;
}

.badge-closed .dot-live {
  background: #D98200;
  animation: none;
}

.badge-offline {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 500;
  color: #dc2626;
  background: #FEE2E2;
  padding: 3px 9px;
  border-radius: 20px;
}

.badge-offline .dot-live {
  background: #dc2626;
  animation: none;
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* ── Cards ── */
.card {
  background: #fff;
  margin: 0 16px 10px;
  border-radius: 16px;
  border: 0.5px solid #E5E3DC;
  overflow: hidden;
  transition: border-color 0.2s, opacity 0.3s, transform 0.3s;
}

.card-closed { opacity: 0.6; }

.card-header {
  padding: 14px 16px 10px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.card-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.direction-badge {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  flex-shrink: 0;
}

.dir-sell { background: #FAECE7; color: #D85A30; }
.dir-buy  { background: #E1F5EE; color: #0F6E56; }
.faded    { opacity: 0.6; }

.card-asset {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A18;
  letter-spacing: -0.3px;
}

.card-type {
  font-size: 12px;
  color: #888780;
  margin-top: 1px;
}

.card-time {
  font-size: 11px;
  color: #B4B2A9;
  font-family: 'DM Mono', monospace;
}

/* ── Risk Row ── */
.risk-row {
  padding: 0 16px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.risk-label {
  font-size: 11px;
  color: #888780;
  font-weight: 500;
}

.risk-label.ml { margin-left: 4px; }

.risk-val {
  font-size: 12px;
  font-weight: 600;
  font-family: 'DM Mono', monospace;
  color: #D85A30;
  background: #FAECE7;
  padding: 2px 8px;
  border-radius: 6px;
}

.risk-val.blue  { background: #E6F1FB; color: #185FA5; }
.risk-val.green { background: #E1F5EE; color: #0F6E56; }
.risk-val.danger-soft { background: #FAECE7; color: #D85A30; }

/* ── Risk Custom Input ── */
.risk-custom-row {
  padding: 0 16px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.risk-input-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #F7F6F3;
  border: 0.5px solid #D3D1C7;
  border-radius: 8px;
  padding: 4px 10px;
  flex: 1;
  transition: border-color 0.15s;
}

.risk-input-wrap:focus-within {
  border-color: #1D9E75;
}

.risk-input {
  background: none;
  border: none;
  font-size: 13px;
  font-family: 'DM Mono', monospace;
  font-weight: 500;
  color: #1A1A18;
  width: 60px;
  outline: none;
}

.risk-unit {
  font-size: 11px;
  color: #888780;
}

.divider {
  height: 0.5px;
  background: #F1EFE8;
  margin: 0 16px;
}

/* ── RR Options ── */
.rr-section { padding: 12px 16px; }

.rr-title {
  font-size: 11px;
  color: #888780;
  font-weight: 500;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.rr-options {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px;
}

.rr-btn {
  background: #F7F6F3;
  border: 0.5px solid #E5E3DC;
  border-radius: 10px;
  padding: 8px 4px;
  text-align: center;
  cursor: pointer;
  transition: all 0.15s;
}

.rr-btn:hover {
  background: #E1F5EE;
  border-color: #5DCAA5;
}

.rr-btn.selected {
  background: #E1F5EE;
  border-color: #1D9E75;
}

.rr-ratio {
  font-size: 13px;
  font-weight: 600;
  color: #1A1A18;
}

.rr-pts {
  font-size: 11px;
  color: #888780;
  font-family: 'DM Mono', monospace;
  margin-top: 2px;
}

.rr-pts.green { color: #1D9E75; }

/* ── Action Row ── */
.action-row {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 8px;
  padding: 10px 16px 14px;
}

.btn-ignore {
  background: #fff;
  border: 0.5px solid #D3D1C7;
  border-radius: 10px;
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  color: #888780;
  cursor: pointer;
  font-family: 'DM Sans', sans-serif;
  transition: all 0.15s;
}

.btn-ignore:hover {
  background: #F7F6F3;
  color: #444441;
}

.btn-enable {
  border: none;
  border-radius: 10px;
  padding: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  font-family: 'DM Sans', sans-serif;
  transition: all 0.15s;
}

.btn-sell,
.btn-buy { background: #91abbc; color: #fff; }
.btn-sell:hover,
.btn-buy:hover { background: #7894a7; }

/* ── Status Pills ── */
.status-pill {
  font-size: 11px;
  font-weight: 600;
  padding: 3px 9px;
  border-radius: 20px;
  white-space: nowrap;
}

.pill-win     { background: #E1F5EE; color: #0F6E56; }
.pill-loss    { background: #FAECE7; color: #993C1D; }
.pill-running { background: #E6F1FB; color: #185FA5; }

/* ── Result Row ── */
.result-row {
  padding: 0 16px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.result-pts {
  font-size: 14px;
  font-weight: 600;
  font-family: 'DM Mono', monospace;
}

.pts-green { color: #1D9E75; }
.pts-red   { color: #D85A30; }

.result-label {
  font-size: 12px;
  color: #888780;
}

.result-risk {
  font-size: 12px;
  color: #888780;
  text-align: right;
}

.result-risk-val {
  color: #D85A30;
  font-weight: 600;
  font-family: 'DM Mono', monospace;
}

/* ── Bottom Nav ── */
.bottom-spacer { height: 70px; }

.bottomnav {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 420px;
  background: #fff;
  border-top: 0.5px solid #E5E3DC;
  display: flex;
  padding: 10px 0 16px;
  z-index: 100;
}

.nav-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  cursor: pointer;
  color: #B4B2A9;
  font-size: 10px;
  font-weight: 500;
  transition: color 0.15s;
}

.nav-item i { font-size: 20px; }
.nav-item.active { color: #1D9E75; }
.nav-item:hover { color: #444441; }

/* ── Feedback de habilitação ── */
.enabled-feedback {
  width: 100%;
  background: #E1F5EE;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
}

.enabled-feedback .ef-title {
  font-size: 13px;
  font-weight: 600;
  color: #0F6E56;
}

.enabled-feedback .ef-sub {
  font-size: 11px;
  color: #1D9E75;
  margin-top: 2px;
}


/* ── Opportunity Filters ── */
.opportunity-toolbar {
  margin: 0 16px 10px;
  padding: 12px 14px;
  background: #fff;
  border: 0.5px solid #E5E3DC;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.toolbar-title {
  font-size: 13px;
  font-weight: 600;
  color: #1A1A18;
}

.toolbar-subtitle {
  font-size: 11px;
  color: #888780;
  margin-top: 2px;
}

.timeframe-select {
  border: 1px solid #E5E3DC;
  border-radius: 999px;
  background: #F7F6F3;
  color: #444441;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 600;
  outline: none;
}

.card-meta-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 10px 0 2px;
}

.meta-pill {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .3px;
  text-transform: uppercase;
  color: #0F6E56;
  background: #E1F5EE;
  border-radius: 999px;
  padding: 4px 8px;
}

.enabled-feedback {
  width: 100%;
  border-radius: 12px;
  padding: 10px 12px;
  background: #E1F5EE;
  color: #0F6E56;
}

.ef-title { font-size: 12px; font-weight: 700; }
.ef-sub { font-size: 11px; opacity: .75; margin-top: 2px; }


.summary-val.negative { color: #E05C4F; }
.metrics-strip, .current-trade-strip { margin-top: 12px; }
.current-trade-strip .summary-val { font-size: 20px; }

.btn-zero-operation {
  margin-top: 12px;
  width: 100%;
  border: none;
  border-radius: 14px;
  padding: 12px 14px;
  font-family: inherit;
  font-weight: 700;
  background: #C0392B;
  color: #fff;
  cursor: pointer;
}
.btn-zero-operation:disabled {
  opacity: .55;
  cursor: not-allowed;
}
.zero-operation-feedback {
  min-height: 16px;
  margin-top: 8px;
  font-size: 12px;
  color: #8A877C;
  text-align: center;
}

/* TradeFlow — ajustes visuais dos cards de oportunidade */
.rr-options.rr-options-with-custom {
  grid-template-columns: repeat(4, 1fr);
}

.rr-money {
  font-size: 11px;
  color: #1D9E75;
  font-family: 'DM Mono', monospace;
  margin-top: 4px;
  line-height: 1.15;
}

.rr-btn .rr-pts {
  display: block;
  line-height: 1.15;
  margin-top: 3px;
}

.rr-custom-btn {
  position: relative;
  padding-bottom: 6px;
}

.rr-custom-input {
  width: 44px;
  margin-top: 5px;
  border: 0.5px solid #DAD7CE;
  border-radius: 7px;
  background: #FFFFFF;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  color: #1A1A18;
  padding: 3px 2px;
}

.risk-row-max-only {
  grid-template-columns: 1fr;
  gap: 4px;
}

.risk-row-max-only .risk-val {
  display: inline-block;
  width: fit-content;
}

.enabled-feedback .ef-title {
  margin-bottom: 0;
}

@media (max-width: 420px) {
  .rr-options.rr-options-with-custom {
    grid-template-columns: repeat(2, 1fr);
  }
}

.contract-line {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 700;
  color: #6F7F88;
}


.notice-card {
  padding: 14px 16px;
}

.notice-text {
  font-size: 13px;
  line-height: 1.35;
  color: #888780;
}

.notice-text.positive {
  color: #0F6E56;
  font-weight: 600;
}

.notice-text.negative {
  color: #D85A30;
  font-weight: 600;
}

/* ── Alertas de novas oportunidades ── */
.card.new-alert {
  border-color: #D98200;
  box-shadow: 0 0 0 2px rgba(217, 130, 0, 0.12), 0 10px 28px rgba(217, 130, 0, 0.10);
  animation: easytrade-new-alert-pulse 1.1s ease-in-out 0s 5;
}

@keyframes easytrade-new-alert-pulse {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}

.new-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  padding: 2px 6px;
  border-radius: 999px;
  background: #FFF0D6;
  color: #9A5A00;
  font-family: 'DM Sans', sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .4px;
}

.alert-toast-container {
  position: fixed;
  left: 50%;
  top: 16px;
  transform: translateX(-50%);
  z-index: 9999;
  width: min(380px, calc(100vw - 32px));
  pointer-events: none;
}

.alert-toast {
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: #1A1A18;
  color: #fff;
  border-radius: 16px;
  padding: 12px 14px;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity .22s ease, transform .22s ease;
}

.alert-toast.show {
  opacity: 1;
  transform: translateY(0);
}

.alert-toast strong {
  font-size: 13px;
  line-height: 1.2;
}

.alert-toast span {
  font-size: 12px;
  color: #E8E4DA;
  line-height: 1.35;
}


/* ──────────────────────────────────────────────
   Tema Premium Light/Dark — easyTRADE GT-PRO
   Camada visual global. Não altera lógica/MT5/API.
────────────────────────────────────────────── */
:root {
  color-scheme: light;
  --et-bg: #F7F6F3;
  --et-surface: #FFFFFF;
  --et-surface-2: #F7F6F3;
  --et-border: #E5E3DC;
  --et-border-strong: #D3D1C7;
  --et-text: #1A1A18;
  --et-text-soft: #444441;
  --et-muted: #888780;
  --et-muted-2: #B4B2A9;
  --et-green: #1D9E75;
  --et-green-strong: #0F6E56;
  --et-green-soft: #E1F5EE;
  --et-red: #D85A30;
  --et-red-strong: #993C1D;
  --et-red-soft: #FAECE7;
  --et-blue: #185FA5;
  --et-blue-soft: #E6F1FB;
  --et-warning: #D98200;
  --et-warning-soft: #FFF0D6;
  --et-shadow: 0 10px 28px rgba(24, 24, 20, .06);
  --et-shadow-soft: 0 6px 16px rgba(24, 24, 20, .04);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --et-bg: #071018;
  --et-surface: #0D1822;
  --et-surface-2: #101F2B;
  --et-border: rgba(148, 163, 184, .16);
  --et-border-strong: rgba(148, 163, 184, .28);
  --et-text: #F5F7FA;
  --et-text-soft: #DCE5EE;
  --et-muted: #9AA8B6;
  --et-muted-2: #6F7E8E;
  --et-green: #33D69F;
  --et-green-strong: #61EAB8;
  --et-green-soft: rgba(51, 214, 159, .14);
  --et-red: #FF6B52;
  --et-red-strong: #FF8A74;
  --et-red-soft: rgba(255, 107, 82, .15);
  --et-blue: #7CB7FF;
  --et-blue-soft: rgba(124, 183, 255, .14);
  --et-warning: #FFB454;
  --et-warning-soft: rgba(255, 180, 84, .14);
  --et-shadow: 0 16px 40px rgba(0, 0, 0, .34);
  --et-shadow-soft: 0 10px 24px rgba(0, 0, 0, .24);
}

body,
.app {
  background: var(--et-bg) !important;
  color: var(--et-text);
}

.topbar {
  background: color-mix(in srgb, var(--et-surface) 92%, transparent) !important;
  border-bottom-color: var(--et-border) !important;
  box-shadow: var(--et-shadow-soft);
  backdrop-filter: blur(12px);
}

.logo,
.card-asset,
.summary-val,
.rr-ratio,
.risk-input,
.nav-item:hover,
.toolbar-title,
.card-title,
.current-trade-strip .summary-val,
button,
select,
input {
  color: var(--et-text);
}
.logo span,
.nav-item.active,
.summary-val.positive,
.pts-green,
.rr-pts.green {
  color: var(--et-green) !important;
}
.summary-val.negative,
.pts-red,
.risk-val,
.result-risk-val {
  color: var(--et-red) !important;
}

.avatar,
.dir-buy,
.pill-win,
.enabled-feedback,
.badge-live {
  background: var(--et-green-soft) !important;
  color: var(--et-green-strong) !important;
}
.dir-sell,
.pill-loss,
.risk-val,
.risk-val.danger-soft {
  background: var(--et-red-soft) !important;
  color: var(--et-red) !important;
}
.pill-running,
.risk-val.blue {
  background: var(--et-blue-soft) !important;
  color: var(--et-blue) !important;
}

.summary-strip,
.card,
.opportunity-toolbar,
.bottomnav,
.hist-summary,
.hist-card,
.hist-empty-card,
.cfg-card,
.login-card,
.filter-btn,
.asset-btn,
.rr-btn,
.btn-ignore,
.timeframe-select,
.theme-option {
  background: var(--et-surface) !important;
  border-color: var(--et-border) !important;
  box-shadow: var(--et-shadow-soft);
}

.summary-strip,
.card,
.opportunity-toolbar,
.cfg-card,
.login-card,
.hist-summary,
.hist-card {
  border-width: 1px !important;
}

.summary-label,
.summary-sub,
.card-type,
.card-time,
.risk-label,
.risk-unit,
.rr-title,
.result-label,
.result-risk,
.toolbar-subtitle,
.hist-sum-label,
.hist-meta,
.hist-rr,
.cfg-desc,
.page-subtitle,
.field-label {
  color: var(--et-muted) !important;
}
.section-title,
.cfg-label,
.page-title,
.hist-asset,
.hist-sum-val,
.login-logo,
.login-title {
  color: var(--et-text) !important;
}
.cfg-section-label,
.hist-date-label {
  color: var(--et-muted-2) !important;
}

.risk-input-wrap,
.cfg-number-input,
.cfg-text-input,
.field-input,
.login-tabs,
.rr-custom-input,
.theme-preview,
.theme-select,
select,
input[type="number"],
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"] {
  background: var(--et-surface-2) !important;
  border-color: var(--et-border) !important;
  color: var(--et-text) !important;
}
.risk-input-wrap:focus-within,
.cfg-number-input:focus,
.cfg-text-input:focus,
.field-input:focus,
.theme-option.selected {
  border-color: var(--et-green) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--et-green) 18%, transparent);
}
.divider,
.cfg-divider,
.hist-sum-divider {
  background: var(--et-border) !important;
}

.rr-btn:hover,
.rr-btn.selected,
.asset-btn.active {
  background: var(--et-green-soft) !important;
  border-color: var(--et-green) !important;
}
.filter-btn.active {
  background: var(--et-text) !important;
  border-color: var(--et-text) !important;
  color: var(--et-bg) !important;
}
.btn-save {
  background: var(--et-text) !important;
  color: var(--et-bg) !important;
}
.btn-zero-operation {
  background: linear-gradient(135deg, #C9382E, #B42318) !important;
}
.badge-closed {
  background: var(--et-warning-soft) !important;
  color: var(--et-warning) !important;
}
.badge-offline {
  background: #FEE2E2 !important;
  color: #dc2626 !important;
}

html[data-theme="dark"] .topbar,
html[data-theme="dark"] .bottomnav {
  background: rgba(10, 18, 27, .88) !important;
}
html[data-theme="dark"] .summary-strip,
html[data-theme="dark"] .card,
html[data-theme="dark"] .opportunity-toolbar,
html[data-theme="dark"] .cfg-card,
html[data-theme="dark"] .login-card,
html[data-theme="dark"] .hist-summary,
html[data-theme="dark"] .hist-card {
  background: linear-gradient(180deg, rgba(18, 32, 44, .98), rgba(11, 22, 32, .98)) !important;
}
html[data-theme="dark"] .bottomnav {
  border-top-color: var(--et-border) !important;
}
html[data-theme="dark"] .btn-ignore,
html[data-theme="dark"] .filter-btn,
html[data-theme="dark"] .asset-btn,
html[data-theme="dark"] .rr-btn,
html[data-theme="dark"] .timeframe-select,
html[data-theme="dark"] .theme-option {
  background: rgba(255, 255, 255, .035) !important;
}
html[data-theme="dark"] .rr-btn.selected,
html[data-theme="dark"] .theme-option.selected {
  background: rgba(51, 214, 159, .12) !important;
}

.theme-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 0 14px 14px;
}
.theme-option {
  border: 1px solid var(--et-border);
  border-radius: 14px;
  padding: 12px;
  cursor: pointer;
  text-align: left;
  transition: transform .15s, border-color .15s, background .15s;
  font-family: 'DM Sans', sans-serif;
}
.theme-option:hover { transform: translateY(-1px); }
.theme-option-title {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 700;
  color: var(--et-text);
}
.theme-option-desc {
  color: var(--et-muted);
  font-size: 11px;
  line-height: 1.35;
  margin-top: 5px;
}
.theme-preview {
  height: 38px;
  border-radius: 10px;
  border: 1px solid var(--et-border);
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}
.theme-preview.light {
  background: linear-gradient(135deg, #FFFFFF 0 48%, #F7F6F3 48% 100%);
}
.theme-preview.dark {
  background: linear-gradient(135deg, #071018 0 50%, #12202C 50% 100%);
}
.theme-preview::before,
.theme-preview::after {
  content: '';
  position: absolute;
  border-radius: 999px;
  height: 6px;
  left: 10px;
}
.theme-preview::before {
  width: 44px;
  top: 10px;
  background: var(--et-green);
}
.theme-preview::after {
  width: 68px;
  top: 22px;
  background: var(--et-border-strong);
}

/* ──────────────────────────────────────────────
   easyTRADE GT-PRO — Premium Layout v2
   Ajustado para se aproximar do layout piloto aprovado.
────────────────────────────────────────────── */
.app {
  padding-bottom: 110px !important;
}

.topbar-premium {
  min-height: 66px;
  padding: 14px 20px !important;
  gap: 10px;
}

.topbar-premium .logo {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.7px;
}

.topbar-actions {
  gap: 12px !important;
}

.topbar-market-badge {
  display: none;
  white-space: nowrap;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 20px rgba(29,158,117,.10);
}

.privacy-toggle,
.bell-button {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  border: 1px solid var(--et-border);
  background: var(--et-surface);
  color: var(--et-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  position: relative;
  cursor: pointer;
  box-shadow: var(--et-shadow-soft);
}

.bell-count {
  position: absolute;
  top: -5px;
  right: -3px;
  min-width: 17px;
  height: 17px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--et-green);
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  line-height: 17px;
  box-shadow: 0 0 0 2px var(--et-surface);
}

.avatar {
  width: 42px !important;
  height: 42px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

.summary-strip {
  margin: 14px 16px 0 !important;
  border-radius: 18px !important;
  padding: 18px 20px !important;
  box-shadow: var(--et-shadow) !important;
}

.summary-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px !important;
  letter-spacing: .7px !important;
}

.summary-label::after {
  content: 'ⓘ';
  font-size: 12px;
  opacity: .62;
  letter-spacing: 0;
}

.summary-row {
  align-items: center;
  gap: 0;
}

.summary-item {
  min-height: 52px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.summary-item + .summary-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 1px;
  background: var(--et-border);
}

.summary-val {
  font-size: 25px !important;
  line-height: 1.05;
  font-weight: 800 !important;
  letter-spacing: -1px !important;
}

.summary-sub {
  font-size: 12px !important;
  margin-top: 7px !important;
}

.current-trade-strip {
  position: relative;
  overflow: hidden;
}

.current-trade-strip::before {
  content: '↗';
  position: absolute;
  left: 20px;
  top: 52px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  color: var(--et-green);
  background: var(--et-green-soft);
  font-size: 25px;
  font-weight: 900;
}

.current-trade-strip.has-position .summary-row {
  padding-left: 54px;
}

.current-trade-strip.has-position::before {
  display: flex;
}

.trade-progress {
  display: none;
  margin-top: 14px;
}

.current-trade-strip.has-position .trade-progress {
  display: block;
}

.trade-progress-track {
  height: 8px;
  overflow: hidden;
  background: color-mix(in srgb, var(--et-green) 18%, transparent);
  border-radius: 999px;
}

.trade-progress-fill {
  width: 48%;
  height: 100%;
  background: linear-gradient(90deg, var(--et-green), var(--et-green-strong));
  border-radius: inherit;
  box-shadow: 0 0 18px color-mix(in srgb, var(--et-green) 45%, transparent);
}

.trade-progress-meta {
  margin-top: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--et-text-soft);
  font-size: 12px;
  font-weight: 700;
}

.trade-progress-pill {
  padding: 6px 14px;
  border-radius: 999px;
  background: var(--et-surface);
  border: 1px solid var(--et-border);
  color: var(--et-text-soft);
  transform: translateY(-15px);
  box-shadow: var(--et-shadow-soft);
}

.btn-zero-operation {
  min-height: 48px;
  margin-top: 10px !important;
  border-radius: 13px !important;
  font-size: 15px !important;
  box-shadow: 0 12px 26px rgba(198, 49, 40, .20);
}

.section-header {
  padding: 24px 20px 12px !important;
}

.section-title {
  color: var(--et-text) !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  letter-spacing: -.2px !important;
}

.section-header .badge-live,
.section-header .badge-closed,
.section-header .badge-offline {
  padding: 7px 14px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.opportunity-toolbar {
  margin: 0 16px 12px !important;
  padding: 18px 18px !important;
  border-radius: 18px !important;
  box-shadow: var(--et-shadow) !important;
}

.toolbar-title {
  font-size: 16px !important;
  font-weight: 850 !important;
  letter-spacing: -.3px;
}

.toolbar-subtitle {
  font-size: 13px !important;
  line-height: 1.35;
  margin-top: 6px !important;
}

.timeframe-select {
  min-width: 94px;
  padding: 12px 14px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.card {
  margin: 0 16px 12px !important;
  border-radius: 18px !important;
  box-shadow: var(--et-shadow) !important;
}

.card-header {
  padding: 16px 18px 12px !important;
}

.card-left {
  gap: 13px !important;
}

.direction-badge {
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  font-size: 21px !important;
}

.card-asset {
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: -.7px !important;
}

.card-type {
  font-size: 13px !important;
  line-height: 1.25;
  margin-top: 3px !important;
}

.card-time {
  font-size: 13px !important;
}

.risk-row {
  padding: 0 18px 13px !important;
  gap: 10px !important;
}

.risk-label {
  font-size: 13px !important;
  font-weight: 700 !important;
}

.risk-val {
  font-size: 13px !important;
  padding: 4px 10px !important;
  border-radius: 8px !important;
}

.risk-custom-row {
  padding: 0 18px 15px !important;
}

.risk-input-wrap {
  min-height: 42px;
  padding: 6px 12px !important;
  border-radius: 12px !important;
}

.risk-input {
  font-size: 16px !important;
  font-weight: 800 !important;
}

.risk-unit {
  font-size: 12px !important;
  line-height: 1.25;
}

.divider {
  margin: 0 18px !important;
}

.rr-section {
  padding: 16px 18px !important;
}

.rr-title {
  font-size: 14px !important;
  letter-spacing: .7px !important;
  margin-bottom: 12px !important;
}

.rr-options.rr-options-with-custom,
.rr-options {
  gap: 10px !important;
}

.rr-btn {
  min-height: 74px;
  border-radius: 14px !important;
  padding: 12px 8px !important;
}

.rr-ratio {
  font-size: 16px !important;
  font-weight: 900 !important;
}

.rr-money,
.rr-pts {
  font-size: 13px !important;
  font-weight: 700 !important;
}

.action-row {
  padding: 12px 18px 18px !important;
  gap: 10px !important;
}

.btn-ignore,
.btn-enable {
  min-height: 46px;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.enabled-feedback {
  border-radius: 14px !important;
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.enabled-feedback .ef-title {
  font-size: 14px !important;
}

.pill-running,
.status-pill {
  font-size: 12px !important;
  padding: 6px 11px !important;
  font-weight: 800 !important;
}

.contract-line {
  margin: 0 18px 16px !important;
}

.bottom-spacer {
  height: 102px !important;
}

.bottomnav {
  bottom: 10px !important;
  width: calc(100% - 24px) !important;
  max-width: 396px !important;
  border: 1px solid var(--et-border) !important;
  border-radius: 18px !important;
  padding: 12px 0 13px !important;
  box-shadow: var(--et-shadow) !important;
}

.nav-item {
  font-size: 11px !important;
  gap: 5px !important;
}

.nav-item i {
  font-size: 23px !important;
}

.notice-card {
  padding: 18px !important;
}

.notice-text {
  font-size: 14px !important;
}

.values-hidden #summary-pts,
.values-hidden #metric-weekly,
.values-hidden #metric-monthly {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  position: relative;
}

.values-hidden #summary-pts::after,
.values-hidden #metric-weekly::after,
.values-hidden #metric-monthly::after {
  content: '••••';
  position: absolute;
  left: 0;
  right: 0;
  color: var(--et-text);
  -webkit-text-fill-color: var(--et-text);
}

html[data-theme="dark"] {
  --et-bg: #060F17;
  --et-surface: #0D1B27;
  --et-surface-2: #112231;
  --et-border: rgba(136, 160, 181, .18);
  --et-border-strong: rgba(136, 160, 181, .30);
  --et-shadow: 0 18px 42px rgba(0,0,0,.34);
  --et-shadow-soft: 0 12px 30px rgba(0,0,0,.26);
}

html[data-theme="dark"] body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 25% -5%, rgba(51,214,159,.08), transparent 35%),
    radial-gradient(circle at 100% 20%, rgba(69,130,180,.08), transparent 32%);
}

html[data-theme="dark"] .summary-strip,
html[data-theme="dark"] .card,
html[data-theme="dark"] .opportunity-toolbar,
html[data-theme="dark"] .bottomnav,
html[data-theme="dark"] .cfg-card,
html[data-theme="dark"] .hist-summary,
html[data-theme="dark"] .hist-card,
html[data-theme="dark"] .login-card {
  background: linear-gradient(180deg, rgba(18,33,46,.96), rgba(12,25,36,.98)) !important;
  border-color: rgba(129, 152, 174, .20) !important;
}

html[data-theme="dark"] .topbar {
  background: rgba(6,15,23,.90) !important;
}

html[data-theme="dark"] .privacy-toggle,
html[data-theme="dark"] .bell-button,
html[data-theme="dark"] .trade-progress-pill {
  background: rgba(255,255,255,.055) !important;
}

html[data-theme="dark"] .summary-val,
html[data-theme="dark"] .card-asset,
html[data-theme="dark"] .toolbar-title,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .rr-ratio {
  color: #F7FAFC !important;
}

html[data-theme="dark"] .bottomnav {
  background: rgba(10, 20, 30, .92) !important;
  backdrop-filter: blur(16px);
}

@media (min-width: 560px) {
  .topbar-market-badge { display: inline-flex; }
}

@media (max-width: 420px) {
  .app { max-width: 100%; }
  .topbar-premium .logo { font-size: 18px; }
  .privacy-toggle, .bell-button, .avatar { width: 38px !important; height: 38px !important; }
  .topbar-actions { gap: 8px !important; }
  .summary-strip, .card, .opportunity-toolbar { margin-left: 16px !important; margin-right: 16px !important; }
}

/* Topbar status visible também no mobile, como no layout piloto */
.topbar-market-badge { display: inline-flex !important; }
@media (max-width: 420px) {
  .topbar-premium { padding-left: 16px !important; padding-right: 16px !important; }
  .topbar-premium .logo { font-size: 16px !important; }
  .topbar-market-badge { font-size: 11px !important; padding: 7px 10px !important; }
  .privacy-toggle, .bell-button, .avatar { width: 34px !important; height: 34px !important; border-radius: 14px !important; font-size: 18px !important; }
  .bell-count { min-width: 15px; height: 15px; line-height: 15px; font-size: 9px; }
}


/* =========================================================
   Ajuste visual seguro — Cards de oportunidades
   - Não altera JS, API, EA ou lógica de filtros.
   - Multiplicadores em linha única horizontal.
   ========================================================= */

.card {
  box-shadow: 0 10px 28px rgba(26, 26, 24, 0.055);
}

.card-header {
  padding: 16px 18px 10px;
}

.card-left {
  min-width: 0;
}

.card-left > div:not(.direction-badge) {
  min-width: 0;
}

.card-asset {
  font-size: 18px;
  line-height: 1.1;
}

.card-type {
  line-height: 1.35;
}

.direction-badge {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  font-size: 18px;
}

.risk-row {
  padding: 2px 18px 12px;
}

.risk-custom-row {
  padding: 0 18px 14px;
}

.risk-input-wrap {
  border-radius: 12px;
  min-height: 40px;
}

.risk-input {
  font-size: 18px;
  font-weight: 700;
  width: 58px;
}

.risk-unit {
  flex: 1;
  line-height: 1.25;
}

/* Multiplicadores sempre em uma única linha lado a lado */
.rr-section {
  padding: 14px 18px 16px;
}

.rr-title {
  margin-bottom: 10px;
}

.rr-options,
.rr-options.rr-options-with-custom {
  display: flex !important;
  grid-template-columns: none !important;
  flex-wrap: nowrap !important;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 2px 8px;
  margin: 0 -2px;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.rr-options::-webkit-scrollbar,
.rr-options.rr-options-with-custom::-webkit-scrollbar {
  display: none;
}

.rr-btn {
  flex: 0 0 104px;
  min-width: 104px;
  min-height: 78px;
  border-radius: 14px;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  scroll-snap-align: start;
  box-shadow: 0 8px 18px rgba(26, 26, 24, 0.035);
}

.rr-btn.selected {
  box-shadow: 0 10px 22px rgba(29, 158, 117, 0.13);
}

.rr-ratio {
  font-size: 16px;
  line-height: 1;
}

.rr-money {
  font-size: 13px;
  font-weight: 700;
  color: #1D9E75;
  line-height: 1.15;
}

.rr-pts {
  font-size: 12px;
  line-height: 1.15;
  margin-top: 0;
}

.rr-custom-input {
  width: 44px;
  height: 24px;
  border-radius: 9px;
  border: 0.5px solid #E5E3DC;
  background: rgba(255,255,255,0.78);
  text-align: center;
  font-family: 'DM Mono', monospace;
  font-weight: 700;
  color: #1A1A18;
  margin-top: 2px;
}

.action-row {
  padding: 10px 18px 18px;
  gap: 10px;
}

.btn-ignore,
.btn-enable {
  min-height: 46px;
  border-radius: 14px;
  font-size: 14px;
}

/* Tema escuro, se ativo no baseline */
body.theme-dark .card,
html.theme-dark .card,
[data-theme="dark"] .card {
  box-shadow: 0 14px 34px rgba(0,0,0,0.22);
}

body.theme-dark .rr-btn,
html.theme-dark .rr-btn,
[data-theme="dark"] .rr-btn {
  box-shadow: 0 10px 24px rgba(0,0,0,0.18);
}

body.theme-dark .rr-custom-input,
html.theme-dark .rr-custom-input,
[data-theme="dark"] .rr-custom-input {
  background: rgba(255,255,255,0.08);
  color: inherit;
  border-color: rgba(255,255,255,0.16);
}


/* Dashboard sem pontos visíveis para usuário leigo.
   Os pontos continuam existindo internamente para cálculos do EA. */
#opportunities-list .rr-pts,
.opportunities-list .rr-pts,
.visually-hidden {
  display: none !important;
}

#opportunities-list .risk-unit,
.opportunities-list .risk-pts-hint {
  line-height: 1.25;
}

/* Evita exibição de textos auxiliares de pontos no dashboard */
#opportunities-list .points-only {
  display: none !important;
}

/* Layout final: risco financeiro editável e 4 alvos na mesma linha */
#opportunities-list .rr-pts,.opportunities-list .rr-pts,.visually-hidden{display:none!important}
#opportunities-list .risk-row .risk-label{font-size:13px;font-weight:700}
#opportunities-list .risk-row .risk-val.danger-soft{color:#D85A30!important;background:#FAECE7!important}
#opportunities-list .financial-risk-wrap{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;min-height:48px;padding:8px 14px}
#opportunities-list .financial-risk-wrap .risk-unit{font-size:12px;color:#888780}
#opportunities-list .risk-money-input{width:96px;text-align:right;font-size:18px;font-weight:800;color:#D85A30;font-family:'DM Sans',sans-serif}
#opportunities-list .rr-options,#opportunities-list .rr-options.rr-options-with-custom{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;padding:0!important;margin:0!important}
#opportunities-list .rr-btn{min-width:0!important;width:auto!important;flex:initial!important;min-height:74px;padding:8px 3px;border-radius:13px}
#opportunities-list .rr-ratio{font-size:15px}
#opportunities-list .rr-money{font-size:12px;line-height:1.1;white-space:nowrap}
#opportunities-list .rr-custom-input{width:38px;height:21px;font-size:12px;margin-top:2px}


/* =========================================================
   Layout aprovado do card de oportunidades
   Mantém a lógica original e altera apenas apresentação.
   ========================================================= */
#opportunities-list .card {
  border-radius: 22px;
  margin: 0 16px 14px;
}

#opportunities-list .card-header {
  padding: 18px 18px 12px;
}

#opportunities-list .direction-badge {
  width: 46px;
  height: 46px;
  border-radius: 15px;
}

#opportunities-list .card-asset {
  font-size: 19px;
  line-height: 1.12;
  letter-spacing: -0.45px;
}

#opportunities-list .card-type {
  font-size: 13px;
  line-height: 1.3;
}

#opportunities-list .risk-row.risk-row-max-only {
  padding: 4px 18px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}

#opportunities-list .risk-row.risk-row-max-only .risk-label {
  font-size: 13px;
  font-weight: 700;
  color: #6F6D66;
}

#opportunities-list .risk-row.risk-row-max-only .risk-val {
  font-size: 13px;
  font-weight: 800;
  font-family: 'DM Sans', sans-serif;
  color: #D85A30 !important;
  background: #FAECE7 !important;
  border-radius: 10px;
  padding: 6px 12px;
}

#opportunities-list .risk-custom-row {
  padding: 0 18px 18px;
}

#opportunities-list .financial-risk-wrap {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
  min-height: 58px !important;
  padding: 10px 16px !important;
  border-radius: 16px !important;
}

#opportunities-list .financial-risk-wrap .risk-unit {
  display: flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1.15;
}

#opportunities-list .risk-config-title {
  font-size: 14px;
  color: #5F5D57;
  font-weight: 500;
}

#opportunities-list .risk-config-sub {
  font-size: 12px;
  color: #888780;
  font-weight: 400;
}

#opportunities-list .risk-money-editor {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 96px;
  color: #D85A30;
  font-weight: 800;
}

#opportunities-list .risk-money-prefix {
  font-size: 18px;
  line-height: 1;
}

#opportunities-list .risk-money-input {
  width: 56px !important;
  min-width: 0 !important;
  text-align: left !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #D85A30 !important;
  font-family: 'DM Sans', sans-serif !important;
  padding: 0 !important;
}

#opportunities-list .divider {
  margin: 0 18px;
}

#opportunities-list .rr-section {
  padding: 16px 18px 18px;
}

#opportunities-list .rr-title {
  font-size: 13px;
  margin-bottom: 12px;
}

#opportunities-list .rr-options,
#opportunities-list .rr-options.rr-options-with-custom {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  overflow: visible !important;
  overflow-x: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  scrollbar-width: none !important;
}

#opportunities-list .rr-btn {
  min-width: 0 !important;
  width: auto !important;
  flex: initial !important;
  min-height: 80px !important;
  padding: 10px 4px !important;
  border-radius: 15px !important;
  gap: 4px !important;
}

#opportunities-list .rr-ratio {
  font-size: 16px !important;
}

#opportunities-list .rr-money {
  font-size: 12px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

#opportunities-list .rr-custom-input {
  width: 38px !important;
  height: 22px !important;
  font-size: 12px !important;
  margin-top: 2px !important;
}

#opportunities-list .rr-pts,
#opportunities-list .visually-hidden {
  display: none !important;
}

#opportunities-list .action-row {
  padding: 0 18px 18px;
  gap: 12px;
}

#opportunities-list .btn-ignore,
#opportunities-list .btn-enable {
  min-height: 48px;
  border-radius: 15px;
  font-size: 14px;
}

/* Remove qualquer resíduo visual antigo de rolagem nos alvos */
#opportunities-list .rr-options::-webkit-scrollbar {
  display: none !important;
}


/* =========================================================
   CARD DE OPORTUNIDADE — LAYOUT APROVADO EXATO
   Sem rolagem nos 4 alvos. Somente visual.
   ========================================================= */
#opportunities-list .card {
  border-radius: 22px !important;
  margin: 0 16px 14px !important;
  overflow: hidden !important;
}

#opportunities-list .card-header {
  padding: 18px 18px 12px !important;
}

#opportunities-list .card-left {
  gap: 13px !important;
  min-width: 0 !important;
}

#opportunities-list .direction-badge {
  width: 46px !important;
  height: 46px !important;
  border-radius: 15px !important;
  font-size: 20px !important;
}

#opportunities-list .card-asset {
  font-size: 20px !important;
  line-height: 1.1 !important;
  letter-spacing: -0.5px !important;
}

#opportunities-list .card-type {
  font-size: 13px !important;
  line-height: 1.3 !important;
}

#opportunities-list .card-time {
  font-size: 13px !important;
}

#opportunities-list .risk-row.risk-row-max-only {
  padding: 4px 18px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

#opportunities-list .risk-row.risk-row-max-only .risk-label {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #6F6D66 !important;
}

#opportunities-list .risk-row.risk-row-max-only .risk-val {
  font-size: 13px !important;
  font-weight: 800 !important;
  font-family: 'DM Sans', sans-serif !important;
  color: #D85A30 !important;
  background: #FAECE7 !important;
  border-radius: 10px !important;
  padding: 6px 12px !important;
}

#opportunities-list .risk-custom-row {
  padding: 0 18px 18px !important;
}

#opportunities-list .financial-risk-wrap {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
  min-height: 58px !important;
  padding: 10px 16px !important;
  border-radius: 16px !important;
}

#opportunities-list .financial-risk-wrap .risk-unit {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  line-height: 1.15 !important;
  font-size: 0 !important;
}

#opportunities-list .risk-config-title {
  display: none !important;
}

#opportunities-list .risk-config-sub {
  font-size: 14px !important;
  color: #6F6D66 !important;
  font-weight: 500 !important;
}

#opportunities-list .risk-money-editor {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 118px !important;
  color: #D60000 !important;
  font-weight: 900 !important;
}

#opportunities-list .risk-money-prefix {
  font-size: 18px !important;
  line-height: 1 !important;
  color: #D60000 !important;
  font-weight: 900 !important;
}

#opportunities-list .risk-money-input {
  width: 62px !important;
  min-width: 0 !important;
  max-width: 68px !important;
  text-align: left !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  color: #D60000 !important;
  font-family: 'DM Sans', sans-serif !important;
  padding: 0 !important;
}

#opportunities-list .risk-edit-icon {
  font-size: 15px !important;
  color: #77736C !important;
  margin-left: 10px !important;
}

#opportunities-list .divider {
  margin: 0 18px !important;
}

#opportunities-list .rr-section {
  padding: 16px 18px 18px !important;
}

#opportunities-list .rr-title {
  font-size: 13px !important;
  margin-bottom: 12px !important;
}

#opportunities-list .rr-options,
#opportunities-list .rr-options.rr-options-with-custom {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 6px !important;
  overflow: visible !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  scrollbar-width: none !important;
}

#opportunities-list .rr-options::-webkit-scrollbar {
  display: none !important;
}

#opportunities-list .rr-btn {
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  min-height: 72px !important;
  padding: 8px 2px !important;
  border-radius: 13px !important;
  gap: 4px !important;
  box-sizing: border-box !important;
}

#opportunities-list .rr-ratio {
  font-size: 15px !important;
  line-height: 1 !important;
}

#opportunities-list .rr-money {
  font-size: 11px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

#opportunities-list .rr-custom-input {
  width: 34px !important;
  height: 20px !important;
  font-size: 11px !important;
  margin-top: 1px !important;
  padding: 0 !important;
}

#opportunities-list .rr-pts,
#opportunities-list .visually-hidden {
  display: none !important;
}

#opportunities-list .action-row {
  padding: 0 18px 18px !important;
  gap: 12px !important;
}

#opportunities-list .btn-ignore,
#opportunities-list .btn-enable {
  min-height: 48px !important;
  border-radius: 15px !important;
  font-size: 14px !important;
}

@media (max-width: 390px) {
  #opportunities-list .rr-section { padding-left: 14px !important; padding-right: 14px !important; }
  #opportunities-list .rr-options { gap: 5px !important; }
  #opportunities-list .rr-btn { min-height: 68px !important; padding: 7px 1px !important; }
  #opportunities-list .rr-ratio { font-size: 14px !important; }
  #opportunities-list .rr-money { font-size: 10px !important; }
  #opportunities-list .rr-custom-input { width: 30px !important; }
}

/* CARD DE OPORTUNIDADE — LAYOUT APROVADO EXATO SEM ROLAGEM */
#opportunities-list .card{border-radius:22px!important;margin:0 16px 14px!important;overflow:hidden!important}
#opportunities-list .card-header{padding:18px 18px 12px!important}
#opportunities-list .card-left{gap:13px!important;min-width:0!important}
#opportunities-list .direction-badge{width:46px!important;height:46px!important;border-radius:15px!important;font-size:20px!important}
#opportunities-list .card-asset{font-size:20px!important;line-height:1.1!important;letter-spacing:-.5px!important}
#opportunities-list .card-type{font-size:13px!important;line-height:1.3!important}
#opportunities-list .card-time{font-size:13px!important}
#opportunities-list .risk-row.risk-row-max-only{padding:4px 18px 16px!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
#opportunities-list .risk-row.risk-row-max-only .risk-label{font-size:13px!important;font-weight:700!important;color:#6F6D66!important}
#opportunities-list .risk-row.risk-row-max-only .risk-val{font-size:13px!important;font-weight:800!important;font-family:'DM Sans',sans-serif!important;color:#D85A30!important;background:#FAECE7!important;border-radius:10px!important;padding:6px 12px!important}
#opportunities-list .risk-custom-row{padding:0 18px 18px!important}
#opportunities-list .financial-risk-wrap{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;align-items:center!important;min-height:58px!important;padding:10px 16px!important;border-radius:16px!important}
#opportunities-list .financial-risk-wrap .risk-unit{display:flex!important;flex-direction:column!important;gap:2px!important;line-height:1.15!important;font-size:0!important}
#opportunities-list .risk-config-title{display:none!important}
#opportunities-list .risk-config-sub{font-size:14px!important;color:#6F6D66!important;font-weight:500!important}
#opportunities-list .risk-money-editor{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:118px!important;color:#D60000!important;font-weight:900!important}
#opportunities-list .risk-money-prefix{font-size:18px!important;line-height:1!important;color:#D60000!important;font-weight:900!important}
#opportunities-list .risk-money-input{width:62px!important;min-width:0!important;max-width:68px!important;text-align:left!important;font-size:18px!important;line-height:1!important;font-weight:900!important;color:#D60000!important;font-family:'DM Sans',sans-serif!important;padding:0!important}
#opportunities-list .risk-edit-icon{font-size:15px!important;color:#77736C!important;margin-left:10px!important}
#opportunities-list .divider{margin:0 18px!important}
#opportunities-list .rr-section{padding:16px 18px 18px!important}
#opportunities-list .rr-title{font-size:13px!important;margin-bottom:12px!important}
#opportunities-list .rr-options,#opportunities-list .rr-options.rr-options-with-custom{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;overflow:visible!important;overflow-x:hidden!important;overflow-y:visible!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;scrollbar-width:none!important}
#opportunities-list .rr-options::-webkit-scrollbar{display:none!important}
#opportunities-list .rr-btn{min-width:0!important;width:100%!important;max-width:none!important;flex:none!important;min-height:72px!important;padding:8px 2px!important;border-radius:13px!important;gap:4px!important;box-sizing:border-box!important}
#opportunities-list .rr-ratio{font-size:15px!important;line-height:1!important}
#opportunities-list .rr-money{font-size:11px!important;line-height:1.1!important;white-space:nowrap!important}
#opportunities-list .rr-custom-input{width:34px!important;height:20px!important;font-size:11px!important;margin-top:1px!important;padding:0!important}
#opportunities-list .rr-pts,#opportunities-list .visually-hidden{display:none!important}
#opportunities-list .action-row{padding:0 18px 18px!important;gap:12px!important}
#opportunities-list .btn-ignore,#opportunities-list .btn-enable{min-height:48px!important;border-radius:15px!important;font-size:14px!important}
@media(max-width:390px){#opportunities-list .rr-section{padding-left:14px!important;padding-right:14px!important}#opportunities-list .rr-options{gap:4px!important}#opportunities-list .rr-btn{min-height:66px!important;padding:7px 1px!important}#opportunities-list .rr-ratio{font-size:14px!important}#opportunities-list .rr-money{font-size:10px!important}#opportunities-list .rr-custom-input{width:30px!important;height:19px!important}}

/* Ajuste solicitado — reduzir cards dos multiplicadores no card de oportunidades */
.rr-section {
  padding: 10px 14px 12px !important;
}

.rr-title {
  margin-bottom: 6px !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
}

.rr-options,
.rr-options.rr-options-with-custom {
  gap: 5px !important;
  padding: 1px 1px 4px !important;
  margin: 0 -1px !important;
}

.rr-btn {
  flex: 0 0 74px !important;
  min-width: 74px !important;
  min-height: 48px !important;
  height: 48px !important;
  border-radius: 10px !important;
  padding: 5px 4px !important;
  gap: 1px !important;
}

.rr-ratio {
  font-size: 12px !important;
  line-height: 1 !important;
}

.rr-money {
  font-size: 10px !important;
  line-height: 1.05 !important;
}

.rr-pts {
  font-size: 9px !important;
  line-height: 1.05 !important;
}

.rr-custom-input {
  width: 34px !important;
  height: 18px !important;
  border-radius: 7px !important;
  font-size: 10px !important;
  margin-top: 1px !important;
}

/* Ajuste final solicitado — multiplicadores ocupando toda a largura útil do card */
#opportunities-feed .rr-section {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

#opportunities-feed .rr-options,
#opportunities-feed .rr-options.rr-options-with-custom {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

#opportunities-feed .rr-btn {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: none !important;
  box-sizing: border-box !important;
}

@media (max-width: 390px) {
  #opportunities-feed .rr-section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #opportunities-feed .rr-options,
  #opportunities-feed .rr-options.rr-options-with-custom {
    gap: 6px !important;
  }
}

/* Painel operacional compacto premium */
.operational-panel {
  margin: 14px 16px 0 !important;
  padding: 20px 20px 18px !important;
  border: 1px solid var(--et-border) !important;
  border-radius: 22px !important;
  background: var(--et-surface) !important;
  box-shadow: var(--et-shadow) !important;
  overflow: hidden;
}

.operational-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
}

.operational-title {
  color: var(--et-muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.operational-subtitle {
  margin-top: 3px;
  color: var(--et-muted);
  font-size: 12px;
  font-weight: 500;
}

.operational-main {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 18px;
  align-items: end;
  margin-bottom: 16px;
}

.operational-primary .operational-value.primary {
  font-size: 43px !important;
  line-height: .95;
  font-weight: 900 !important;
  letter-spacing: -2px;
}

.operational-side {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: end;
}

.operational-value,
.operational-money,
.operational-current-value {
  color: var(--et-text);
  font-size: 23px;
  line-height: 1.05;
  font-weight: 850;
  letter-spacing: -.8px;
}

.operational-value.positive,
.operational-money.positive,
.operational-current-value.positive {
  color: var(--et-green) !important;
}

.operational-value.negative,
.operational-money.negative,
.operational-current-value.negative {
  color: var(--et-red) !important;
}

.operational-label {
  display: block;
  margin-top: 6px;
  color: var(--et-muted);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -.1px;
}

.operational-money-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 13px 0;
  border-top: 1px solid color-mix(in srgb, var(--et-border) 72%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--et-border) 72%, transparent);
}

.operational-money-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.operational-money-item .operational-label {
  margin-top: 0;
}

.operational-money {
  font-size: 20px;
  white-space: nowrap;
}

.operational-current-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 18px;
  align-items: end;
  padding-top: 14px;
}

.operational-current-item {
  min-width: 0;
}

.operational-current-item .operational-label {
  margin: 0 0 6px;
}

.operational-current-value {
  display: block;
  font-size: 22px;
}

.operational-current-item.status-item {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 2px;
}

.operational-current-item.status-item .operational-label {
  margin: 0;
}

.operational-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  padding: 8px 12px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--et-muted) 10%, transparent);
  color: var(--et-text-soft);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.operational-status::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--et-muted);
}

.current-trade-strip.has-position .operational-status {
  background: var(--et-green-soft);
  color: var(--et-green-strong);
}

.current-trade-strip.has-position .operational-status::before {
  background: var(--et-green);
}

.dashboard-hidden-metric {
  display: none !important;
}

.operational-panel .trade-progress {
  margin-top: 14px;
}

.operational-panel .btn-zero-operation {
  margin-top: 12px;
}

@media (max-width: 380px) {
  .operational-panel {
    padding: 18px 16px 16px !important;
  }
  .operational-main {
    gap: 14px;
  }
  .operational-primary .operational-value.primary {
    font-size: 38px !important;
  }
  .operational-value,
  .operational-current-value {
    font-size: 20px;
  }
  .operational-money {
    font-size: 18px;
  }
}

/* Refinamento final do painel operacional: compacto, alinhado e premium */
.operational-panel {
  padding: 18px 20px 16px !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--et-green) 4%, transparent), transparent 42%),
    var(--et-surface) !important;
}

.operational-head {
  margin-bottom: 12px !important;
}

.operational-main {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  margin-bottom: 12px !important;
}

.operational-primary .operational-value.primary {
  font-size: 38px !important;
  line-height: .94 !important;
  letter-spacing: -1.7px !important;
  text-shadow: 0 8px 22px color-mix(in srgb, var(--et-green) 18%, transparent);
}

.operational-side {
  gap: 12px !important;
  align-items: center !important;
}

.operational-side .operational-mini {
  align-self: center;
}

.operational-side .operational-value {
  font-size: 21px !important;
  line-height: 1 !important;
}

.operational-label {
  margin-top: 5px !important;
  font-size: 11.5px !important;
}

.operational-money-row {
  gap: 14px !important;
  padding: 10px 0 !important;
}

.operational-money-item {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 3px !important;
  justify-items: start !important;
  align-items: start !important;
}

.operational-money {
  font-size: 19px !important;
  line-height: 1.05 !important;
}

.operational-current-row {
  display: grid !important;
  grid-template-columns: minmax(0, .85fr) minmax(0, .85fr) auto !important;
  gap: 12px !important;
  align-items: end !important;
  padding-top: 11px !important;
}

.operational-current-value {
  font-size: 20px !important;
  line-height: 1.05 !important;
}

.operational-current-item.status-item {
  grid-column: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  padding-top: 0 !important;
}

.operational-current-item.status-item .operational-label {
  order: 1;
  margin: 0 !important;
}

.operational-status {
  order: 2;
  padding: 7px 11px !important;
  font-size: 11px !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--et-border) 40%, transparent);
}

@media (max-width: 380px) {
  .operational-panel {
    padding: 16px 16px 15px !important;
  }

  .operational-primary .operational-value.primary {
    font-size: 34px !important;
  }

  .operational-side .operational-value,
  .operational-current-value {
    font-size: 18px !important;
  }

  .operational-money {
    font-size: 17px !important;
  }

  .operational-current-row {
    grid-template-columns: 1fr 1fr !important;
  }

  .operational-current-item.status-item {
    grid-column: 1 / -1 !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
}


/* Características do card de oportunidades preservadas do baseline corrigido */
#opportunities-list .risk-edit-icon,
#opportunities-feed .risk-edit-icon { display: none !important; }

#opportunities-list .risk-money-prefix,
#opportunities-list .risk-money-input,
#opportunities-feed .risk-money-prefix,
#opportunities-feed .risk-money-input {
  color: #ff8200 !important;
}

#opportunities-list .btn-enable.btn-buy,
#opportunities-feed .btn-enable.btn-buy {
  background: #2382fc !important;
  border-color: #2382fc !important;
  color: #fff !important;
}

#opportunities-list .rr-custom-btn .rr-money,
#opportunities-feed .rr-custom-btn .rr-money { display: none !important; }

#opportunities-list .rr-custom-btn .rr-ratio,
#opportunities-feed .rr-custom-btn .rr-ratio {
  display: block !important;
  font-weight: 800 !important;
}

#opportunities-list .rr-custom-btn .rr-custom-input,
#opportunities-feed .rr-custom-btn .rr-custom-input {
  display: block !important;
  text-align: center !important;
}

/* Refinamento final solicitado: topbar única, privacidade e botões */
.topbar-premium .topbar-market-badge,
.topbar .topbar-market-badge {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  gap: 0 !important;
  font-size: 0 !important;
  overflow: hidden !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.topbar-premium .topbar-market-badge .dot-live,
.topbar .topbar-market-badge .dot-live {
  width: 10px !important;
  height: 10px !important;
  margin: 0 !important;
  border-radius: 999px !important;
}
.topbar .badge-live .dot-live { background: #16a34a !important; }
.topbar .badge-closed .dot-live { background: #ff8200 !important; }
.topbar .badge-offline .dot-live { background: #dc2626 !important; }

.values-hidden #summary-pts,
.values-hidden #metric-weekly,
.values-hidden #metric-monthly {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  position: relative !important;
}
.values-hidden #summary-pts::after,
.values-hidden #metric-weekly::after,
.values-hidden #metric-monthly::after {
  content: '••••' !important;
  position: absolute !important;
  inset: 0 !important;
  color: var(--et-text) !important;
  -webkit-text-fill-color: var(--et-text) !important;
  white-space: nowrap !important;
}


#opportunities-list .btn-ignore,
#opportunities-feed .btn-ignore {
  background: #f6f6f6 !important;
  border-color: #f6f6f6 !important;
  color: #6f6f6f !important;
}
#opportunities-list .btn-enable,
#opportunities-list .btn-enable.btn-buy,
#opportunities-list .btn-enable.btn-sell,
#opportunities-feed .btn-enable,
#opportunities-feed .btn-enable.btn-buy,
#opportunities-feed .btn-enable.btn-sell {
  background: #282b33 !important;
  border-color: #282b33 !important;
  color: #fff !important;
}
#opportunities-list .enabled-feedback + .btn-ignore,
#opportunities-feed .enabled-feedback + .btn-ignore {
  background: #91abbc !important;
  border-color: #91abbc !important;
  color: #fff !important;
}

/* Logo padronizada Rôbozim VVDT */
.logo.logo-img,
.topbar-premium .logo.logo-img {
  display: block;
  width: auto;
  height: 38px;
  max-width: 150px;
  object-fit: contain;
  flex-shrink: 0;
}

@media (max-width: 420px) {
  .logo.logo-img,
  .topbar-premium .logo.logo-img {
    height: 34px !important;
    max-width: 130px;
  }
}
.login-logo.login-logo-img {
  display: block;
  width: auto;
  height: 72px;
  max-width: 220px;
  object-fit: contain;
  margin: 0 auto 8px;
}

/* PWA install prompt */
.pwa-install-button {
  position: fixed;
  right: 18px;
  bottom: calc(18px + env(safe-area-inset-bottom));
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 999px;
  padding: 12px 16px;
  background: #282b33;
  color: #fff;
  font: 700 13px/1 var(--font-sans, inherit);
  box-shadow: 0 14px 34px rgba(15, 17, 21, .22);
  cursor: pointer;
}
.pwa-install-button i { font-size: 18px; }
.pwa-install-button:active { transform: translateY(1px); }
@media (max-width: 420px) {
  .pwa-install-button {
    right: 14px;
    bottom: calc(14px + env(safe-area-inset-bottom));
    padding: 11px 14px;
  }
}


/* VVDT targeted button refinement: ignore/cancel/enabled states only */
#opportunities-list .btn-ignore,
#opportunities-feed .btn-ignore {
  background: #f6f6f6 !important;
  border: 1px solid rgba(40, 43, 51, .08) !important;
  color: #6f6f6f !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.75) inset, 0 8px 18px rgba(40,43,51,.04) !important;
}
#opportunities-list .btn-ignore:hover,
#opportunities-feed .btn-ignore:hover {
  background: #eeeeee !important;
  color: #444 !important;
}
html[data-theme="dark"] #opportunities-list .btn-ignore,
html[data-theme="dark"] #opportunities-feed .btn-ignore {
  background: #202734 !important;
  border-color: rgba(148, 163, 184, .16) !important;
  color: #cbd5e1 !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 8px 20px rgba(0,0,0,.18) !important;
}
html[data-theme="dark"] #opportunities-list .btn-ignore:hover,
html[data-theme="dark"] #opportunities-feed .btn-ignore:hover {
  background: #273142 !important;
  color: #f1f5f9 !important;
}
#opportunities-list .btn-enable,
#opportunities-list .btn-enable.btn-buy,
#opportunities-list .btn-enable.btn-sell,
#opportunities-feed .btn-enable,
#opportunities-feed .btn-enable.btn-buy,
#opportunities-feed .btn-enable.btn-sell {
  background: #282b33 !important;
  border: 1px solid #282b33 !important;
  color: #fff !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.08) inset, 0 10px 22px rgba(40,43,51,.18) !important;
}
#opportunities-list .btn-enable:hover,
#opportunities-list .btn-enable.btn-buy:hover,
#opportunities-list .btn-enable.btn-sell:hover,
#opportunities-feed .btn-enable:hover,
#opportunities-feed .btn-enable.btn-buy:hover,
#opportunities-feed .btn-enable.btn-sell:hover {
  background: #1f2229 !important;
  border-color: #1f2229 !important;
}
#opportunities-list .enabled-feedback,
#opportunities-feed .enabled-feedback {
  background: rgba(16,185,129,.14) !important;
  border: 1px solid rgba(16,185,129,.32) !important;
  color: #10b981 !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.06) inset !important;
}
#opportunities-list .enabled-feedback .ef-title,
#opportunities-feed .enabled-feedback .ef-title {
  color: #10b981 !important;
}
#opportunities-list .enabled-feedback + .btn-ignore,
#opportunities-feed .enabled-feedback + .btn-ignore,
#opportunities-list .btn-cancel,
#opportunities-feed .btn-cancel {
  background: #91abbc !important;
  border: 1px solid #91abbc !important;
  color: #fff !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.12) inset, 0 8px 18px rgba(145,171,188,.18) !important;
}
#opportunities-list .enabled-feedback + .btn-ignore:hover,
#opportunities-feed .enabled-feedback + .btn-ignore:hover,
#opportunities-list .btn-cancel:hover,
#opportunities-feed .btn-cancel:hover {
  background: #7f9db1 !important;
  border-color: #7f9db1 !important;
}
html[data-theme="dark"] #opportunities-list .enabled-feedback + .btn-ignore,
html[data-theme="dark"] #opportunities-feed .enabled-feedback + .btn-ignore,
html[data-theme="dark"] #opportunities-list .btn-cancel,
html[data-theme="dark"] #opportunities-feed .btn-cancel {
  background: rgba(148,163,184,.14) !important;
  border-color: rgba(148,163,184,.22) !important;
  color: #dbe4ee !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 8px 20px rgba(0,0,0,.18) !important;
}
html[data-theme="dark"] #opportunities-list .enabled-feedback + .btn-ignore:hover,
html[data-theme="dark"] #opportunities-feed .enabled-feedback + .btn-ignore:hover,
html[data-theme="dark"] #opportunities-list .btn-cancel:hover,
html[data-theme="dark"] #opportunities-feed .btn-cancel:hover {
  background: rgba(148,163,184,.22) !important;
  border-color: rgba(148,163,184,.32) !important;
}


/* V4: painel operacional simplificado */
.current-trade-strip::before { display: none !important; }
.current-trade-strip .trade-progress { display: none !important; }


.risk-row-with-zone-limits {
  justify-content: space-between;
  align-items: center;
}

.risk-main-info {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: fit-content;
}

.zone-limits {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  justify-content: flex-end;
  min-width: 150px;
}

.zone-limit-pill {
  min-width: 90px;
  padding: 6px 8px;
  border: 0.5px solid #E1DED4;
  border-radius: 6px;
  background: #FBFAF7;
  color: #9A978E;
  font-size: 10px;
  font-family: 'DM Mono', monospace;
  text-align: left;
  white-space: nowrap;
}

.zone-limit-pill span {
  font-family: inherit;
  color: #B4B2A9;
}

@media (max-width: 380px) {
  .risk-row-with-zone-limits {
    align-items: flex-start;
  }
  .zone-limits {
    width: 100%;
    justify-content: flex-start;
  }
  .zone-limit-pill {
    flex: 1;
    min-width: 0;
  }
}


/* V9.2.2 - Ajuste EXCLUSIVO do card de oportunidades.
   Mantém o restante intacto; compacta Risco/Máx/Mín em uma linha como aprovado. */
#opportunities-list .card:not(.card-closed) .risk-row.risk-row-with-zone-limits,
#opportunities-list .card:not(.card-closed) .risk-row.risk-row-max-only.risk-row-with-zone-limits {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  padding: 4px 20px 14px !important;
  overflow: visible !important;
}
#opportunities-list .card:not(.card-closed) .risk-row-with-zone-limits .risk-main-info {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 6px !important;
  min-width: 0 !important;
}
#opportunities-list .card:not(.card-closed) .risk-row-with-zone-limits .risk-label {
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  color: #6F6D66 !important;
  white-space: nowrap !important;
}
#opportunities-list .card:not(.card-closed) .risk-row-with-zone-limits .risk-val.danger-soft {
  background: transparent !important;
  color: #E6572E !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
#opportunities-list .card:not(.card-closed) .risk-row-with-zone-limits .zone-limits {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 0 !important;
  margin-left: 10px !important;
}
#opportunities-list .card:not(.card-closed) .risk-row-with-zone-limits .zone-limit-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 1 auto !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-left: 1px solid #E5E1D8 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #2B2B2B !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-family: 'DM Sans', sans-serif !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#opportunities-list .card:not(.card-closed) .risk-row-with-zone-limits .zone-limit-pill span {
  color: #6F6D66 !important;
  font-family: 'DM Sans', sans-serif !important;
  margin-right: 3px !important;
}
@media (max-width: 380px) {
  #opportunities-list .card:not(.card-closed) .risk-row.risk-row-with-zone-limits,
  #opportunities-list .card:not(.card-closed) .risk-row.risk-row-max-only.risk-row-with-zone-limits {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  #opportunities-list .card:not(.card-closed) .risk-row-with-zone-limits .risk-label,
  #opportunities-list .card:not(.card-closed) .risk-row-with-zone-limits .risk-val.danger-soft,
  #opportunities-list .card:not(.card-closed) .risk-row-with-zone-limits .zone-limit-pill {
    font-size: 10px !important;
  }
  #opportunities-list .card:not(.card-closed) .risk-row-with-zone-limits .zone-limits {
    margin-left: 7px !important;
  }
  #opportunities-list .card:not(.card-closed) .risk-row-with-zone-limits .zone-limit-pill {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}

/* V9.2.3 - Correção REAL: card de oportunidades no container ativo #opportunities-feed.
   Risco máximo / Máx / Mín em texto plano, separados por |, sem pills/inputs. */
#opportunities-feed .card:not(.card-closed) .risk-row.risk-row-with-zone-limits,
#opportunities-feed .card:not(.card-closed) .risk-row.risk-row-max-only.risk-row-with-zone-limits {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  padding: 4px 20px 14px !important;
  overflow: visible !important;
}

#opportunities-feed .card:not(.card-closed) .risk-row-with-zone-limits .risk-main-info {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 6px !important;
  min-width: 0 !important;
}

#opportunities-feed .card:not(.card-closed) .risk-row-with-zone-limits .risk-label {
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  color: #6F6D66 !important;
  white-space: nowrap !important;
}

#opportunities-feed .card:not(.card-closed) .risk-row-with-zone-limits .risk-val.danger-soft {
  background: transparent !important;
  color: #E6572E !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

#opportunities-feed .card:not(.card-closed) .risk-row-with-zone-limits .zone-limits {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 0 !important;
  margin-left: 10px !important;
}

#opportunities-feed .card:not(.card-closed) .risk-row-with-zone-limits .zone-limit-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 1 auto !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-left: 1px solid #E5E1D8 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #2B2B2B !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-family: 'DM Sans', sans-serif !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: none !important;
}

#opportunities-feed .card:not(.card-closed) .risk-row-with-zone-limits .zone-limit-pill span {
  color: #6F6D66 !important;
  font-family: 'DM Sans', sans-serif !important;
  margin-right: 3px !important;
}

@media (max-width: 380px) {
  #opportunities-feed .card:not(.card-closed) .risk-row.risk-row-with-zone-limits,
  #opportunities-feed .card:not(.card-closed) .risk-row.risk-row-max-only.risk-row-with-zone-limits {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  #opportunities-feed .card:not(.card-closed) .risk-row-with-zone-limits .risk-label,
  #opportunities-feed .card:not(.card-closed) .risk-row-with-zone-limits .risk-val.danger-soft,
  #opportunities-feed .card:not(.card-closed) .risk-row-with-zone-limits .zone-limit-pill {
    font-size: 10px !important;
  }
  #opportunities-feed .card:not(.card-closed) .risk-row-with-zone-limits .zone-limits {
    margin-left: 7px !important;
  }
  #opportunities-feed .card:not(.card-closed) .risk-row-with-zone-limits .zone-limit-pill {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}


/* V9.2.4 - Ajustes pontuais solicitados
   1) Tema escuro: melhora contraste APENAS da linha Risco/Máx/Mín no card de oportunidades.
   2) Tema escuro: alvo do card em andamento permanece verde.
   Não altera tema claro. */
html[data-theme="dark"] #opportunities-feed .card:not(.card-closed) .risk-row-with-zone-limits .risk-label {
  color: #C8D2DC !important;
}

html[data-theme="dark"] #opportunities-feed .card:not(.card-closed) .risk-row-with-zone-limits .risk-val.danger-soft {
  color: #FF7C63 !important;
  background: transparent !important;
}

html[data-theme="dark"] #opportunities-feed .card:not(.card-closed) .risk-row-with-zone-limits .zone-limit-pill {
  color: #D7E0E8 !important;
  border-left-color: rgba(203, 213, 225, .34) !important;
  background: transparent !important;
}

html[data-theme="dark"] #opportunities-feed .card:not(.card-closed) .risk-row-with-zone-limits .zone-limit-pill span {
  color: #AFC0CF !important;
}

html[data-theme="dark"] .risk-val.green,
html[data-theme="dark"] #opportunities-feed .card .risk-val.green {
  background: rgba(51, 214, 159, .14) !important;
  color: #33D69F !important;
}


/* V9.3 - Gráfico mobile em tempo quase real */
.toolbar-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.btn-chart-open {
  display: inline-flex; align-items: center; gap: 6px;
  min-height: 38px; padding: 8px 12px; border-radius: 999px;
  border: 1px solid rgba(27, 105, 62, .18); background: #EAF7EF;
  color: #17663C; font-weight: 800; font-size: 12px; cursor: pointer;
}
html[data-theme="dark"] .btn-chart-open { background: rgba(34,197,94,.12); border-color: rgba(74,222,128,.25); color: #86EFAC; }
.chart-topbar { display: flex; align-items: center; gap: 12px; }
.chart-topbar h1 { margin: 0; font-size: 22px; }
.chart-topbar p { margin: 2px 0 0; font-size: 12px; color: #827F74; }
html[data-theme="dark"] .chart-topbar p { color: #CBD5E1; }
.icon-btn {
  width: 40px; height: 40px; border-radius: 14px; border: 1px solid rgba(35,48,41,.08);
  background: rgba(255,255,255,.78); color: #233029; display: inline-flex; align-items: center; justify-content: center;
  font-size: 20px; cursor: pointer;
}
html[data-theme="dark"] .icon-btn { background: rgba(15,23,42,.82); color: #E5E7EB; border-color: rgba(148,163,184,.20); }
.chart-panel { position: relative; overflow: hidden; padding: 14px; }
.chart-toolbar { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; margin-bottom: 10px; }
.chart-symbol { font-weight: 900; color: #233029; font-size: 17px; }
.chart-status { margin-top: 2px; font-size: 12px; color: #827F74; }
.chart-price { font-size: 18px; font-weight: 900; color: #17663C; white-space: nowrap; }
.trade-chart { position: relative; width: 100%; height: min(62vh, 520px); min-height: 390px; border-radius: 18px; overflow: hidden; background: #fff; z-index: 1; }
.chart-overlays { position: absolute; pointer-events: none; overflow: hidden; border-radius: 18px; z-index: 8; }
.zone-overlay { position: absolute; border: 1px solid rgba(22,163,74,.42); background: rgba(22,163,74,.14); border-radius: 4px; box-sizing: border-box; }
.zone-overlay.sell { border-color: rgba(220,38,38,.42); background: rgba(220,38,38,.12); }
.zone-overlay.enabled { border-color: rgba(37,99,235,.55); background: rgba(37,99,235,.16); }
.chart-legend { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; color: #5E665F; font-size: 12px; font-weight: 700; }
.legend-dot { display: inline-block; width: 10px; height: 10px; border-radius: 99px; margin-right: 4px; vertical-align: -1px; }
.legend-dot.smc-buy { background: rgba(22,163,74,.45); }
.legend-dot.smc-sell { background: rgba(220,38,38,.45); }
.legend-dot.smc-enabled { background: rgba(37,99,235,.45); }
.chart-help { margin-top: 8px; font-size: 11px; color: #827F74; }
html[data-theme="dark"] .chart-symbol { color: #F8FAFC; }
html[data-theme="dark"] .chart-status,
html[data-theme="dark"] .chart-help,
html[data-theme="dark"] .chart-legend { color: #CBD5E1; }
html[data-theme="dark"] .chart-price { color: #86EFAC; }
html[data-theme="dark"] .trade-chart { background: #111827; }
@media (max-width: 420px) {
  .toolbar-actions { width: 100%; justify-content: space-between; }
  .btn-chart-open { flex: 1; justify-content: center; }
  .toolbar-actions .timeframe-select { flex: 1; min-width: 96px; }
  .bottomnav .nav-item { font-size: 10px; }
  .bottomnav .nav-item i { font-size: 19px; }
  .trade-chart { min-height: 360px; }
}

/* V9.3.5 - gráfico no dashboard e visão geral recolhível */
.operational-panel { cursor: pointer; }
.operational-panel .overview-toggle-hint { margin-left: auto; color: #827F74; font-size: 20px; transition: transform .18s ease; }
.operational-panel:not(.overview-collapsed) .overview-toggle-hint { transform: rotate(180deg); }
.operational-panel.overview-collapsed { padding-bottom: 16px; }
.operational-panel.overview-collapsed .operational-main,
.operational-panel.overview-collapsed .operational-money-row,
.operational-panel.overview-collapsed .operational-current-row,
.operational-panel.overview-collapsed #btn-zero-operation,
.operational-panel.overview-collapsed #zero-operation-feedback { display: none !important; }
.operational-panel.overview-collapsed .operational-subtitle::after { content: ' · toque para abrir'; color: #9A978D; }
html[data-theme="dark"] .operational-panel .overview-toggle-hint,
html[data-theme="dark"] .operational-panel.overview-collapsed .operational-subtitle::after { color: #CBD5E1; }
.dashboard-chart-card { margin-top: 12px; }
.dashboard-trade-chart { height: min(48vh, 430px); min-height: 300px; }
.dashboard-chart-legend { margin-bottom: 0; }
.chart-level-line { position: absolute; height: 0; border-top: 1px solid; left: 0; z-index: 30; pointer-events: none; }
.chart-level-line.dashed { border-top-style: dashed; }
.chart-level-label { position: absolute; right: 2px; top: -11px; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 5px; border-radius: 6px; white-space: nowrap; box-shadow: 0 3px 9px rgba(0,0,0,.14); }
@media (max-width: 420px) {
  .dashboard-chart-card { padding: 10px; }
  .dashboard-trade-chart { min-height: 280px; height: 42vh; }
  .dashboard-chart-legend { gap: 7px; font-size: 10px; }
  .chart-level-label { font-size: 9px; padding: 2px 5px; }
}

/* V9.3.6 - linhas somente com posição aberta e gráfico recolhível no dashboard */
.chart-price-row { display: inline-flex; align-items: center; gap: 8px; }
.chart-toggle-hint { color: #827F74; font-size: 20px; line-height: 1; transition: transform .18s ease; }
html[data-theme="dark"] .chart-toggle-hint { color: #CBD5E1; }
.dashboard-chart-card { margin-top: 16px; margin-bottom: 18px; cursor: pointer; }
.dashboard-chart-card.chart-collapsed { padding-bottom: 14px; }
.dashboard-chart-card.chart-collapsed .trade-chart,
.dashboard-chart-card.chart-collapsed .chart-overlays,
.dashboard-chart-card.chart-collapsed .chart-legend,
.dashboard-chart-card.chart-collapsed .chart-help { display: none !important; }
.dashboard-chart-card.chart-collapsed .chart-toolbar { margin-bottom: 0; }
.dashboard-chart-card.chart-collapsed .chart-status::after { content: ' · toque para abrir'; color: #9A978D; }
html[data-theme="dark"] .dashboard-chart-card.chart-collapsed .chart-status::after { color: #CBD5E1; }
.dashboard-chart-card.chart-collapsed .chart-toggle-hint { transform: rotate(180deg); }
.chart-level-line { z-index: 60; }
.chart-level-label { z-index: 61; }
@media (max-width: 420px) {
  .dashboard-chart-card { margin-top: 14px; margin-bottom: 16px; }
}


/* V9.3.6 baseline ajuste pontual solicitado: espaçamento e cabeçalho do gráfico */
.operational-panel {
  margin-bottom: 14px !important;
}
.dashboard-chart-card {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}
.chart-price:empty {
  display: none !important;
}
.chart-status:empty {
  display: none !important;
}
@media (max-width: 420px) {
  .operational-panel {
    margin-bottom: 14px !important;
  }
  .dashboard-chart-card {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
  }
}


/* Ajustes solicitados - próximas oportunidades e linhas operacionais */
.opportunity-toolbar > div:first-child { flex: 1 1 auto; min-width: 0; }
.opportunity-toolbar .toolbar-actions { flex: 0 0 auto; width: auto; }
.opportunity-toolbar .timeframe-select {
  width: 74px !important;
  min-width: 74px !important;
  max-width: 74px !important;
  padding: 10px 30px 10px 14px !important;
  text-align: left;
}
@media (max-width: 420px) {
  .opportunity-toolbar { align-items: center !important; gap: 10px !important; }
  .opportunity-toolbar .toolbar-actions { width: auto !important; justify-content: flex-end !important; }
  .opportunity-toolbar .toolbar-actions .timeframe-select { flex: 0 0 74px !important; min-width: 74px !important; }
}