/* =========================================================================
   searchable-select.css — estilos da busca por texto nos filtros
   Usa as mesmas variaveis do theme.css (--surface, --border, --accent...).
   ========================================================================= */
/* ---------- Busca ---------- */
/* campo de texto livre no filterbar (id fBusca) */
.fg .fbusca{position:relative;display:inline-flex;align-items:center}
.fg .fbusca > [data-lucide]{position:absolute;left:8px;width:13px;height:13px;color:var(--text-3);pointer-events:none}
.fg .fbusca input[type=text]{padding-left:26px}

/* combobox pesquisável — assets/searchable-select.js */
.ssel{position:relative;display:inline-flex}
select.ssel-native{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;max-width:none!important;padding:0!important;border:0!important;opacity:0;pointer-events:none;overflow:hidden;clip:rect(0 0 0 0)}
.ssel-btn{
  display:inline-flex;align-items:center;gap:8px;justify-content:space-between;
  border:1px solid var(--border);background:var(--surface);color:var(--text-1);
  padding:5px 9px;border-radius:var(--radius-sm);font-size:12.5px;font-family:inherit;
  cursor:pointer;outline:none;min-width:130px;max-width:240px;
  transition:border-color .12s, box-shadow .12s;
}
.ssel-btn:hover{border-color:var(--border-2)}
.ssel-btn:focus-visible,.ssel.open .ssel-btn{border-color:var(--accent);box-shadow:var(--ring)}
.ssel-btn:disabled{cursor:not-allowed;opacity:.55}
.ssel-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ssel-txt.ph{color:var(--text-3)}
.ssel-caret{flex-shrink:0;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--text-3)}

.ssel-pop{
  position:fixed;z-index:80;display:flex;flex-direction:column;overflow:hidden;
  background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-sm);
  box-shadow:0 8px 28px rgba(0,0,0,.18);
}
.ssel-qwrap{padding:6px;border-bottom:1px solid var(--border);flex-shrink:0}
.ssel-q{
  width:100%;box-sizing:border-box;border:1px solid var(--border);background:var(--surface-2);
  color:var(--text-1);padding:5px 8px;border-radius:var(--radius-sm);
  font-size:12.5px;font-family:inherit;outline:none;
}
.ssel-q:focus{border-color:var(--accent)}
.ssel-list{overflow-y:auto;padding:4px}
.ssel-item{padding:6px 9px;border-radius:var(--radius-sm);font-size:12.5px;color:var(--text-1);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssel-item:hover,.ssel-item.ativo{background:var(--surface-2)}
.ssel-item.sel{color:var(--accent);font-weight:600}
.ssel-item.off{opacity:.45;pointer-events:none}
.ssel-vazio{padding:10px;font-size:12px;color:var(--text-3);text-align:center}

@media print{ .ssel-pop{display:none !important} }