/* ══════════════════════════════════════════════════════════
   buscador.css — Buscador del header, común a Taller, Personal e IVA (v3.83).
   Cada módulo tiene su propio motor (buscador-datos.js · buscador-personal-datos.js · buscador-iva-datos.js) pero
   la caja y el desplegable de resultados son los mismos: js/buscador-header.js la monta en la barra superior de la
   vista nueva (escritorio) o, si esa barra no se ve (vista actual / celular), como última fila del encabezado.
   Prefijo amun-buscar (caja) y bsq- (resultados; antes vivían en admin.css, en el Panel de Taller).
   ══════════════════════════════════════════════════════════ */

/* ── Caja ── */
.amun-buscar { position:relative; z-index:90; flex:0 1 360px; width:360px; min-width:180px; box-sizing:border-box; }
.amun-buscar[hidden] { display:none; }
.amun-buscar-ico { position:absolute; left:10px; top:50%; transform:translateY(-50%); width:15px; height:15px; fill:none; stroke:var(--bar-soft, rgba(255,255,255,.62)); stroke-width:2; stroke-linecap:round; pointer-events:none; }
.amun-buscar input[type="search"] {
  width:100%; box-sizing:border-box; height:32px; padding:0 58px 0 32px; font:inherit; font-size:.86rem; outline:none;
  background:rgba(255,255,255,.08); border:1px solid var(--bar-line, rgba(255,255,255,.14)); border-radius:8px;
  color:var(--bar-ink, #f4f4f5); -webkit-appearance:none; appearance:none;
}
.amun-buscar input[type="search"]::-webkit-search-cancel-button { display:none; }
.amun-buscar input[type="search"]::placeholder { color:var(--bar-soft, rgba(255,255,255,.62)); }
.amun-buscar input[type="search"]:focus, .amun-buscar.abierto input[type="search"] { border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.12); }
.amun-buscar-kbd { position:absolute; right:8px; top:50%; transform:translateY(-50%); font:600 .68rem 'Oswald',sans-serif; color:var(--bar-soft, rgba(255,255,255,.62)); border:1px solid var(--bar-line, rgba(255,255,255,.14)); border-radius:4px; padding:0 6px; pointer-events:none; }
.amun-buscar-x { position:absolute; right:4px; top:50%; transform:translateY(-50%); width:24px; height:24px; border:0; border-radius:50%; background:rgba(255,255,255,.12); color:var(--bar-ink, #f4f4f5); font-size:1rem; line-height:1; cursor:pointer; }
.amun-buscar:has(.amun-buscar-x:not([hidden])) .amun-buscar-kbd { display:none; }

/* En la barra superior (vista nueva, escritorio): entre el título y la acción principal. */
.ab-espacio + .amun-buscar { margin-left:auto; }

/* En el encabezado de siempre (vista actual / celular): última fila, a todo el ancho. */
.amun-buscar--cabecera { flex:1 1 100%; width:100%; order:99; margin:.35rem 0 .5rem; }
.admin-header > .amun-buscar--cabecera, .ph-header > .amun-buscar--cabecera { margin-left:.8rem; margin-right:.8rem; width:auto; }

/* ── Desplegable de resultados: más ancho que la caja, anclado a la derecha ── */
.bsq-res { position:absolute; right:0; left:auto; width:min(640px, calc(100vw - 24px)); top:calc(100% + 8px); max-height:min(70vh,640px); overflow-y:auto; background:var(--surface); color:var(--white); border:1px solid var(--border); border-radius:12px; box-shadow:0 14px 40px rgba(0,0,0,0.45); padding:6px; text-align:left; }
.amun-buscar--cabecera .bsq-res { left:0; right:0; width:auto; }
.bsq-res[hidden] { display:none; }
.bsq-msg { padding:1.1rem 1rem; font-size:0.88rem; color:rgba(var(--fg-rgb),0.6); line-height:1.5; }
.bsq-msg b { color:var(--white); }
.bsq-msg span { color:rgba(var(--fg-rgb),0.45); font-size:0.82rem; }
.bsq-msg code { background:rgba(var(--fg-rgb),0.08); padding:1px 5px; border-radius:4px; }
.bsq-resumen { font-size:0.72rem; color:rgba(var(--fg-rgb),0.4); padding:4px 10px 2px; }
.bsq-gh { display:flex; align-items:center; gap:8px; font:500 0.72rem 'Oswald',sans-serif; letter-spacing:0.12em; text-transform:uppercase; color:rgba(var(--fg-rgb),0.45); padding:10px 10px 4px; }
.bsq-it { border-radius:8px; }
.bsq-it.on { background:rgba(var(--fg-rgb),0.07); outline:1px solid rgba(var(--fg-rgb),0.12); }
.bsq-fila { display:flex; align-items:center; gap:10px; padding:8px 10px; cursor:pointer; border-radius:8px; min-width:0; }
.bsq-fila:hover { background:rgba(var(--fg-rgb),0.05); }
.bsq-ico { flex:none; width:30px; height:30px; border-radius:8px; display:flex; align-items:center; justify-content:center; background:rgba(var(--fg-rgb),0.07); color:rgba(var(--fg-rgb),0.7); }
.bsq-ico svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.bsq-t-orden .bsq-ico, .bsq-t-orden.bsq-ico { color:var(--red-light); background:rgba(230,59,63,0.12); }
.bsq-t-factura.bsq-ico, .bsq-t-compra.bsq-ico { color:var(--purple); background:color-mix(in srgb, var(--purple) 14%, transparent); }
.bsq-t-cliente.bsq-ico { color:var(--blue); background:color-mix(in srgb, var(--blue) 14%, transparent); }
.bsq-t-vehiculo.bsq-ico { color:var(--green); background:color-mix(in srgb, var(--green) 14%, transparent); }
.bsq-t-turno.bsq-ico { color:var(--amber); background:color-mix(in srgb, var(--amber) 14%, transparent); }
.bsq-tx { flex:1; min-width:0; display:flex; flex-direction:column; }
.bsq-tx b { font-weight:600; font-size:0.9rem; color:var(--white); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bsq-tx small { font-size:0.78rem; color:rgba(var(--fg-rgb),0.5); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bsq-tx mark { background:color-mix(in srgb, var(--red) 35%, transparent); color:inherit; border-radius:2px; padding:0 1px; }
.bsq-chips { display:flex; gap:4px; flex:none; }
.bsq-chip { font-size:0.68rem; font-weight:600; border-radius:6px; padding:2px 7px; white-space:nowrap; background:rgba(var(--fg-rgb),0.08); color:rgba(var(--fg-rgb),0.6); }
.bsq-chip.ok { background:color-mix(in srgb, var(--green) 16%, transparent); color:var(--green); }
.bsq-chip.warn { background:color-mix(in srgb, var(--amber) 16%, transparent); color:var(--amber); }
.bsq-chip.bad { background:rgba(230,59,63,0.16); color:var(--red-light); }
.bsq-chip.info { background:color-mix(in srgb, var(--blue) 16%, transparent); color:#60a5fa; }
.bsq-der { flex:none; font:500 0.85rem 'Oswald',sans-serif; color:rgba(var(--fg-rgb),0.8); white-space:nowrap; }
.bsq-go { flex:none; background:rgba(var(--fg-rgb),0.06); color:var(--white); border:1px solid var(--border); border-radius:8px; padding:4px 10px; font:inherit; font-size:0.78rem; cursor:pointer; white-space:nowrap; }
.bsq-go:hover { border-color:var(--red); background:color-mix(in srgb, var(--red) 15%, transparent); }
.bsq-det { padding:2px 12px 10px 50px; }
.bsq-det[hidden] { display:none; }
.bsq-det dl { margin:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:6px 16px; }
.bsq-det dl > div { min-width:0; }
.bsq-det dt { font-size:0.66rem; letter-spacing:0.08em; text-transform:uppercase; color:rgba(var(--fg-rgb),0.4); }
.bsq-det dd { margin:0; font-size:0.84rem; color:rgba(var(--fg-rgb),0.85); overflow-wrap:anywhere; }
.bsq-sec { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.bsq-btn { background:rgba(var(--fg-rgb),0.06); color:var(--white); border:1px solid var(--border); border-radius:8px; padding:4px 11px; font:inherit; font-size:0.78rem; cursor:pointer; text-decoration:none; }
.bsq-btn:hover { border-color:rgba(var(--fg-rgb),0.35); }
.bsq-mas { display:block; width:100%; text-align:left; background:none; border:0; color:rgba(var(--fg-rgb),0.55); font:inherit; font-size:0.8rem; padding:6px 10px; cursor:pointer; }
.bsq-mas:hover { color:var(--white); }

/* Tipos nuevos (Personal e IVA) */
.bsq-t-empleado.bsq-ico { color:var(--purple); background:color-mix(in srgb, var(--purple) 14%, transparent); }
.bsq-t-periodo.bsq-ico { color:var(--amber); background:color-mix(in srgb, var(--amber) 14%, transparent); }
.bsq-t-concepto.bsq-ico { color:var(--blue); background:color-mix(in srgb, var(--blue) 14%, transparent); }
.bsq-t-convenio.bsq-ico { color:var(--green); background:color-mix(in srgb, var(--green) 14%, transparent); }
.bsq-t-venta.bsq-ico { color:var(--green); background:color-mix(in srgb, var(--green) 14%, transparent); }

@media (max-width:700px) {
  .bsq-fila { flex-wrap:wrap; row-gap:6px; }
  .bsq-tx { flex:1 1 calc(100% - 42px); }
  .bsq-chips { order:3; margin-left:40px; flex-wrap:wrap; }
  .bsq-der { order:4; }
  .bsq-go { order:5; margin-left:auto; }
  .bsq-det { padding-left:12px; }
  .bsq-res { max-height:65vh; }

  .bsq-tx b, .bsq-tx small { white-space:normal; overflow-wrap:anywhere; }
  .amun-buscar-kbd { display:none; }
}