.admin-search{
  position:relative
}

.admin-search-bar{
  display:none;
  align-items:center;
  gap:8px;
  height:40px;
  padding:0 12px;
  border:1px solid var(--border);
  border-radius:13px;
  background:#fff;
  transition:transform .12s ease
}
.admin-search-bar-icon{
  display:flex;
  color:var(--muted);
  flex-shrink:0
}
.admin-search-input{
  flex:1;
  min-width:0;
  border:0;
  background:transparent;
  color:var(--text);
  font:inherit;
  font-size:.78rem;
  outline:none
}
.admin-search-clear{
  border:0;
  background:transparent;
  color:var(--muted);
  font-size:.68rem;
  cursor:pointer;
  padding:4px 5px;
  flex-shrink:0
}

.admin-search-results{
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  z-index:61;
  width:min(300px,calc(100vw - 28px));
  max-height:60vh;
  overflow-y:auto;
  padding:6px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface,#fff);
  box-shadow:0 16px 40px rgba(7,19,17,.18)
}
.admin-search-results.is-open{
  display:block
}

.admin-search-empty{
  padding:16px;
  text-align:center;
  color:var(--muted);
  font-size:.68rem
}

.admin-search-result{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:8px;
  border:0;
  border-radius:11px;
  background:transparent;
  text-align:left;
  cursor:pointer
}
.admin-search-result:hover{
  background:var(--surface-2,#f4f7f6)
}
.admin-search-avatar{
  width:34px;height:34px;
  flex-shrink:0
}
.admin-search-result-copy{
  display:flex;
  flex-direction:column;
  line-height:1.3;
  min-width:0
}
.admin-search-result-copy strong{
  display:flex;
  align-items:center;
  gap:3px;
  font-size:.75rem;
  color:var(--text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.admin-search-result-copy small{
  font-size:.64rem;
  color:var(--muted)
}

/* Móvil: la lupa despliega la barra bajo el header */
@media(max-width:1023.98px){
  .admin-search--open .admin-search-bar{
    display:flex;
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    width:min(280px,calc(100vw - 28px));
    z-index:62;
    box-shadow:0 16px 40px rgba(7,19,17,.18)
  }
  .admin-search--open .admin-search-trigger{
    display:none
  }
  .admin-search--open .admin-search-results{
    top:calc(100% + 56px)
  }
}

/* Escritorio: barra siempre visible, con feedback sutil al enfocar */
@media(min-width:1024px){
  html.is-desktop .admin-search-trigger{
    display:none
  }
  html.is-desktop .admin-search-bar{
    display:flex;
    width:230px
  }
  html.is-desktop .admin-search-bar:focus-within{
    transform:scale(1.02)
  }
}

html[data-theme="dark"] .admin-search-bar,
html[data-theme="dark"] .admin-search-results{
  background:var(--surface,#17211f)
}