/* Ordens Ativas — Ledger Graphite (só cores)
 * Neutro bancário · verde/vermelho semânticos · sem ciano/âmbar de chrome
 * Carregar DEPOIS de ordens-view.css e geral-theme.css.
 */
#view-ordens,
#view-ordens-popout,
body.view-geral-active #view-ordens,
body.view-geral-active #view-ordens-popout {
  --oa-mint: #67E6C9;
  --oa-cream: #d4d8dc;
  --oa-dim: #8a9199;
  --oa-muted: #6a727a;
  --oa-line: #1a1d22;
  --oa-bg: #0a0b0d;
  --oa-panel: #12141a;
  --oa-panel-hi: #16181e;
  --oa-btn: #1a1c20;
  --oa-btn-border: #2a2e34;
  --oa-btn-text: #c8ccd0;
  --oa-loss: #FF4B4B;
  background: var(--oa-bg) !important;
  font-family: var(--font-bloomberg, var(--inst-mono, monospace)) !important;
  color: var(--oa-cream);
}

/* Header */
body.view-geral-active #view-ordens .oa-header,
#view-ordens .oa-header,
#view-ordens-popout .oa-header,
body.view-geral-active #view-ordens .oa-filters-bar,
#view-ordens .oa-filters-bar,
body.view-geral-active #view-ordens .oa-filters,
body.view-geral-active #view-ordens .oa-g-filters,
#view-ordens .oa-g-filters,
body.view-geral-active #view-ordens .oa-close-section,
#view-ordens .oa-close-section,
body.view-geral-active #view-ordens .oa-table-wrap,
#view-ordens .oa-table-wrap,
#view-ordens-popout .oa-table-wrap {
  background: var(--oa-bg) !important;
  border-color: var(--oa-line) !important;
  box-shadow: none !important;
}

body.view-geral-active #view-ordens .oa-title,
#view-ordens .oa-title,
#view-ordens-popout .oa-title,
body.view-geral-active #view-ordens .oa-title #oa-header-ativo,
#view-ordens .oa-title #oa-header-ativo {
  color: var(--oa-cream) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
}

body.view-geral-active #view-ordens .oa-count,
#view-ordens .oa-count {
  color: var(--oa-dim) !important;
}

/* TOTAL EXPOSURE — caixa graphite */
body.view-geral-active #view-ordens .oa-exp-badge,
#view-ordens .oa-exp-badge,
#view-ordens-popout .oa-exp-badge {
  background: var(--oa-btn) !important;
  border: 1px solid var(--oa-btn-border) !important;
  color: var(--oa-cream) !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
}

/* DETACH / ATTACH — tamanho mantido; só cor */
body.view-geral-active #view-ordens #oa-btn-desacoplar,
#view-ordens #oa-btn-desacoplar,
#view-ordens-popout #oa-btn-desacoplar {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  padding: 8px 16px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  min-height: 34px !important;
  background: var(--oa-btn) !important;
  border: 1px solid var(--oa-btn-border) !important;
  color: var(--oa-btn-text) !important;
}

/* Filters */
body.view-geral-active #view-ordens .oa-filter-label,
body.view-geral-active #view-ordens .oa-g-filter-label,
#view-ordens .oa-filter-label,
#view-ordens .oa-g-filter-label {
  color: var(--oa-dim) !important;
  letter-spacing: 0.12em !important;
}

body.view-geral-active #view-ordens .oa-filter-btn,
body.view-geral-active #view-ordens .oa-g-btn,
#view-ordens .oa-filter-btn,
#view-ordens .oa-g-btn,
#view-ordens-popout .oa-filter-btn,
#view-ordens-popout .oa-g-btn {
  background: var(--oa-btn) !important;
  border: 1px solid var(--oa-btn-border) !important;
  border-radius: 0 !important;
  color: var(--oa-btn-text) !important;
  box-shadow: none !important;
}

