/* casa-ui v0.5.0 - gerado por ui/sync.ps1, nao edite */
/* casa-ui — estilo da paleta de comandos (ui/js/paleta.js).
 *
 * Ficava dentro de componentes.css, que e o vocabulario visual do painel
 * (.trilha, .janela, .nav-item dele). O ledger precisa da paleta e nao precisa
 * do resto, entao o modulo passa a trazer o proprio estilo - e quem usa carrega
 * um arquivo, nao 153 linhas de classes de outro app. */
@layer componentes {
  .paleta { border:1px solid #3a3a46; border-radius:var(--r-painel); background:var(--surface); box-shadow:var(--sombra); padding: 0; width:min(560px,92vw); color:var(--ink); }
  .paleta::backdrop { background:rgba(6,6,9,.62); }
  .paleta input { width:100%; padding: var(--s4) var(--s4); border:0; border-bottom:1px solid var(--rule); background:none; color:var(--ink); font:15px var(--sans); }
  .paleta input:focus { outline:none; }
  .paleta ul { max-height:320px; margin: 0; padding: var(--s2); overflow-y:auto; list-style:none; }
  .paleta li { display:flex; align-items:center; gap: var(--s3); padding: var(--s2) var(--s3); border-radius:var(--r-ctl); font-size:13.5px; cursor:pointer; }
  .paleta li[data-sel] { background:var(--raised); }
  .paleta li small { margin-left: auto; font:500 11px var(--mono); color:var(--faint); }
}