/* Carteira1M — estilos custom (complementa Tailwind) */

.tab-btn { color: #64748b; }
.tab-btn.tab-ativo { color: #0f766e; }
.tab-btn:hover { background-color: #f8fafc; }

.tela { padding: 1rem; padding-bottom: 1rem; }

.card {
  background: white;
  border-radius: 1rem;
  padding: 1rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

.gauge-bg { background: linear-gradient(90deg, #0f766e var(--pct, 0%), #e2e8f0 var(--pct, 0%)); }

.verdict-HOLD     { background: #f1f5f9; color: #475569; }
.verdict-INCREASE { background: #dcfce7; color: #166534; }
.verdict-DECREASE { background: #fef3c7; color: #92400e; }
.verdict-EXIT     { background: #fee2e2; color: #991b1b; }

.row-ativo {
  display: block;
  padding: 0.7rem 0.8rem;
  border-radius: 0.6rem;
  cursor: pointer;
}
.row-ativo:hover { background: #f8fafc; }
.row-ativo + .row-ativo { border-top: 1px solid #f1f5f9; }

.delta-pos { color: #15803d; }
.delta-neg { color: #b91c1c; }

.pill {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  padding: 4px 2px;
  border-radius: 8px;
  background: #f1f5f9;
  font-size: 10px;
  line-height: 1.1;
  text-align: center;
}
.pill .pill-label { color: #64748b; font-size: 9px; letter-spacing: 0.05em; }
.pill .pill-value { font-weight: 600; margin-top: 1px; }
.pill.delta-pos  { background: #dcfce7; }
.pill.delta-pos  .pill-value { color: #166534; }
.pill.delta-neg  { background: #fee2e2; }
.pill.delta-neg  .pill-value { color: #991b1b; }
.pill.delta-zero { background: #f1f5f9; }
.pill.delta-zero .pill-value { color: #475569; }

@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
.modal { animation: fadein 0.15s ease; }