body.view-geral-active #view-ordens .oa-filter-btn:hover,
body.view-geral-active #view-ordens .oa-g-btn:hover,
#view-ordens .oa-filter-btn:hover,
#view-ordens .oa-g-btn:hover {
  border-color: #3a4048 !important;
  color: var(--oa-cream) !important;
  background: var(--oa-panel-hi) !important;
}

body.view-geral-active #view-ordens .oa-filter-btn.active,
body.view-geral-active #view-ordens .oa-g-btn.active,
#view-ordens .oa-filter-btn.active,
#view-ordens .oa-g-btn.active {
  background: #24282e !important;
  border-color: #3a4048 !important;
  color: #f0f2f4 !important;
  font-weight: 700 !important;
}

body.view-geral-active #view-ordens #oa-btn-voltar-grafico,
#view-ordens #oa-btn-voltar-grafico {
  background: var(--oa-btn) !important;
  border: 1px solid var(--oa-btn-border) !important;
  color: var(--oa-dim) !important;
  border-radius: 0 !important;
}

body.view-geral-active #view-ordens #oa-btn-voltar-grafico:hover {
  border-color: #3a4048 !important;
  color: var(--oa-cream) !important;
}

/* Table */
body.view-geral-active #view-ordens .oa-table-wrap .oa-table,
body.view-geral-active #view-ordens-popout .oa-table-wrap .oa-table,
#view-ordens .oa-table,
#view-ordens-popout .oa-table {
  background: var(--oa-bg);
}

body.view-geral-active #view-ordens .oa-table-wrap .oa-table th,
body.view-geral-active #view-ordens-popout .oa-table-wrap .oa-table th,
#view-ordens .oa-table th {
  background: var(--oa-panel) !important;
  border-bottom: 1px solid var(--oa-line) !important;
  color: var(--oa-dim) !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
}

body.view-geral-active #view-ordens .oa-table-wrap .oa-table td,
body.view-geral-active #view-ordens-popout .oa-table-wrap .oa-table td,
#view-ordens .oa-table td {
  background: var(--oa-bg) !important;
  border-bottom: 1px solid var(--oa-line) !important;
  color: var(--oa-cream);
}

body.view-geral-active #view-ordens .oa-table-wrap .oa-table tr:hover td,
#view-ordens .oa-table tr:hover td {
  background: var(--oa-panel-hi) !important;
}

/* BUY / P/L+ → mint */
body.view-geral-active #view-ordens .oa-pos,
#view-ordens .oa-pos,
body.view-geral-active #view-ordens .oa-table-wrap .oa-table td.oa-pl.oa-pos,
#view-ordens .oa-table td.oa-pl.oa-pos,
#view-ordens-popout .oa-table td.oa-pl.oa-pos {
  color: var(--oa-mint) !important;
}

/* SELL / SL / P/L− → red */
body.view-geral-active #view-ordens .oa-neg,
#view-ordens .oa-neg,
body.view-geral-active #view-ordens .oa-table-wrap .oa-table td.oa-pl.oa-neg,
#view-ordens .oa-table td.oa-pl.oa-neg,
#view-ordens-popout .oa-table td.oa-pl.oa-neg {
  color: var(--oa-loss) !important;
}

body.view-geral-active #view-ordens .oa-neu,
#view-ordens .oa-neu {
  color: var(--oa-cream) !important;
}

/* ASSET → cream (neutro) */
body.view-geral-active #view-ordens .oa-sym,
#view-ordens .oa-sym,
#view-ordens-popout .oa-sym,
body.view-geral-active #view-ordens .oa-amb,
#view-ordens .oa-amb,
#view-ordens-popout .oa-amb {
  color: var(--oa-cream) !important;
  font-weight: 700 !important;
}

/* TP PTS → cream (dado neutro) */
body.view-geral-active #view-ordens .oa-tp-pts,
#view-ordens .oa-tp-pts,
#view-ordens-popout .oa-tp-pts {
  color: var(--oa-cream) !important;
  font-weight: 600 !important;
}

/* RISK $ / % + saldo → cream */
body.view-geral-active #view-ordens .oa-saldo,
body.view-geral-active #view-ordens .oa-risco,
#view-ordens .oa-saldo,
#view-ordens .oa-risco {
  color: var(--oa-cream) !important;
}

