/* Fase 9.3 — CSS verbatim de los bloques de estilo de Pages/Veterinaria/Componentes/VetBuscarCliente.razor. Igual que hoy, es global mientras el componente está en pantalla:
   se enlaza con <link> donde estaba el bloque. Cambios: @@ → @ y capas D-51. */
.vbc-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: center; width: 100%; }
.vbc-wrap { position: relative; min-width: 0; width: 100%; }
.vbc-ico { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #6B787D; font-size: 13px; pointer-events: none; }
.vbc-input { width: 100%; height: 31px; border: 1px solid #D5DDDA; border-radius: 5px; padding: 0 12px 0 32px; font-size: 13px; font-family: inherit; color: #1F2A2E; background: #fff; outline: none; box-sizing: border-box; transition: border-color .15s, box-shadow .15s; }
.vbc-input:focus { border-color: #2F7D6D; box-shadow: 0 0 0 3px rgba(47,125,109,.14); }
.vbc-input::placeholder { color: #8A9692; }
.vbc-drop { position: absolute; top: calc(100% + 6px); left: 0; right: 0; background: #fff; border: 1px solid #E3E8E6; border-radius: 12px; box-shadow: 0 12px 32px rgba(31,42,46,.10); z-index: 60 /* D-51 (era 10000): dentro del modal que lo contiene */; max-height: 280px; overflow-y: auto; }
.vbc-item { padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #F0F3F2; }
.vbc-item:last-child { border-bottom: none; }
.vbc-item:hover, .vbc-item.active { background: #F4F9F7; }
.vbc-main { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; font-weight: 600; color: #1F2A2E; }
.vbc-doc { font-variant-numeric: tabular-nums; color: #245F54; }
.vbc-sub { display: flex; gap: 12px; font-size: 11.5px; color: #55636A; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vbc-sub span { display: inline-flex; align-items: center; gap: 4px; }
.vbc-sub i { font-size: 10px; opacity: .75; }
.vbc-empty { padding: 10px 12px; font-size: 12.5px; color: #55636A; }
.vbc-acts { display: flex; gap: 6px; }
.vbc-btn { display: inline-flex; align-items: center; gap: 6px; height: 31px; padding: 5px 12px; font-size: 13px; font-weight: 600; border-radius: 6px; cursor: pointer; font-family: inherit; box-shadow: 0 1px 2px rgba(0,0,0,.08); white-space: nowrap; }
.vbc-btn-out { background: #fff; color: #245F54; border: 1px solid #2F7D6D; }
.vbc-btn-new { background: #2F7D6D; color: #fff; border: none; }
.btn-hover { transition: transform .15s ease, box-shadow .18s ease, filter .18s ease; }
.btn-hover:hover { transform: translateY(-1px); filter: brightness(1.03); box-shadow: 0 4px 10px rgba(0,0,0,.10); }
.btn-hover:active { transform: scale(.97); }