/* Clone do Reservame, grupo cadastros: estilos só das telas deste grupo (tours, usuários,
   cotações, hotéis e registro de atividade). Tokens de cor e fonte vêm do :root do estilo.css. */

/* Abas Ativos e Inativos: duas pílulas, até 360 px no computador. */
.rm-abas { max-width: 360px; }

/* Formulário de cadastro em duas colunas: o .rm-form-2 zera o espaço entre as linhas; aqui ele volta. */
.rm-cadastro.rm-form-2 { row-gap: 16px; }

/* Iniciais no lugar da foto do usuário (o Reservame tem foto; aqui não existe). */
.rm-pessoa { display: inline-flex; align-items: center; gap: 10px; }
.rm-iniciais {
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
  width: 40px; height: 40px; border-radius: 50%;
  background: var(--chip); color: var(--texto); font-size: 14px; font-weight: 700; letter-spacing: 0.02em;
}

/* Editar e Desativar lado a lado na célula de ações. */
.rm-acoes { display: flex; gap: 8px; flex-wrap: wrap; }
.rm-acoes form { display: contents; }

/* Caixas de marcar (estimativo, logística, montanha): o campo global ocupa 100% e 48 px; a caixa volta a ser caixa. */
.rm-caixas { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.rm-caixa { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; font-weight: 600; cursor: pointer; }
.rm-caixa input[type="checkbox"] { width: 24px; height: 24px; min-height: 0; padding: 0; margin: 0; flex-shrink: 0; accent-color: var(--vermelho-botao); }

/* Linhas de tour da cotação: até 20, cinco campos cada. */
.rm-cot-linhas { display: grid; gap: 8px; margin-top: 12px; }
.rm-cot-linha {
  display: grid; grid-template-columns: minmax(0, 2fr) repeat(4, minmax(0, 1fr)); gap: 8px 12px;
  min-inline-size: 0; margin: 0; padding: 8px 12px 12px;
  border: 1px solid var(--borda); border-radius: var(--r-sm); background: var(--campo);
}
.rm-cot-linha legend { padding: 0 4px; font-size: 13px; font-weight: 700; color: var(--texto-suave); }
.rm-cot-linha label { font-size: 14px; }
@media (max-width: 767px) {
  .rm-cot-linha { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .rm-cot-linha .rm-cot-tour { grid-column: 1 / -1; }
}

/* Totais da cotação, embaixo da tabela. */
.rm-totais { display: flex; flex-wrap: wrap; gap: 12px 32px; justify-content: flex-end; margin: 0; }
.rm-totais div { text-align: right; }
.rm-totais dt { font-size: 13px; font-weight: 600; color: var(--texto-suave); }
.rm-totais dd { margin: 0; font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; }

/* Mudanças campo a campo no registro de atividade. */
.rm-mudancas { display: grid; gap: 2px; font-size: 14px; }