/* MR TECH — "Regras e pastas" para quem tem MUITAS regras (27/10/2026, pedido dele: "40 regras = rolagem infinita").
   A PRÓPRIA lista (.lm-rules-list) ganha altura máxima e rolagem (o formulário de criar fica fixo em cima; o
   cabeçalho "Regras ativas" fica grudado no topo), cada regra vira UMA linha (condição → pasta; texto inteiro
   ao passar o mouse) e o cabeçalho tem "Buscar regra…". Não move nó do React (só CSS + classe). */
.lm-rules-list.mr-regras { gap: 4px; max-height: 42vh; overflow-y: auto; padding-right: 4px; }
.lm-rules-list.mr-regras .lm-rules-listhead {
  position: sticky; top: 0; z-index: 1; gap: 8px; flex-wrap: wrap;
  padding: 2px 0 8px; margin-bottom: 0; background: var(--colorNeutralBackground1, #fff);
}
.lm-rules-list.mr-regras .lm-rule-item { padding: 4px 10px; gap: 8px; border-radius: 6px; min-height: 34px; }
.lm-rules-list.mr-regras .lm-rule-name { display: none; }   /* repetia a condição */
.lm-rules-list.mr-regras .lm-rule-desc { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; }
.lm-rules-list.mr-regras .lm-rule-item.mr-regra-oculta { display: none; }
.mr-regras-busca {
  flex: 1 1 180px; max-width: 260px; height: 26px; padding: 0 8px; font: 400 12.5px "Segoe UI", Arial, sans-serif;
  border: 1px solid var(--colorNeutralStroke1, #c8c8c8); border-radius: 4px;
  background: var(--colorNeutralBackground1, #fff); color: var(--colorNeutralForeground1, #222);
}
.mr-regras-nada { flex-basis: 100%; font-weight: 400; color: var(--colorNeutralForeground3, #777); }