/* Calculadora de Sensibilidade PUBG Mobile — estilos próprios. Estrutura base
   vem do design system compartilhado (_base.css). */

/* Abas de modo */
.tool-generator .calc-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
}
.tool-generator .calc-tab.is-active,
.tool-generator .calc-tab.is-active:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}

/* Botão Calcular ocupa a largura */
.tool-generator .calc-form .gen-actions { justify-content: stretch; }
.tool-generator .calc-form .gen-actions .gen-btn { flex: 1; }

/* Tabela de resultados */
.tool-generator .calc-result {
  width: 100%;
  margin-top: 18px;
  border-collapse: collapse;
}
.tool-generator .calc-result td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--border);
  color: var(--fg);
  font-size: 0.92rem;
}
.tool-generator .calc-result td.calc-val {
  text-align: right;
  font-weight: 700;
  color: var(--accent-2);
  white-space: nowrap;
}
.tool-generator .calc-result tr:last-child td { border-bottom: 0; }

.tool-generator .calc-caption {
  margin-top: 12px;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.5;
}