/* TARGET $ → cream */
body.view-geral-active #view-ordens .oa-alvo,
#view-ordens .oa-alvo {
  color: var(--oa-cream) !important;
}

/* G tags — graphite uniforme */
body.view-geral-active #view-ordens .oa-table-wrap .oa-g-tag,
#view-ordens .oa-g-tag,
#view-ordens-popout .oa-g-tag {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--oa-btn-border);
  border-radius: 0;
  color: var(--oa-btn-text) !important;
  font-weight: 700 !important;
}

body.view-geral-active #view-ordens .oa-table-wrap .oa-g-tag.G1,
#view-ordens .oa-g-tag.G1,
body.view-geral-active #view-ordens .oa-table-wrap .oa-g-tag.G2,
#view-ordens .oa-g-tag.G2,
body.view-geral-active #view-ordens .oa-table-wrap .oa-g-tag.G3,
#view-ordens .oa-g-tag.G3,
body.view-geral-active #view-ordens .oa-table-wrap .oa-g-tag.G4,
#view-ordens .oa-g-tag.G4,
body.view-geral-active #view-ordens .oa-table-wrap .oa-g-tag.G5,
#view-ordens .oa-g-tag.G5,
body.view-geral-active #view-ordens .oa-table-wrap .oa-g-tag.G6,
#view-ordens .oa-g-tag.G6,
body.view-geral-active #view-ordens .oa-table-wrap .oa-g-tag.G7,
#view-ordens .oa-g-tag.G7,
body.view-geral-active #view-ordens .oa-table-wrap .oa-g-tag.G8,
#view-ordens .oa-g-tag.G8,
body.view-geral-active #view-ordens .oa-table-wrap .oa-g-tag.G9,
#view-ordens .oa-g-tag.G9,
body.view-geral-active #view-ordens .oa-table-wrap .oa-g-tag.G10,
#view-ordens .oa-g-tag.G10 {
  color: var(--oa-btn-text) !important;
  border-color: var(--oa-btn-border);
  background: rgba(255, 255, 255, 0.04) !important;
}

/* Row close X → graphite */
body.view-geral-active #view-ordens .oa-table-wrap .oa-close-x,
#view-ordens .oa-close-x,
#view-ordens-popout .oa-close-x {
  background: var(--oa-btn) !important;
  border: 1px solid var(--oa-btn-border) !important;
  color: var(--oa-btn-text) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.view-geral-active #view-ordens .oa-table-wrap .oa-close-x:hover:not(.oa-close-x--blocked),
#view-ordens .oa-close-x:hover:not(.oa-close-x--blocked) {
  background: var(--oa-panel-hi) !important;
  border-color: #3a4048 !important;
  color: #f0f2f4 !important;
}

body.view-geral-active #view-ordens .oa-table-wrap .oa-close-x.oa-close-x--blocked {
  border-color: rgba(255, 75, 75, 0.55) !important;
  color: var(--oa-loss) !important;
  background: rgba(255, 75, 75, 0.06) !important;
}

/* Bulk close */
body.view-geral-active #view-ordens .oa-close-label,
#view-ordens .oa-close-label {
  color: var(--oa-dim) !important;
}

body.view-geral-active #view-ordens .oa-open-orders-lbl,
#view-ordens .oa-open-orders-lbl {
  color: var(--oa-dim) !important;
  font-weight: 600 !important;
}

/* OPEN ORDERS count — caixa graphite */
body.view-geral-active #view-ordens #oa-total-badge,
#view-ordens #oa-total-badge {
  background: var(--oa-btn) !important;
  border: 1px solid var(--oa-btn-border) !important;
  color: var(--oa-cream) !important;
  font-weight: 700 !important;
}

