:root{
  --brand-gold:#C49A36;--brand-cream:#fff7e6;--brand-green:#16a34a;--brand-ice:#fffafa;
  --brand-red:#dc3545;--text:#1f2937;--muted:#6b7280;--line:#e5e7eb;--panel:#ffffff;
  --touch:32px; /* desktop */
}

/* Evita auto-ajuste/zoom em TODOS os navegadores mobile */
html{
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  text-size-adjust:100%;
}

html,body{background:var(--brand-ice);color:var(--text);}
.wrapper{max-width:1100px;margin:24px auto 64px;padding:0 16px;}
.title-wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;}
.brand-title{font-weight:800;letter-spacing:.2px;margin:0;}
.subtitle{color:var(--muted);margin-top:4px;}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 9px 18px rgba(0,0,0,.42)!important;overflow:hidden;}
.panel-head{padding:18px 18px 0;}
.grid{display:grid;gap:14px;grid-template-columns:1fr;}
@media(min-width:992px){.grid{grid-template-columns:1.1fr .9fr;}}
.input-wrap{background:var(--brand-cream);border:1px solid #f0e0bd;padding:14px;border-radius:12px;}
.label{font-size:.95rem;color:var(--muted);margin-bottom:6px;}
.kpis{display:flex;gap:10px;flex-wrap:wrap;}
.chip{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid var(--line);border-left:4px solid var(--brand-gold);padding:8px 10px;border-radius:10px;font-weight:700;min-height:32px;}
.chip .pill{background:#eef2f7;border-radius:6px;padding:4px 8px;font-weight:800;}
.chip.pos{border-left-color:var(--brand-green);}
.chip.neg{border-left-color:var(--brand-red);}
.chip .pill.pos{background:#c9fbdf;color:#096b3d;}
.chip .pill.neg{background:#ffd7dd;color:#a30e25;}

.btn-accent{background:var(--brand-gold);color:#111;font-weight:800;border:none;border-radius:10px;padding:8px 12px;box-shadow:0 9px 18px rgba(0,0,0,.42)!important;min-height:var(--touch);}
.btn-reset{background:#fff;border:1px dashed var(--line);color:#111;padding:8px 12px;border-radius:10px;min-height:var(--touch);}
.btn-toggle{border:1.5px solid var(--line);background:#fff;color:#111;border-radius:10px;padding:8px 10px;min-height:var(--touch);}
.btn-toggle.active{box-shadow:0 0 0 3px rgba(22,163,74,.15);border-color:var(--brand-green);}

.rows-head,.row-line{display:grid;grid-template-columns:120px 1fr 1fr 160px;gap:8px;align-items:center;}
.rows-head{color:#475569;font-size:.9rem;padding:8px 12px;border-bottom:1px solid var(--line);}
.row-line{padding:6px 10px;background:#fff;border-left:6px solid transparent;border:1px solid var(--line);border-radius:12px;margin:6px 8px;gap:6px;}
.idx{display:inline-flex;align-items:center;justify-content:center;width:52px;height:28px;border-radius:10px;border:1.5px solid var(--line);background:#fff;color:#111;font-weight:800;font-size:.9rem;}
.money{font-weight:800;}
.copy-btn{border:1.5px solid var(--line);background:#fff;color:#111;border-radius:8px;padding:6px 8px;min-height:var(--touch);}
.copy-btn.copied{border-color:var(--brand-green);background:#eafff3;color:#0b7a45;}
.note{color:var(--muted);font-size:.95rem;padding:10px 16px 16px;}
.hr{height:1px;background:var(--line);border:0;}
.form-control,.form-control:focus{background:#fff;border:1.5px solid var(--line);color:#111;box-shadow:none;min-height:var(--touch);font-size:.95rem;padding:6px 8px;line-height:1.1;}
.form-control::placeholder{opacity:.7;font-size:.95rem;}
.form-control:focus{border-color:#C49A36;}
.label-xs{display:none;font-size:.85rem;color:#64748b;}

/* tons */
.tone-1{--c-bg:#fff6eb;--c-br:#f2c28f;--c-idx:#f2c28f;}
.tone-2{--c-bg:#eef8ff;--c-br:#9cc7ef;--c-idx:#9cc7ef;}
.tone-3{--c-bg:#f4ffef;--c-br:#a9dea0;--c-idx:#a9dea0;}
.tone-4{--c-bg:#fff0f3;--c-br:#f0a8b4;--c-idx:#f0a8b4;}
.tone-5{--c-bg:#f5f1ff;--c-br:#c1b3f2;--c-idx:#c1b3f2;}
.tone-6{--c-bg:#f0fff9;--c-br:#9fe4cd;--c-idx:#9fe4cd;}
.tone-7{--c-bg:#fff9ef;--c-br:#f7d29b;--c-idx:#f7d29b;}
.tone-8{--c-bg:#effaff;--c-br:#a2d5f5;--c-idx:#a2d5f5;}
.tone-9{--c-bg:#f1fff4;--c-br:#b1e5b8;--c-idx:#b1e5b8;}
.tone-10{--c-bg:#fff2f6;--c-br:#f5b1c3;--c-idx:#f5b1c3;}
.tone-11{--c-bg:#f7f3ff;--c-br:#cdbef5;--c-idx:#cdbef5;}
.tone-12{--c-bg:#effff9;--c-br:#a9e9d1;--c-idx:#a9e9d1;}
.tone-13{--c-bg:#fff7ef;--c-br:#f2c89d;--c-idx:#f2c89d;}
.tone-14{--c-bg:#eef7ff;--c-br:#a7cdf3;--c-idx:#a7cdf3;}
.tone-15{--c-bg:#f2fff2;--c-br:#b6e9b8;--c-idx:#b6e9b8;}
.tone-16{--c-bg:#fff0f2;--c-br:#f3a8b2;--c-idx:#f3a8b2;}
.tone-17{--c-bg:#f5f6ff;--c-br:#c1c6f5;--c-idx:#c1c6f5;}
.tone-18{--c-bg:#f0fffb;--c-br:#a6ecdc;--c-idx:#a6ecdc;}
.tone-19{--c-bg:#fff8f0;--c-br:#f4d1a9;--c-idx:#f4d1a9;}
.tone-20{--c-bg:#eef6ff;--c-br:#9fc5ff;}
.row-line[class*="tone-"]{background:var(--c-bg);border-color:var(--c-br);border-left-color:var(--c-br);}
.row-line[class*="tone-"] .idx{border-color:var(--c-idx);}
.row-line[class*="tone-"] .copy-btn{border-color:var(--c-br);}

/* --- Ícones de informação nas KPIs (respiro + tooltip CSS para mobile) --- */
.kpis .info-tip{
  margin:0 6px;
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--brand-gold);opacity:.95;cursor:pointer;
  position:relative;outline:0; -webkit-tap-highlight-color:transparent;
}
.kpis .info-tip + .info-tip{ margin-left:8px; }

/* Tooltip CSS: aparece ao tocar (focus/active). Usa o atributo title como conteúdo. */
.kpis .info-tip:focus::after,
.kpis .info-tip:active::after{
  content: attr(title);
  position:absolute; z-index:50;
  bottom: calc(100% + 8px); left:50%; transform:translateX(-50%);
  background:#111; color:#fff; padding:6px 8px; border-radius:8px;
  font-size:.85rem; line-height:1.2; max-width:260px; width:max-content;
  box-shadow:0 6px 14px rgba(0,0,0,.18);
  white-space:normal; text-align:center;
}
.kpis .info-tip:focus::before,
.kpis .info-tip:active::before{
  content:""; position:absolute; z-index:51;
  bottom:100%; left:50%; transform:translateX(-50%);
  border:6px solid transparent; border-top-color:#111;
}

/* ===== MOBILE ULTRA-COMPACT ===== */
@media(max-width:575.98px){
  :root{ --touch:26px; } /* ainda mais fino */

  /* inputs com 16px em mobile p/ impedir zoom */
  .form-control,.form-control:focus{min-height:var(--touch);padding:3px 7px;font-size:1rem;line-height:1.15;}
  .form-control::placeholder{font-size:1rem;}
  input[type="text"],input[type="number"],input[type="tel"],input[type="search"],
  input[type="email"],select,textarea{font-size:16px;line-height:1.15;}

  .title-wrap{flex-direction:column;align-items:flex-start;gap:4px;}
  .grid{grid-template-columns:1fr;gap:8px;} /* menos gap entre painéis */
  .rows-head{display:none!important;}

  /* Painel (investimento/resultado) super compacto */
  .wrapper{ margin:10px auto 32px; padding:0 8px; }
  .panel{ border-radius:10px; box-shadow:0 9px 18px rgba(0,0,0,.42)!important; }
  .panel-head{ padding:8px 8px 4px; }
  .input-wrap{ padding:8px; border-radius:10px; }
  .label{ font-size:.82rem; margin-bottom:2px; }
  .kpis{ gap:4px; }
  .kpis .info-tip{ margin:0 4px; } /* versão mobile */
  .kpis .info-tip + .info-tip{ margin-left:6px; }
  .chip{ padding:5px 7px; min-height:24px; border-radius:8px; gap:6px; }
  .chip .pill{ padding:2px 5px; font-size:.8rem; }

  /* Botões do painel – iguais e menores, sem overflow */
  .cols-1-1-auto{
    display:grid;
    grid-template-columns:1fr 1fr 1fr; /* + Linha | Reiniciar | Comissão % */
    gap:6px;
    align-items:stretch;
  }
  .btn-accent,.btn-reset,.btn-toggle{
    width:100%;
    padding:5px 6px;
    font-size:.9rem;
    min-height:calc(var(--touch) + 2px);
  }
  .btn-toggle .bi{ margin-right:6px; font-size:1.02rem; }

  /* LINHAS/CARDS ainda mais finos e com mínimo de espaços */
  .row-line{
    grid-template-columns:1fr;
    gap:2px;
    padding:1px 15px;
    margin:1px 2px;
    border-radius:9px;
  }
  .row-line .idx{ width:42px;height:22px;font-size:.78rem;border-width:1.1px; }
  .row-line>div{display:flex;justify-content:space-between;align-items:center;gap:6px;}
  .row-line .text-center,.row-line .text-end{justify-content:space-between!important;}
  .label-xs{display:inline;font-size:.78rem;color:#64748b;}

  /* Retorno: valor à esquerda, junto do rótulo */
  .row-line>div:has([data-money="ret"]){ justify-content:flex-start!important; gap:6px; }
  [data-money="ret"]{ font-size:.8rem; font-weight:700; line-height:1.1; margin-left:2px; }

  /* COMISSÃO SUPER COMPACTA (sem margens/paddings e mais estreita) */
  .row-line .col-com{
    padding:0 !important;
    margin:0 !important;
    justify-content:flex-start !important;
    align-items:center;
  }
  .row-line .col-com .flex-grow-1{
    display:flex; align-items:center; gap:6px; margin:0; padding:0;
  }
  .row-line .col-com .label-xs{ margin:0; }
  .row-line .col-com .form-control{ padding:3px 6px; }
  .w-140{ max-width:88px; } /* mais estreita no mobile */

  .copy-btn{padding:3px 6px;min-height:var(--touch);}
  .note{ padding:6px 8px 8px; font-size:.88rem; }
}

/* ===== TABLETS ===== */
@media(min-width:576px) and (max-width:991.98px){
  .rows-head,.row-line{grid-template-columns:100px 1fr 1fr 160px;}
  .copy-btn{padding:6px 8px;}
}

/* ===== DESKTOP ===== */
@media(min-width:992px){
  .rows-head,.row-line{grid-template-columns:160px 1fr 1fr 160px;}
}

.btn-accent,.btn-reset,.btn-toggle{transition:transform .12s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease;}
@keyframes press{0%{transform:scale(1);}50%{transform:scale(.97);}100%{transform:scale(1);}}
.btn-accent.clicked,.btn-reset.clicked,.btn-reset:active{background:#fff3d6;border-color:#e9c779;color:#5a4100;box-shadow:0 9px 18px rgba(0,0,0,.42)!important;}
.btn-toggle.clicked{animation:press 160ms ease-out;}
.btn-toggle .bi{transition:transform .2s ease;}
.btn-toggle.active{background:#e9fff3;color:#0b7a45;border-color:var(--brand-green);box-shadow:0 0 0 4px rgba(22,163,74,.18),0 2px 10px rgba(22,163,74,.10);}
.btn-toggle.active .bi{transform:rotate(90deg);}
html,body{background:var(--brand-ice,#fffafa);color:var(--text,#1f2937);}
.gold-nav{background:#fff;border-bottom:2px solid var(--brand-gold,#C49A36);box-shadow:0 9px 18px rgba(0,0,0,.42)!important;}
.gold-nav .navbar-brand{color:#111;}
.gold-nav .nav-link{font-weight:700;color:#374151;border-bottom:2px solid transparent;}
.gold-nav .nav-link:hover,.gold-nav .nav-link.active{color:#111;border-bottom-color:var(--brand-gold,#C49A36);}
.gold-nav .navbar-toggler{border-color:var(--brand-gold,#C49A36);}
.gold-nav .navbar-toggler:focus{box-shadow:0 9px 18px rgba(0,0,0,.42)!important;}
.btn-accent{background:var(--brand-gold,#C49A36);color:#111;font-weight:800;border:none;border-radius:10px;padding:8px 12px;box-shadow:0 9px 18px rgba(0,0,0,.42)!important;}
.card{background:#fff!important;border:1.5px solid var(--brand-gold,#C49A36)!important;border-radius:14px;box-shadow:0 9px 18px rgba(0,0,0,.42)!important;}
.card .card-title,.card .icon,.card .bi{color:var(--brand-gold,#C49A36);}
.card .badge{background:var(--brand-cream,#fff7e6);color:#5a4100;border:1px solid var(--brand-gold,#C49A36);}
.hidden{display:none!important;}
.cols-1-1-auto{display:grid;grid-template-columns:1fr 1fr auto;}
.w-240{max-width:240px;}
.w-140{max-width:140px;} /* valor padrão (sobrescrito no mobile) */
.error-box{padding:16px;color:#b91c1c;}

/* === Copiar embutido no INVESTIMENTO (ícone sem borda) === */
.stake-wrap{ position:relative; display:inline-block; }
.stake-wrap [data-money="stake"]{ display:inline-block; padding-right:36px; }
.stake-wrap .copy-btn{
  position:absolute; right:0; top:50%; transform:translateY(-50%);
  display:inline-flex; align-items:center; justify-content:center;
  width:24px; height:24px; padding:0; margin:0;
  background:transparent; border:0; box-shadow:none;
  color:var(--brand-gold); line-height:1; cursor:pointer; font-size:0;
}
.stake-wrap .copy-btn .bi{ font-size:1rem; }
.stake-wrap .copy-btn.copied{ color:var(--brand-green); }

@media (max-width:575.98px){
  .stake-wrap [data-money="stake"]{ padding-right:30px; }
  .stake-wrap .copy-btn{ right:0; width:22px; height:22px; }
  .stake-wrap .copy-btn .bi{ font-size:.95rem; }
}

/* ====== Inputs 16px em QUALQUER dispositivo touch (garantia global) ====== */
@media (pointer: coarse){
  .form-control,.form-control:focus{ font-size:1rem !important; line-height:1.2; }
  input[type="text"],input[type="number"],input[type="tel"],input[type="search"],
  input[type="email"],select,textarea{ font-size:16px !important; line-height:1.2; }
}


/* Remover insígnia ordinal (1º, 2º, 3º...) */
.row-line .idx{ display:none !important; }



/* Cor do botão/ícone de edição */
.name-edit .btn-edit-name.btn-link{
  color:#c9a34d !important;   /* dourado pedido */
  text-decoration:none;
}
.name-edit .btn-edit-name.btn-link:hover,
.name-edit .btn-edit-name.btn-link:focus{
  color:#b18b3f;               /* leve escurecido no hover/focus (opcional) */
  text-decoration:none;
}
.name-edit .btn-edit-name .bi{
  color:inherit;               /* ícone segue a cor do botão */
}












/* =========================================================
   TEMA PREMIUM ESCURO / DOURADO — Flex Browser
   Cole este bloco no FINAL do arquivo KfjfaFJEAfnqnea.css
   ========================================================= */

:root{
  --brand-gold:#C49A36;
  --brand-cream:rgba(255,255,255,.04);
  --brand-green:#22c55e;
  --brand-ice:#0f0f0f;
  --brand-red:#ef4444;
  --text:#ffffff;
  --muted:rgba(255,255,255,.55);
  --line:rgba(255,255,255,.10);
  --panel:rgba(255,255,255,.04);
}

/* Fundo geral */
html,
body{
  min-height:100%;
  background:
    radial-gradient(600px 280px at 20% -10%,rgba(196,154,54,.20),transparent 60%),
    radial-gradient(800px 320px at 80% -20%,rgba(196,154,54,.18),transparent 60%),
    linear-gradient(180deg,#0f0f0f,#171717) !important;
  color:#fff !important;
}

/* Área principal */
.wrapper{
  color:#fff;
}

.brand-title{
  color:#fff;
}

.subtitle{
  color:rgba(255,255,255,.55) !important;
}

/* Painel principal */
.panel{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 8px 30px rgba(0,0,0,.25) !important;
  backdrop-filter:blur(6px);
  color:#fff;
}

.panel-head{
  color:#fff;
}

/* Bloco de investimento */
.input-wrap{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#fff;
  backdrop-filter:blur(6px);
}

.label,
.label-xs{
  color:rgba(255,255,255,.55) !important;
}

/* Inputs */
.form-control,
.form-control:focus,
input,
select,
textarea{
  background:#0f0f0f !important;
  border:1.5px solid rgba(255,255,255,.15) !important;
  color:#fff !important;
  box-shadow:none;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder{
  color:rgba(255,255,255,.45) !important;
  opacity:1;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus{
  border-color:rgba(196,154,54,.60) !important;
  box-shadow:0 9px 18px rgba(0,0,0,.42)!important;
}

/* Prefixo R$ do input */
.input-group-text{
  background:rgba(196,154,54,.14) !important;
  border:1.5px solid rgba(196,154,54,.38) !important;
  color:var(--brand-gold,#C49A36) !important;
  font-weight:800;
}

/* KPIs / chips */
.chip{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-left:4px solid var(--brand-gold,#C49A36) !important;
  color:#fff !important;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}

.chip .pill{
  background:rgba(196,154,54,.14) !important;
  color:var(--brand-gold,#C49A36) !important;
  border:1px solid rgba(196,154,54,.35);
}

.chip.pos{
  border-left-color:var(--brand-green,#22c55e) !important;
}

.chip.neg{
  border-left-color:var(--brand-red,#ef4444) !important;
}

.chip .pill.pos{
  background:rgba(34,197,94,.14) !important;
  color:#86efac !important;
  border-color:rgba(34,197,94,.35);
}

.chip .pill.neg{
  background:rgba(239,68,68,.14) !important;
  color:#fecaca !important;
  border-color:rgba(239,68,68,.35);
}

/* Ícones de informação */
.kpis .info-tip{
  color:var(--brand-gold,#C49A36) !important;
}

/* Tooltip mobile */
.kpis .info-tip:focus::after,
.kpis .info-tip:active::after{
  background:#0f0f0f !important;
  color:#fff !important;
  border:1px solid rgba(196,154,54,.35);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}

.kpis .info-tip:focus::before,
.kpis .info-tip:active::before{
  border-top-color:#0f0f0f !important;
}

/* Bootstrap tooltip */
.tooltip-inner{
  background:#0f0f0f !important;
  color:#fff !important;
  border:1px solid rgba(196,154,54,.35);
}

.tooltip .tooltip-arrow::before{
  border-top-color:#0f0f0f !important;
}

/* Botão adicionar linha */
.btn-accent{
  background:var(--brand-gold,#C49A36) !important;
  color:#0f0f0f !important;
  border:none !important;
  box-shadow:0 9px 18px rgba(0,0,0,.42)!important;
}

.btn-accent:hover{
  filter:brightness(1.05);
  color:#0f0f0f !important;
}

.btn-accent.clicked{
  background:var(--brand-gold,#C49A36) !important;
  color:#0f0f0f !important;
  border-color:var(--brand-gold,#C49A36) !important;
  box-shadow:0 9px 18px rgba(0,0,0,.42)!important;
}

/* Botão reiniciar */
.btn-reset{
  background:rgba(255,255,255,.04) !important;
  border:1px dashed rgba(255,255,255,.20) !important;
  color:#fff !important;
}

.btn-reset:hover,
.btn-reset.clicked,
.btn-reset:active{
  background:rgba(196,154,54,.14) !important;
  border-color:rgba(196,154,54,.45) !important;
  color:#fff !important;
  box-shadow:0 9px 18px rgba(0,0,0,.42)!important;
}

/* Botão comissão */
.btn-toggle{
  background:rgba(255,255,255,.04) !important;
  border:1.5px solid rgba(255,255,255,.15) !important;
  color:#fff !important;
}

.btn-toggle:hover{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(196,154,54,.40) !important;
  color:#fff !important;
}

.btn-toggle.active{
  background:rgba(34,197,94,.14) !important;
  color:#86efac !important;
  border-color:var(--brand-green,#22c55e) !important;
  box-shadow:0 0 0 4px rgba(34,197,94,.16),0 2px 10px rgba(34,197,94,.10) !important;
}

/* Linha divisória */
.hr{
  background:rgba(255,255,255,.10) !important;
}

/* Cabeçalho das linhas */
.rows-head{
  color:rgba(255,255,255,.55) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}

/* Estado vazio */
#rowsEmpty{
  color:rgba(255,255,255,.55) !important;
}

#rowsEmpty strong{
  color:#fff !important;
}

#rowsEmpty .bi{
  color:var(--brand-gold,#C49A36) !important;
}

/* Linhas de resultado */
.row-line{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-left:6px solid rgba(196,154,54,.45) !important;
  color:#fff !important;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  backdrop-filter:blur(6px);
}

/* Sobrescreve os tons claros antigos */
.row-line[class*="tone-"]{
  background:rgba(255,255,255,.04) !important;
  border-color:rgba(255,255,255,.10) !important;
  border-left-color:rgba(196,154,54,.45) !important;
}

/* Nome da casa */
.name-edit,
.name-text{
  color:#fff !important;
}

.name-edit .btn-edit-name.btn-link{
  color:var(--brand-gold,#C49A36) !important;
}

.name-edit .btn-edit-name.btn-link:hover,
.name-edit .btn-edit-name.btn-link:focus{
  color:#e5c86b !important;
}

/* Investimento / retorno */
.money{
  color:#fff !important;
}

[data-money="stake"]{
  color:#fff !important;
}

[data-money="ret"]{
  color:#fff !important;
}

/* Botão copiar */
.copy-btn{
  background:rgba(255,255,255,.04) !important;
  border:1.5px solid rgba(255,255,255,.15) !important;
  color:#fff !important;
}

.copy-btn:hover{
  background:rgba(196,154,54,.14) !important;
  border-color:rgba(196,154,54,.45) !important;
  color:#fff !important;
}

.copy-btn.copied{
  border-color:var(--brand-green,#22c55e) !important;
  background:rgba(34,197,94,.14) !important;
  color:#86efac !important;
}

/* Copiar embutido no investimento */
.stake-wrap .copy-btn{
  background:transparent !important;
  border:0 !important;
  color:var(--brand-gold,#C49A36) !important;
  box-shadow:none !important;
}

.stake-wrap .copy-btn:hover{
  background:transparent !important;
  color:#e5c86b !important;
}

.stake-wrap .copy-btn.copied{
  color:var(--brand-green,#22c55e) !important;
}

/* Navbar na mesma pegada escura/dourada */
.gold-nav{
  background:
    radial-gradient(500px 180px at 20% -60%,rgba(196,154,54,.18),transparent 60%),
    linear-gradient(180deg,rgba(15,15,15,.98),rgba(23,23,23,.96)) !important;
  border-bottom:1px solid rgba(196,154,54,.45) !important;
  box-shadow:0 8px 30px rgba(0,0,0,.35) !important;
  backdrop-filter:blur(8px);
}

.gold-nav .navbar-brand{
  color:#fff !important;
}

.gold-nav .nav-link{
  font-weight:700;
  color:rgba(255,255,255,.72) !important;
  border-bottom:2px solid transparent;
}

.gold-nav .nav-link:hover,
.gold-nav .nav-link.active{
  color:#fff !important;
  border-bottom-color:var(--brand-gold,#C49A36) !important;
}

.gold-nav .navbar-toggler{
  border-color:rgba(196,154,54,.55) !important;
}

.gold-nav .navbar-toggler:focus{
  box-shadow:0 9px 18px rgba(0,0,0,.42)!important;
}

.gold-nav .navbar-toggler-icon{
  filter:invert(1) grayscale(1);
}

.gold-nav .dropdown-menu{
  background:#0f0f0f !important;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.35) !important;
}

.gold-nav .dropdown-item{
  color:rgba(255,255,255,.78) !important;
}

.gold-nav .dropdown-item:hover,
.gold-nav .dropdown-item:focus{
  background:rgba(196,154,54,.14) !important;
  color:#fff !important;
}

.gold-nav .dropdown-item:active{
  background:rgba(196,154,54,.22) !important;
  color:#fff !important;
}

/* Cards genéricos, caso Bootstrap apareça */
.card{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#fff !important;
  box-shadow:0 8px 30px rgba(0,0,0,.25) !important;
  backdrop-filter:blur(6px);
}

.card .card-title,
.card .icon,
.card .bi{
  color:var(--brand-gold,#C49A36) !important;
}

.card .badge{
  background:rgba(196,154,54,.14) !important;
  color:var(--brand-gold,#C49A36) !important;
  border:1px solid rgba(196,154,54,.38) !important;
}

/* Mensagem de erro */
.error-box{
  color:#fecaca !important;
  background:rgba(239,68,68,.12) !important;
  border:1px solid rgba(239,68,68,.35) !important;
  border-radius:12px;
}

/* Links */
a{
  color:var(--brand-gold,#C49A36);
}

a:hover{
  color:#e5c86b;
}
/* =========================================================
   FIX DUTCHING: campo de odd visível + layout com casa seletora
   ========================================================= */
@media(min-width:992px){
  .rows-head,
  .row-line{
    grid-template-columns:minmax(320px,1.35fr) minmax(170px,.8fr) minmax(150px,.8fr) 160px !important;
  }
}

@media(min-width:576px) and (max-width:991.98px){
  .rows-head,
  .row-line{
    grid-template-columns:minmax(280px,1.35fr) minmax(150px,.8fr) minmax(130px,.7fr) 140px !important;
  }
}

.row-line > div:first-child{
  min-width:0;
  flex-wrap:wrap;
}

.row-line > div:first-child .flex-grow-1{
  min-width:130px;
  flex:1 1 150px;
}

.row-line .input-odd,
.row-line .input-odd.w-240{
  width:100% !important;
  max-width:220px !important;
  min-width:96px !important;
}

.name-edit{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  min-width:0;
}

.name-edit .name-text{
  white-space:nowrap;
}

.dutching-house-select{
  min-width:130px;
}

@media(max-width:575.98px){
  .row-line > div:first-child{
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:6px !important;
  }
  .row-line > div:first-child .flex-grow-1{
    width:100% !important;
    min-width:0 !important;
    flex:1 1 auto !important;
  }
  .row-line .input-odd,
  .row-line .input-odd.w-240{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
  .name-edit{
    width:100%;
    align-items:flex-start;
  }
  .name-edit .name-text{
    white-space:normal;
  }
  .dutching-house-select{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
}


/* FLEX BROWSER — override final: botões em dourado metálico sólido */
.btn-gold,
.btn-accent,
.co-btn-primary,
.btn-primary:not(.btn-soft):not(.btn-outline-primary),
.gold-nav .btn,
.gold-nav .btn-accent,
.co-admin-navbar .btn,
.co-admin-navlinks a.is-active,
a.btn-gold,
button.btn-gold,
input.btn-gold{
  background:#C49A36!important;
  border-color:#C49A36!important;
  color:#0d0a03!important;
  box-shadow:0 9px 18px rgba(0,0,0,.42)!important;
  text-shadow:none!important;
}
.btn-gold:hover,
.btn-gold:focus,
.btn-accent:hover,
.btn-accent:focus,
.co-btn-primary:hover,
.btn-primary:not(.btn-soft):not(.btn-outline-primary):hover,
.gold-nav .btn:hover,
.co-admin-navlinks a.is-active:hover{
  background:#C49A36!important;
  border-color:#e2c85d!important;
  color:#060403!important;
  filter:brightness(1.04)!important;
  box-shadow:0 9px 18px rgba(0,0,0,.42)!important;
}


/* FLEX BROWSER 1.0.25 — dourado #C49A36 e sombras escuras */
:root{--brand-gold:#C49A36!important;--gold:#C49A36!important;--co-final-gold:#C49A36!important;--co-final-button:#C49A36!important;--co-final-button-dark:#C49A36!important;}
.btn-gold,.btn-accent,.btn-primary,.admin-btn-primary,.co-btn-primary,.co-final-btn,.cta-button,button[type="submit"]{background:#C49A36!important;border-color:#C49A36!important;color:#100b03!important;box-shadow:0 12px 26px rgba(18,13,4,.42)!important;}
.btn-gold:hover,.btn-accent:hover,.btn-primary:hover,.admin-btn-primary:hover,.co-btn-primary:hover,.co-final-btn:hover,.cta-button:hover,button[type="submit"]:hover{background:#C49A36!important;border-color:#c8a23b!important;box-shadow:0 16px 32px rgba(18,13,4,.52)!important;filter:brightness(1.03);}
.btn-gold:active,.btn-accent:active,.btn-primary:active,.admin-btn-primary:active,.co-btn-primary:active,.co-final-btn:active,.cta-button:active,button[type="submit"]:active{background:#927124!important;border-color:#927124!important;box-shadow:0 8px 18px rgba(18,13,4,.58)!important;}


/* =========================================================
   FLEX BROWSER 1.0.27 — RETOQUE FINAL GLOBAL
   Fundo sólido, cards sólidos, navbar sem gradiente, texto legível
   e gráfico de lucro apenas em verde neon.
   ========================================================= */
:root{
  --gold:#C49A36!important;
  --brand-gold:#C49A36!important;
  --co-final-gold:#C49A36!important;
  --co-final-button:#C49A36!important;
  --bg:#121212!important;
  --panel:#141414!important;
  --panel2:#141414!important;
  --panel-2:#141414!important;
  --text:#f6f3e8!important;
  --muted:rgba(246,243,232,.72)!important;
  --line:rgba(196,154,54,.22)!important;
}
html,body,body.bg-dark,.dash,.main,.admin-shell,.co-app-shell,body.co-home,.co-home,.page,.wrapper,.content,.app-shell{
  background:#121212!important;
  background-image:none!important;
  color:#f6f3e8!important;
}
body::before,body::after,
.co-hero::before,.co-hero::after,
.co-app-bg::before,.co-app-bg::after,
.co-orb,.bg-orb,.hero-orb,.decor-orb,.ambient-orb,
[class*="orb"],[class*="glow"]{
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
/* Remove gradientes antigos sem destruir a hierarquia */
.gold-nav,.co-admin-navbar,.navbar,.top-actions,.side,.sidebar,
.panel,.kpi,.card,.glass-card,.notice,.support-card,.tutorial-card,.suggestion-card,.summary-card,
.admin-card,.admin-panel,.panel-body,.co-panel,.co-feature-card,.co-workflow,.co-dashboard-preview,.co-comparison,.co-cta,
.co-wide-banner,.co-floating-card,.co-feature,.co-demo,.co-plan,.co-final,.co-app-mock,.co-product,.co-video-window,.co-wide-bg,
.co-profit-panel,.co-profit-chart,.modal-content,.dropdown-menu,.table-responsive,.bookmaker-checklist,.cycle-date-view,.cycle-pill,
.program-activation-card,.price-card,.step-card,.feature-card,.banner-box,.hero-stat,
.container .rounded-4,.container-fluid .rounded-4,.rounded-4{
  background:#141414!important;
  background-image:none!important;
  border-color:rgba(196,154,54,.22)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.34)!important;
}
/* Corrige elementos com gradiente inline, mantendo apenas os blocos de interesse */
[style*="linear-gradient"],[style*="radial-gradient"],[style*="repeating-linear-gradient"],
[style*="background:linear-gradient"],[style*="background: radial-gradient"],
[style*="background-image:linear-gradient"],[style*="background-image: radial-gradient"]{
  background:#141414!important;
  background-image:none!important;
}
/* Navbar limpa, sem faixa dourada antiga */
.gold-nav,.co-admin-navbar,.navbar.gold-nav{
  background:#141414!important;
  background-image:none!important;
  border-bottom:1px solid rgba(196,154,54,.22)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.40)!important;
  backdrop-filter:blur(12px)!important;
}
.gold-nav .nav-link,.co-admin-navlinks a:not(.is-active),.navbar .nav-link{
  background:#141414!important;
  background-image:none!important;
  color:rgba(246,243,232,.74)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}
.gold-nav .nav-link:hover,.gold-nav .nav-link.active,.co-admin-navlinks a:not(.is-active):hover,.navbar .nav-link:hover{
  background:#181818!important;
  background-image:none!important;
  color:#fff7d6!important;
  border-color:rgba(196,154,54,.34)!important;
}
/* Botões dourados sólidos, sem neon */
.btn-gold,.btn-accent,.btn-primary:not(.btn-soft):not(.btn-outline-primary),.co-btn-primary,.admin-btn-primary,
button.btn-gold,a.btn-gold,input.btn-gold,.pagination .active .page-link,.co-admin-navlinks a.is-active,.cta-button,button[type="submit"]{
  background:#C49A36!important;
  background-image:none!important;
  border-color:#C49A36!important;
  color:#121212!important;
  text-shadow:none!important;
  box-shadow:0 10px 20px rgba(0,0,0,.42)!important;
}
.btn-gold:hover,.btn-gold:focus,.btn-accent:hover,.btn-accent:focus,
.btn-primary:not(.btn-soft):not(.btn-outline-primary):hover,.co-btn-primary:hover,.admin-btn-primary:hover,
.co-admin-navlinks a.is-active:hover,.cta-button:hover,button[type="submit"]:hover{
  background:#D1A844!important;
  background-image:none!important;
  border-color:#D1A844!important;
  color:#0b0b0b!important;
  box-shadow:0 12px 24px rgba(0,0,0,.50)!important;
  filter:none!important;
}
.btn-soft,.co-btn-soft,.admin-btn,.btn-outline-light,.btn-outline-secondary,
.form-control,.form-select,input,select,textarea,.input,.admin-input{
  background:#141414!important;
  background-image:none!important;
  color:#f6f3e8!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
.btn-soft:hover,.co-btn-soft:hover,.admin-btn:hover,.btn-outline-light:hover,.btn-outline-secondary:hover{
  background:#181818!important;
  background-image:none!important;
  color:#fff!important;
  border-color:rgba(196,154,54,.30)!important;
}
/* Texto mais legível sem mexer nos verdes de valores */
h1,h2,h3,h4,h5,h6,.panel-head,.panel-head h2,.card-title,.fw-bold:not(.money-pos):not(.money-neg):not(.result-money):not(.result-won):not(.result-lost),
.label,.kpi .label,.co-profit-eyebrow,.cycle-title,.selection-obs-label{
  color:#f7f2df!important;
}
.muted,.small,.text-muted,.kpi .muted,.panel .muted,.co-profit-grid-line span,.co-profit-months,.co-profit-ticks{
  color:rgba(247,242,223,.70)!important;
}
.text-gradient,.co-title .co-gradient,.co-money.gold,.hero h1 strong,.co-section-title strong{
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#D1A844!important;
}
.badge-soft,.badge.bg-secondary,.badge.text-bg-secondary,.co-badge,.admin-badge{
  background:#181818!important;
  background-image:none!important;
  color:#f5df9c!important;
  border:1px solid rgba(196,154,54,.26)!important;
}
/* Card de ciclos/apostas pendentes: sólido e legível */
.vstack .rounded-4,.cycle-card,.cycle-row,.cycle-pill,.cycle-date-view,.inline-pill-view{
  background:#141414!important;
  background-image:none!important;
  border-color:rgba(196,154,54,.20)!important;
  color:#f6f3e8!important;
}
.vstack .rounded-4:hover,.cycle-card:hover,.cycle-row:hover{
  background:#181818!important;
  border-color:rgba(196,154,54,.34)!important;
}
.vstack .rounded-4 .fw-bold:not(.money-pos):not(.money-neg),.cycle-pill,.cycle-title{
  color:#f6f3e8!important;
}
/* Gráfico de lucro: somente aqui usa verde-neon */
.co-profit-panel,.co-profit-chart,.co-profit-plot,.co-profit-stage{
  background:#141414!important;
  background-image:none!important;
}
.co-profit-svg{filter:drop-shadow(0 0 8px rgba(57,255,20,.34))!important;}
.co-profit-line{
  stroke:#39FF14!important;
  stroke-width:3.4!important;
  filter:drop-shadow(0 0 10px rgba(57,255,20,.72))!important;
  shape-rendering:geometricPrecision!important;
}
.co-profit-area{fill:none!important;opacity:0!important;}
.co-profit-dot,.co-profit-dot-halo{
  fill:#39FF14!important;
  stroke:#39FF14!important;
  filter:drop-shadow(0 0 10px rgba(57,255,20,.78))!important;
}
.co-profit-grid-line{background:rgba(255,255,255,.08)!important;}
.co-profit-top strong{color:#f6f3e8!important;}
.co-profit-final,.co-profit-delta{
  background:#141414!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.14)!important;
}
/* Mantém os verdes financeiros do site intactos */
.money-pos,.result-won,.result-money-won,.license-badge,.text-success{color:#22e66b!important;}
.result-lost,.result-money-lost,.money-neg,.text-danger{color:#ff4d5f!important;}



/* =========================================================
   FLEX SITE v28 — acabamento final sem gradientes
   Fundo #121212, painéis #141414, textos legíveis e gráfico
   de lucro com verde neon apenas na linha/escadinha.
   ========================================================= */
:root{
  --gold:#C49A36!important;
  --brand-gold:#C49A36!important;
  --co-final-gold:#C49A36!important;
  --co-final-button:#C49A36!important;
  --bg:#121212!important;
  --co-bg:#121212!important;
  --co-bg-2:#121212!important;
  --panel:#141414!important;
  --panel2:#141414!important;
  --panel-2:#141414!important;
  --co-panel:#141414!important;
  --co-panel-2:#141414!important;
  --text:#f7f3e7!important;
  --co-text:#f7f3e7!important;
  --muted:#c7bea6!important;
  --co-muted:#c7bea6!important;
  --line:rgba(196,154,54,.24)!important;
  --co-line:rgba(196,154,54,.22)!important;
}
html,
body,
body.bg-dark,
body.co-home,
body.co-app-shell,
.bg-dark,
.dash,
.main,
.wrapper,
.content,
.app-shell,
.admin-shell,
.co-app-shell,
.co-home,
.page,
.container-fluid,
main{
  background:#121212!important;
  background-image:none!important;
  color:#f7f3e7!important;
}
body::before,
body::after,
main::before,
main::after,
.co-hero::before,
.co-hero::after,
.co-app-bg::before,
.co-app-bg::after,
[class*="orb"],
[class*="glow"],
.bg-orb,
.hero-orb,
.decor-orb,
.ambient-orb{
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:0!important;
}
/* Remove gradientes dourados/antigos em todas as páginas */
[style*="linear-gradient"],
[style*="radial-gradient"],
[style*="repeating-linear-gradient"],
[style*="conic-gradient"],
[class*="gradient"],
.text-gradient,
.banner-overlay{
  background:#141414!important;
  background-image:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  filter:none!important;
}
.gold-nav,
.navbar,
.navbar.gold-nav,
.co-admin-navbar,
.top-actions,
.side,
.sidebar,
.offcanvas,
.dropdown-menu,
.modal-content,
.panel,
.panel-body,
.kpi,
.card,
.glass-card,
.notice,
.support-card,
.tutorial-card,
.suggestion-card,
.summary-card,
.admin-card,
.admin-panel,
.co-panel,
.co-feature-card,
.co-workflow,
.co-dashboard-preview,
.co-comparison,
.co-cta,
.co-wide-banner,
.co-floating-card,
.co-feature,
.co-demo,
.co-plan,
.co-final,
.co-app-mock,
.co-product,
.co-video-window,
.co-wide-bg,
.co-profit-panel,
.co-profit-chart,
.co-profit-plot,
.co-profit-stage,
.table-responsive,
.bookmaker-checklist,
.cycle-date-view,
.cycle-pill,
.inline-pill-view,
.program-activation-card,
.price-card,
.step-card,
.feature-card,
.banner-box,
.hero-stat,
.vstack .rounded-4,
.container .rounded-4,
.container-fluid .rounded-4,
.rounded-4{
  background:#141414!important;
  background-image:none!important;
  border-color:rgba(196,154,54,.22)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.34)!important;
  color:#f7f3e7!important;
}
.gold-nav,
.navbar.gold-nav,
.co-admin-navbar{
  background:#141414!important;
  background-image:none!important;
  border-bottom:1px solid rgba(196,154,54,.26)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.44)!important;
  backdrop-filter:blur(12px)!important;
}
.gold-nav .nav-link,
.navbar .nav-link,
.co-admin-navlinks a:not(.is-active),
.side .navbtn,
.tabs a,
.btn-soft,
.co-btn-soft,
.admin-btn,
.btn-outline-light,
.btn-outline-secondary,
.btn-outline-warning{
  background:#141414!important;
  background-image:none!important;
  color:#d8cfb8!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
.gold-nav .nav-link:hover,
.gold-nav .nav-link.active,
.navbar .nav-link:hover,
.navbar .nav-link.active,
.co-admin-navlinks a:not(.is-active):hover,
.side .navbtn:hover,
.side .navbtn.active,
.tabs a:hover,
.btn-soft:hover,
.co-btn-soft:hover,
.admin-btn:hover,
.btn-outline-light:hover,
.btn-outline-secondary:hover,
.btn-outline-warning:hover{
  background:#181818!important;
  background-image:none!important;
  color:#fff6dc!important;
  border-color:rgba(196,154,54,.34)!important;
  box-shadow:none!important;
}
.btn-gold,
.btn-accent,
.btn-primary:not(.btn-soft):not(.btn-outline-primary),
.co-btn-primary,
.admin-btn-primary,
button.btn-gold,
a.btn-gold,
input.btn-gold,
.pagination .active .page-link,
.co-admin-navlinks a.is-active,
.cta-button,
button[type="submit"]{
  background:#C49A36!important;
  background-image:none!important;
  border-color:#C49A36!important;
  color:#111!important;
  text-shadow:none!important;
  box-shadow:0 8px 16px rgba(0,0,0,.40)!important;
  filter:none!important;
}
.btn-gold:hover,
.btn-gold:focus,
.btn-accent:hover,
.btn-accent:focus,
.btn-primary:not(.btn-soft):not(.btn-outline-primary):hover,
.co-btn-primary:hover,
.admin-btn-primary:hover,
.co-admin-navlinks a.is-active:hover,
.cta-button:hover,
button[type="submit"]:hover{
  background:#D2A84A!important;
  background-image:none!important;
  border-color:#D2A84A!important;
  color:#0b0b0b!important;
  box-shadow:0 10px 20px rgba(0,0,0,.48)!important;
  filter:none!important;
}
/* Legibilidade: corrige textos apagados em dashboard, cards, saldos e indicação */
h1,h2,h3,h4,h5,h6,
.panel-head,
.panel-head h2,
.card-title,
.kpi .label,
.kpi .value,
.label,
.form-label,
.fw-bold:not(.money-pos):not(.money-neg):not(.result-won):not(.result-lost):not(.result-money),
.cycle-title,
.selection-obs-label,
.co-profit-eyebrow,
.panel-body span,
.panel-body strong:not(.money-pos):not(.money-neg),
.program-activation-card strong{
  color:#f7f3e7!important;
  opacity:1!important;
  text-shadow:none!important;
}
.muted,
.small,
.text-muted,
.kpi .muted,
.panel .muted,
.form-text,
.co-muted,
.co-profit-grid-line span,
.co-profit-months,
.co-profit-ticks,
.bookmaker-share,
.selection-obs-text,
.inline-pill-text{
  color:#c7bea6!important;
  opacity:1!important;
}
.kpi .value:not(.money-pos):not(.result-won),
.money-zero{
  color:#f1e7ce!important;
}
/* Mantém os verdes financeiros já existentes; só reforça contraste */
.money-pos,
.result-won,
.result-money-won,
.license-badge,
.text-success{
  color:#22e66b!important;
  opacity:1!important;
}
.money-neg,
.result-lost,
.result-money-lost,
.text-danger{
  color:#ff5b6a!important;
  opacity:1!important;
}
/* Saldos por casa e listas laterais */
.panel .vstack > .d-flex,
.panel-body .vstack > div:not(.cycle-card):not(.rounded-4){
  color:#f7f3e7!important;
  background:transparent!important;
  background-image:none!important;
}
.panel .vstack > .d-flex span,
.panel .vstack > .d-flex strong{
  color:#f7f3e7!important;
  opacity:1!important;
}
/* Ciclos/apostas pendentes sem gradiente e com texto visível */
.vstack .rounded-4,
.cycle-card,
.cycle-row,
.result-pill,
.result-select,
.bet-flag,
.bet-main-flag,
.bet-flag-row .badge{
  background:#141414!important;
  background-image:none!important;
  border-color:rgba(196,154,54,.20)!important;
  color:#f7f3e7!important;
  box-shadow:none!important;
}
.vstack .rounded-4:hover,
.cycle-card:hover,
.cycle-row:hover{
  background:#181818!important;
  background-image:none!important;
  border-color:rgba(196,154,54,.34)!important;
}
.badge,
.badge-soft,
.badge.bg-secondary,
.badge.text-bg-secondary,
.co-badge,
.admin-badge{
  background:#181818!important;
  background-image:none!important;
  color:#f5df9c!important;
  border:1px solid rgba(196,154,54,.26)!important;
}
.form-control,
.form-select,
input,
select,
textarea,
.input,
.admin-input{
  background:#141414!important;
  background-image:none!important;
  color:#f7f3e7!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
.form-control::placeholder,
textarea::placeholder,
input::placeholder{
  color:#9f967f!important;
  opacity:1!important;
}
/* Gráfico de lucro: apenas a linha/escadinha em verde-neon brilhante */
.co-profit-panel,
.co-profit-chart,
.co-profit-plot,
.co-profit-stage{
  background:#141414!important;
  background-image:none!important;
}
.co-profit-svg{
  filter:drop-shadow(0 0 8px rgba(57,255,20,.34))!important;
}
.co-profit-line{
  stroke:#39FF14!important;
  stroke-width:3.6!important;
  filter:drop-shadow(0 0 10px rgba(57,255,20,.76))!important;
  shape-rendering:geometricPrecision!important;
}
.co-profit-area{
  fill:none!important;
  opacity:0!important;
}
.co-profit-dot,
.co-profit-dot-halo{
  fill:#39FF14!important;
  stroke:#39FF14!important;
  filter:drop-shadow(0 0 10px rgba(57,255,20,.78))!important;
}
.co-profit-grid-line{
  background:rgba(255,255,255,.075)!important;
}
.co-profit-top strong,
.co-profit-final,
.co-profit-delta{
  color:#f7f3e7!important;
}