/* SaCo · ajudas dos mockups (fora do Tailwind).
   - [hidden] vence qualquer display do Tailwind (as variantes ?v= usam-no).
   - .mk-tip: tooltip estático a partir de data-tip (hover, ou fixo com .mk-tip-open para capturas).
     Espelha src/components/ui/Tooltip.tsx: bg-slate-800, text-xs, rounded-lg, seta.
   - As animações da app (animate-modal-pop-in, animate-overlay-fade-in) existem para o markup
     bater certo; aqui são instantâneas para as capturas ficarem estáveis. */
[hidden] { display: none !important; }

.mk-tip { position: relative; }
.mk-tip::after {
  content: attr(data-tip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  background: #1e293b;
  color: #fff;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 500;
  text-transform: none;
  letter-spacing: normal;
  padding: 6px 10px;
  border-radius: 8px;
  white-space: nowrap;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  z-index: 60;
  opacity: 0;
  pointer-events: none;
  transition: opacity 120ms ease-out;
}
.mk-tip::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 3px);
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #1e293b;
  z-index: 60;
  opacity: 0;
  pointer-events: none;
  transition: opacity 120ms ease-out;
}
.mk-tip:hover::after, .mk-tip:hover::before,
.mk-tip.mk-tip-open::after, .mk-tip.mk-tip-open::before { opacity: 1; }
.mk-tip-right::after { left: auto; right: 0; transform: none; }
.mk-tip-right::before { left: auto; right: 12px; transform: none; }

.animate-modal-pop-in, .animate-overlay-fade-in, .animate-fade-in, .animate-notice-in { animation: none; }

/* Estado "em hover" fixado para capturas: a linha leva .mk-hover e o cartão mostra a ação. */
.mk-hover .group-hover\:opacity-100 { opacity: 1; }

/* Esconde o X nativo do WebKit em campos type="search" (evita dois botões de limpar). */
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }

/* Dica da cadeia de contratação fixa (variante ?v=dicas): o popover fica aberto para a captura. */
.chain-pop.is-open { visibility: visible !important; opacity: 1 !important; }
.mk-tip-left::after { left: 0; transform: none; }
.mk-tip-left::before { left: 16px; transform: none; }