/* CLOSE Gn / CLOSE ALL / LIMPAR — charcoal (como no print) */
body.view-geral-active #view-ordens .oa-close-g-btn,
body.view-geral-active #view-ordens .oa-close-g-chunk,
#view-ordens .oa-close-g-btn,
#view-ordens .oa-close-g-chunk,
body.view-geral-active #view-ordens .oa-close-all,
#view-ordens .oa-close-all,
body.view-geral-active #view-ordens .oa-close-all-pos,
#view-ordens .oa-close-all-pos,
body.view-geral-active #view-ordens .oa-close-all-neg,
#view-ordens .oa-close-all-neg,
body.view-geral-active #view-ordens .oa-purge-local,
body.view-geral-active #view-ordens .oa-purge-flat,
#view-ordens .oa-purge-local,
#view-ordens .oa-purge-flat {
  background: var(--oa-btn) !important;
  border: 1px solid var(--oa-btn-border) !important;
  color: var(--oa-btn-text) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  letter-spacing: 0.08em !important;
}

body.view-geral-active #view-ordens .oa-close-g-btn.G1,
body.view-geral-active #view-ordens .oa-close-g-chunk.G1,
#view-ordens .oa-close-g-btn.G1,
#view-ordens .oa-close-g-chunk.G1,
body.view-geral-active #view-ordens .oa-close-g-btn.G2,
body.view-geral-active #view-ordens .oa-close-g-chunk.G2,
#view-ordens .oa-close-g-btn.G2,
body.view-geral-active #view-ordens .oa-close-g-btn.G3,
body.view-geral-active #view-ordens .oa-close-g-chunk.G3,
#view-ordens .oa-close-g-btn.G3,
#view-ordens .oa-close-g-chunk.G3 {
  background: var(--oa-btn) !important;
  border-color: var(--oa-btn-border) !important;
  color: var(--oa-btn-text) !important;
}

body.view-geral-active #view-ordens .oa-close-g-btn:hover:not(.oa-close-g-btn--empty),
body.view-geral-active #view-ordens .oa-close-g-chunk:hover:not(:disabled),
#view-ordens .oa-close-g-btn:hover:not(.oa-close-g-btn--empty),
body.view-geral-active #view-ordens .oa-close-all-pos:hover,
body.view-geral-active #view-ordens .oa-close-all-neg:hover,
body.view-geral-active #view-ordens .oa-purge-local:hover,
body.view-geral-active #view-ordens .oa-purge-flat:hover {
  background: var(--oa-panel-hi) !important;
  border-color: #3a4048 !important;
  color: #f0f2f4 !important;
  filter: none !important;
}

/* Footer metrics */
body.view-geral-active #view-ordens .oa-footer,
#view-ordens .oa-footer {
  background: var(--oa-line) !important;
  border-top-color: var(--oa-line) !important;
  gap: 1px;
}

body.view-geral-active #view-ordens .oa-footer-cell,
#view-ordens .oa-footer-cell {
  background: var(--oa-panel) !important;
}

body.view-geral-active #view-ordens .oa-footer-lbl,
#view-ordens .oa-footer-lbl {
  color: var(--oa-dim) !important;
  letter-spacing: 0.12em !important;
}

body.view-geral-active #view-ordens .oa-footer-val,
#view-ordens .oa-footer-val {
  color: var(--oa-cream) !important;
  font-weight: 600 !important;
}

body.view-geral-active #view-ordens .oa-footer-val.oa-saldo,
#view-ordens .oa-footer-val.oa-saldo {
  color: var(--oa-cream) !important;
}

body.view-geral-active #view-ordens .oa-footer-val.oa-neg,
body.view-geral-active #view-ordens .oa-footer-sub.oa-neg,
#view-ordens .oa-footer-val.oa-neg,
#view-ordens .oa-footer-sub.oa-neg {
  color: var(--oa-loss) !important;
}

body.view-geral-active #view-ordens .oa-footer-val.oa-pos,
body.view-geral-active #view-ordens .oa-footer-sub.oa-pos,
#view-ordens .oa-footer-val.oa-pos,
#view-ordens .oa-footer-sub.oa-pos {
  color: var(--oa-mint) !important;
}

body.view-geral-active #view-ordens .oa-footer-sub,
#view-ordens .oa-footer-sub {
  color: var(--oa-muted) !important;
}
