/* Calculadora de horas extras — só o que a base não tem.
   Nenhuma cor nova: tudo por var(--...) de /_base/base.css.
   Tabela com fundamento, título de resultado, caixas de marcar e as linhas
   do título moram na base desde 23/09/2026 (eram copiadas em 4 páginas). */

.form-horas fieldset { border: 0; margin: 0 0 10px; padding: 0; min-width: 0; }
.form-horas legend {
  padding: 0; margin: 0 0 14px;
  font-family: var(--f-display); font-weight: 800; font-size: 24px; line-height: var(--lh-titulo);
  text-transform: uppercase; color: var(--silk);
}
.form-horas fieldset + fieldset { padding-top: 18px; border-top: 1px solid var(--line); }
.form-horas .acoes { margin-top: 4px; }

.mes-ano { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 10px; }
.nota-dias { margin: -6px 0 16px; font-size: 15px; color: var(--silk-3); max-width: 70ch; }
.nota-dias:empty { display: none; }

/* caixa de marcar: a caixa ao lado do rótulo, a ajuda embaixo */
.opcao { margin-bottom: 8px; }  /* aqui sem .opcoes em volta */

.tabela td { white-space: nowrap; padding-left: 14px; }

@media (max-width: 480px) {
  .tabela { font-size: 15px; }
  .tabela td { padding-left: 10px; white-space: normal; text-align: right; }
}