/* assets/ctxmenu.css — estilos da lib partilhada de menus de contexto (CtxMenu).
   Self-contained: cada módulo que use ctxmenu.js carrega também este ficheiro.
   Convenção: docs/superpowers/specs/2026-07-21-menus-contexto-convencao-design.md */
.ctxm {
  position: fixed; z-index: 4000; min-width: 214px; max-width: 320px; padding: 5px;
  background: var(--panel, #fff); border: 1px solid var(--line2, #d2d2d7); border-radius: 10px;
  box-shadow: var(--sh, 0 14px 36px rgba(0,0,0,.20)); display: flex; flex-direction: column; gap: 1px;
  max-height: 82vh; overflow-y: auto; font: inherit;
}
.ctxm-it {
  display: flex; align-items: center; gap: 9px; width: 100%; text-align: left; padding: 7px 9px;
  border: none; background: none; border-radius: 6px; font-size: 12.5px; font-weight: 600;
  color: var(--ink, #1d1d1f); cursor: pointer;
}
.ctxm-it:hover:not([disabled]) { background: var(--citron-soft, #eef5fd); }
.ctxm-it[disabled] { opacity: .45; cursor: default; }
.ctxm-it.is-danger { color: var(--bad, #c81e1e); }
.ctxm-it.is-danger:hover:not([disabled]) { background: var(--bad-soft, #fdeaea); }
.ctxm-ico { width: 17px; height: 17px; flex: none; color: var(--muted, #515154); }
.ctxm-it > span { flex: 1; }
/* o LUGAR do ícone quando o item não tem um (23/09): também é um <span>, e o
   flex:1 de cima dava-lhe metade da linha — o rótulo saía empurrado para a
   direita e partia em duas linhas («Selecionar / conversas») */
.ctxm-it > span.ctxm-ico { flex: none; }
.ctxm-caret { flex: none; color: var(--faint, #86868b); font-weight: 700; }
.ctxm-back { font-weight: 800; color: var(--muted, #515154); }
.ctxm-sep { height: 1px; background: var(--line, #e8e8ed); margin: 4px 2px; }
/* NOTA — o PORQUÊ de um item desativado (03/08). Não é um item: não tem hover,
   não tem cursor de clique e o teclado salta-a. Alinha com o rótulo dos itens
   (9px de padding + 17px de ícone + 9px de gap = 35px) para se ler como a
   legenda da linha de cima, e não como uma opção a mais. */
.ctxm-nota {
  padding: 1px 9px 6px 35px; font-size: 11px; font-weight: 500; line-height: 1.45;
  color: var(--muted, #515154); white-space: normal;
}