/* =====================================================================
   Etapa 6: Notificações (Configurações).
   Arquivo próprio da etapa (não altera base.css nem componentes.css).
   ===================================================================== */
.notif__situacao { font-weight: 600; }
.notif__botoes { display: flex; flex-wrap: wrap; gap: 8px; }
.notif__botoes:empty { display: none; }

/* Caixa de seleção + horário na mesma linha */
.notif__linha { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.campo__hora { width: 9em; min-height: 40px; }

/* Lista de aparelhos */
.aparelhos { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.aparelho {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 6px 10px; border: 1px solid var(--borda); border-radius: var(--raio-pequeno);
}
h3.campo__rotulo { margin: 0; font-weight: 400; }

/* Etapa 7: conectar Telegram */
.tg-codigo { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.tg-codigo__comando {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.15rem; letter-spacing: 1px;
  padding: 8px 12px; border-radius: var(--raio-pequeno);
  background: var(--superficie-2); border: 1px dashed var(--borda);
  user-select: all; /* um toque seleciona tudo para copiar */
}