:root{
  --brand-gold:#c9a24a;--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 8px 26px rgba(201,162,74,.45);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 8px 10px rgba(201,162,74,.80);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:#c9a24a;}
.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 5px 14px rgba(201,162,74,.18); }
  .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 0 0 3px rgba(201,162,74,.22) inset,0 4px 14px rgba(201,162,74,.18);}
.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,#c9a24a);box-shadow:0 6px 22px rgba(201,162,74,.15);}
.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,#c9a24a);}
.gold-nav .navbar-toggler{border-color:var(--brand-gold,#c9a24a);}
.gold-nav .navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(201,162,74,.35);}
.btn-accent{background:var(--brand-gold,#c9a24a);color:#111;font-weight:800;border:none;border-radius:10px;padding:8px 12px;box-shadow:0 8px 10px rgba(201,162,74,.30);}
.card{background:#fff!important;border:1.5px solid var(--brand-gold,#c9a24a)!important;border-radius:14px;box-shadow:0 10px 26px rgba(201,162,74,.12);}
.card .card-title,.card .icon,.card .bi{color:var(--brand-gold,#c9a24a);}
.card .badge{background:var(--brand-cream,#fff7e6);color:#5a4100;border:1px solid var(--brand-gold,#c9a24a);}
.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 — Calcula Odd
   Cole este bloco no FINAL do arquivo KfjfaFJEAfnqnea.css
   ========================================================= */

:root{
  --brand-gold:#c9a24a;
  --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(201,162,74,.20),transparent 60%),
    radial-gradient(800px 320px at 80% -20%,rgba(201,162,74,.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(201,162,74,.60) !important;
  box-shadow:0 0 0 .2rem rgba(201,162,74,.20) !important;
}

/* Prefixo R$ do input */
.input-group-text{
  background:rgba(201,162,74,.14) !important;
  border:1.5px solid rgba(201,162,74,.38) !important;
  color:var(--brand-gold,#c9a24a) !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,#c9a24a) !important;
  color:#fff !important;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}

.chip .pill{
  background:rgba(201,162,74,.14) !important;
  color:var(--brand-gold,#c9a24a) !important;
  border:1px solid rgba(201,162,74,.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,#c9a24a) !important;
}

/* Tooltip mobile */
.kpis .info-tip:focus::after,
.kpis .info-tip:active::after{
  background:#0f0f0f !important;
  color:#fff !important;
  border:1px solid rgba(201,162,74,.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(201,162,74,.35);
}

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

/* Botão adicionar linha */
.btn-accent{
  background:var(--brand-gold,#c9a24a) !important;
  color:#0f0f0f !important;
  border:none !important;
  box-shadow:0 8px 18px rgba(201,162,74,.28) !important;
}

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

.btn-accent.clicked{
  background:var(--brand-gold,#c9a24a) !important;
  color:#0f0f0f !important;
  border-color:var(--brand-gold,#c9a24a) !important;
  box-shadow:0 0 0 3px rgba(201,162,74,.22) inset,0 4px 14px rgba(201,162,74,.18) !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(201,162,74,.14) !important;
  border-color:rgba(201,162,74,.45) !important;
  color:#fff !important;
  box-shadow:0 0 0 3px rgba(201,162,74,.16) inset !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(201,162,74,.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,#c9a24a) !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(201,162,74,.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(201,162,74,.45) !important;
}

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

.name-edit .btn-edit-name.btn-link{
  color:var(--brand-gold,#c9a24a) !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(201,162,74,.14) !important;
  border-color:rgba(201,162,74,.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,#c9a24a) !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(201,162,74,.18),transparent 60%),
    linear-gradient(180deg,rgba(15,15,15,.98),rgba(23,23,23,.96)) !important;
  border-bottom:1px solid rgba(201,162,74,.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,#c9a24a) !important;
}

.gold-nav .navbar-toggler{
  border-color:rgba(201,162,74,.55) !important;
}

.gold-nav .navbar-toggler:focus{
  box-shadow:0 0 0 .2rem rgba(201,162,74,.35) !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(201,162,74,.14) !important;
  color:#fff !important;
}

.gold-nav .dropdown-item:active{
  background:rgba(201,162,74,.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,#c9a24a) !important;
}

.card .badge{
  background:rgba(201,162,74,.14) !important;
  color:var(--brand-gold,#c9a24a) !important;
  border:1px solid rgba(201,162,74,.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,#c9a24a);
}

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;
  }
}