#ao-search-bar {
  display: flex; align-items: center; align-self: center; flex: 0 0 auto;
  box-sizing: border-box; width: 400px; height: 44.26px;
  margin-left: 48px; padding: 0 16px; gap: 8px;
  background: var(--ao-dark-1, #030D19); border: 1px solid rgba(255,255,255,0.2);
  border-radius: 999px; overflow: hidden;
}
.ao-search-input {
  flex: 1 1 auto; min-width: 0; height: 100%;
  background: transparent; border: none; outline: none;
  color: var(--ao-text, #E2E8F0); font-family: Inter, sans-serif; font-size: 14.4px;
}

.ao-search-icons { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.ao-search-ic {
  width: 24px; height: 24px; flex: 0 0 auto; padding: 0; border: none; cursor: pointer;
  background-color: #FFFFFF;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: 20px 20px; mask-size: 20px 20px;
  transition: background-color .12s ease;
}
.ao-search-ic:hover { background-color: var(--ao-accent, #0DE4C4); }

/* magnifier — shown when no active filters (click submits the search) */
#ao-search-toggle[data-state="search"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><line x1='16.5' y1='16.5' x2='21' y2='21'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><line x1='16.5' y1='16.5' x2='21' y2='21'/></svg>");
}
/* tune / advanced-filters */
#ao-search-tune {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z'/></svg>");
}

/* El editor de una pill del breadcrumb es el mismo popover que el modal de
   filtros: misma card, mismo overlay, un solo campo. */
#ao-filters-modal, #ao-chip-editor { position: fixed; inset: 0; z-index: 2000; background: transparent; }
.ao-fm-card {
  position: absolute; box-sizing: border-box; width: 397px;
  max-height: calc(100vh - 96px); display: flex; flex-direction: column;
  background: var(--ao-dark-1, #030D19); border: 1px solid rgba(255,255,255,.2);
  border-radius: 10px; overflow: hidden; box-shadow: 0 14px 44px rgba(0,0,0,.5);
}
.ao-fm-body { overflow-y: auto; padding: 24px 20px; display: flex; flex-direction: column; gap: 14px; }
.ao-field { display: flex; flex-direction: column; gap: 8px; }
.ao-field > label { font: 400 14px Manrope, sans-serif; color: #fff; }
.ao-ff {
  width: 100%; padding: 0 15px; border-radius: 64px;
  background: var(--ao-dark-2, #1A232F); border: 1px solid rgba(255,255,255,.2);
  color: var(--ao-text, #E2E8F0); outline: none;
}

/* bottombar — CERRAR (left, plain accent text) + FILTRAR (right, outline pill).
   Ambos son primitivos de entelai-ui.css: CERRAR el link secundario, FILTRAR la pill. */
.ao-fm-bar { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-top: 0.667px solid var(--ao-dark-2, #1A232F); flex-shrink: 0; }

/* While a client-side sort owns the order, hide OE2's own sort arrow so only
   one arrow shows. It is hidden rather than removed on purpose: OE2 renders it
   through a v-if with hoisted static children, so deleting the element from
   outside Vue detaches the vnode and the arrow never returns. Toggled by
   setOe2ArrowHidden() in entelai-study-search.js. */
.study-table.eai-oe2-arrow-hidden thead th.study-table-title .title-arrow:not([data-eai-arrow]) {
  display: none;
}