/* Gaveta autocomplete-cadastro-inline 1.1.0 — o CSS que antes só existia na demo. Tokens do tema-logiccos
   (--cor-*, --raio-item) com recuo neutro; o produto pode sobrepor, mas não precisa. */
.kit-autocomplete{position:relative;width:100%;}
.kit-autocomplete-campo{width:100%;box-sizing:border-box;background:var(--cor-painel,#fff);color:var(--cor-texto,#0f172a);border:1px solid var(--cor-borda,#cbd5e1);border-radius:var(--raio-item,.5rem);padding:.6rem .8rem;font:inherit;font-size:.95rem;min-height:2.75rem;}
.kit-autocomplete-campo:focus{outline:2px solid var(--cor-verde,#0f766e);outline-offset:1px;}
.kit-autocomplete-lista{position:absolute;left:0;right:0;margin:.3rem 0 0;padding:.3rem;list-style:none;background:var(--cor-painel,#fff);border:1px solid var(--cor-borda,#cbd5e1);border-radius:var(--raio-item,.5rem);max-height:16rem;overflow-y:auto;z-index:30;box-shadow:0 8px 24px rgba(15,23,42,.12);}
.kit-autocomplete-item,.kit-autocomplete-item--criar-novo{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;min-height:2.75rem;box-sizing:border-box;border-radius:.4rem;font-size:.9rem;color:var(--cor-texto,#0f172a);cursor:pointer;}
.kit-autocomplete-item--ativo,.kit-autocomplete-item:hover{background:var(--cor-verde-suave,#ecfdf5);color:var(--cor-verde,#0f766e);}
.kit-autocomplete-item--criar-novo{color:var(--cor-verde,#0f766e);font-weight:600;border-top:1px solid var(--cor-borda,#e2e8f0);margin-top:.2rem;}
.kit-autocomplete-item--criar-novo.kit-autocomplete-item--ativo,.kit-autocomplete-item--criar-novo:hover{background:var(--cor-verde-suave,#ecfdf5);}
.kit-autocomplete-vazio{padding:.5rem .6rem;font-size:.9rem;color:var(--cor-texto-suave,#64748b);}
/* item com logo (renderizarItem): <img class="kit-autocomplete-logo"> + <span class="kit-autocomplete-texto"><b>nome</b><small>detalhe</small></span> */
.kit-autocomplete-logo{width:1.75rem;height:1.75rem;border-radius:.4rem;flex:none;object-fit:contain;}
.kit-autocomplete-texto{display:flex;flex-direction:column;min-width:0;line-height:1.2;}
.kit-autocomplete-texto small{color:var(--cor-texto-suave,#64748b);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kit-autocomplete-selo{margin-left:auto;font-size:.7rem;padding:.1rem .4rem;border-radius:999px;background:var(--cor-cartao-claro,#f1f5f9);color:var(--cor-texto-suave,#475569);flex:none;}
/* 1.2.0 (card #252): lápis em cada item, formulário do modal de editar/cadastrar */
.kit-autocomplete-lapis{margin-left:auto;flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:.4rem;background:transparent;color:var(--cor-texto-suave,#64748b);cursor:pointer;}
.kit-autocomplete-lapis:hover,.kit-autocomplete-lapis:focus-visible{background:var(--cor-chip,#e2e8f0);color:var(--cor-texto,#0f172a);}
.kit-autocomplete-lapis:focus-visible{outline:2px solid var(--cor-verde,#0f766e);outline-offset:1px;}
.kit-autocomplete-form{display:flex;flex-direction:column;gap:.75rem;}
.kit-autocomplete-form-erro{margin:0;font-size:.875rem;color:var(--cor-perigo,#dc2626);}
.kit-autocomplete-form-confirma{margin:0;font-size:.95rem;color:var(--cor-texto,#0f172a);}
.kit-modal__rodape .kit-autocomplete-form-excluir{margin-right:auto;color:var(--cor-perigo,#dc2626);border-color:var(--cor-perigo,#dc2626);background:transparent;}
@media (max-width:640px){.kit-autocomplete-lapis{width:2.75rem;height:2.75rem;}}
.kit-autocomplete-form [hidden]{display:none !important;}
/* "+ Cadastrar" fica sempre visível na base da lista, mesmo quando a lista rola */
.kit-autocomplete-lista .kit-autocomplete-item--criar-novo{position:sticky;bottom:-.3rem;background:var(--cor-painel,#fff);}
.kit-autocomplete-lista .kit-autocomplete-item--criar-novo.kit-autocomplete-item--ativo,.kit-autocomplete-lista .kit-autocomplete-item--criar-novo:hover{background:var(--cor-verde-suave,#ecfdf5);}
.kit-modal__rodape .kit-modal__perigo[data-perigo]{white-space:nowrap;flex:1 0 auto;}