#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-input::placeholder { color: #A6A7B0; opacity: 1; }

.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: #A6A7B0;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: 13px 13px; mask-size: 13px 13px;
  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>");
}
/* X — shown when filters are active; click clears */
#ao-search-toggle[data-state="clear"] {
  -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.2' stroke-linecap='round'><line x1='5' y1='5' x2='19' y2='19'/><line x1='19' y1='5' x2='5' y2='19'/></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.2' stroke-linecap='round'><line x1='5' y1='5' x2='19' y2='19'/><line x1='19' y1='5' x2='5' y2='19'/></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>");
}

#ao-filters-modal { 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 {
  box-sizing: border-box; height: 32px; 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); font: 400 14px Inter, sans-serif; outline: none;
}
.ao-ff::placeholder { color: #A6A7B0; }

/* select + date pills */
.ao-ms { position: relative; width: 100%; }
.ao-ff-select, .ao-ff-date { display: flex; align-items: center; cursor: pointer; padding-right: 10px; }
.ao-ms-label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 14px Inter, sans-serif; }
.ao-ms-empty .ao-ms-label { color: #A6A7B0; }
.ao-ms-chev {
  flex: 0 0 auto; width: 16px; height: 16px; margin-left: 8px; background-color: #A6A7B0;
  -webkit-mask: center/16px no-repeat; mask: center/16px no-repeat;
  -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'><polyline points='6 9 12 15 18 9'/></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'><polyline points='6 9 12 15 18 9'/></svg>");
}
.ao-ms-cal {
  -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'><rect x='3' y='4.5' width='18' height='17' rx='2'/><line x1='3' y1='9' x2='21' y2='9'/><line x1='8' y1='2.5' x2='8' y2='6.5'/><line x1='16' y1='2.5' x2='16' y2='6.5'/></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'><rect x='3' y='4.5' width='18' height='17' rx='2'/><line x1='3' y1='9' x2='21' y2='9'/><line x1='8' y1='2.5' x2='8' y2='6.5'/><line x1='16' y1='2.5' x2='16' y2='6.5'/></svg>");
}

/* popovers (multi-select + calendar) */
.ao-ms-pop, .ao-cal-pop {
  position: absolute; top: calc(100% + 4px); left: 0; z-index: 5;
  background: var(--ao-dark-2, #1A232F); border: 1px solid rgba(255,255,255,.2);
  border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.5);
}
.ao-ms-pop { right: 0; padding: 6px; max-height: 220px; overflow-y: auto; }
.ao-ms-row { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 6px; cursor: pointer; color: var(--ao-text, #E2E8F0); font: 400 14px Inter, sans-serif; }
.ao-ms-row:hover { background: rgba(255,255,255,.06); }
.ao-ms-row input { width: 15px; height: 15px; accent-color: var(--ao-accent, #0DE4C4); cursor: pointer; }
/* Modalidad: Todos (check all) + Ninguno (clear) action rows above the checkboxes */
.ao-ms-action { color: var(--ao-accent, #0DE4C4); font-weight: 500; }
.ao-ms-action:hover { background: rgba(13,228,196,.12); }
.ao-ms-action + .ao-ms-row:not(.ao-ms-action) { border-top: 1px solid rgba(255,255,255,.12); margin-top: 4px; padding-top: 9px; }

/* calendar */
.ao-cal-pop { width: 278px; padding: 12px; }
.ao-cal { display: flex; flex-direction: column; gap: 8px; }
.ao-cal-head { display: flex; align-items: center; justify-content: space-between; }
.ao-cal-title { font: 600 14px Manrope, sans-serif; color: #fff; text-transform: capitalize; }
.ao-cal-nav { background: none; border: none; color: var(--ao-accent, #0DE4C4); font-size: 20px; line-height: 1; cursor: pointer; width: 26px; height: 26px; border-radius: 6px; }
.ao-cal-nav:hover { background: rgba(255,255,255,.08); }
.ao-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.ao-cal-dow { text-align: center; font: 500 11px Inter, sans-serif; color: #A6A7B0; padding: 2px 0; text-transform: uppercase; }
.ao-cal-day { background: none; border: none; color: var(--ao-text, #E2E8F0); height: 30px; border-radius: 6px; cursor: pointer; font: 400 13px Inter, sans-serif; }
.ao-cal-day:hover { background: rgba(255,255,255,.08); }
.ao-cal-day.in { background: rgba(13,228,196,.18); }
.ao-cal-day.sel { background: var(--ao-accent, #0DE4C4); color: #041018; font-weight: 600; }
.ao-cal-foot { display: flex; align-items: center; justify-content: space-between; }
.ao-cal-clear { background: none; border: none; color: #A6A7B0; font: 500 12px Manrope, sans-serif; text-transform: uppercase; cursor: pointer; }
.ao-cal-clear:hover { color: var(--ao-text, #E2E8F0); }
.ao-cal-ok { background: transparent; border: 1px solid var(--ao-accent, #0DE4C4); color: var(--ao-accent, #0DE4C4); border-radius: 40px; padding: 5px 16px; font: 500 12px Manrope, sans-serif; text-transform: uppercase; cursor: pointer; }
.ao-cal-ok:hover { background: var(--ao-accent, #0DE4C4); color: #041018; }

/* bottombar — CERRAR (left, plain accent text) + FILTRAR (right, outline 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; }
.ao-fm-close {
  background: none; border: none; color: var(--ao-accent, #0DE4C4);
  font: 500 16px Manrope, sans-serif; text-transform: uppercase; cursor: pointer;
}
.ao-fm-apply {
  background: transparent; border: 1px solid var(--ao-accent, #0DE4C4); color: var(--ao-accent, #0DE4C4);
  border-radius: 40px; padding: 8px 24px; font: 500 16px Manrope, sans-serif; text-transform: uppercase; cursor: pointer;
}
.ao-fm-apply:hover { background: var(--ao-accent, #0DE4C4); color: #041018; }

/* Task 10: the unified filters modal owns the report-status filter — hide the old inline trigger. */
.study-table thead tr:first-child th input.oe-status-filter-trigger { display: none !important; }
