/* ============================================================
   H2B V97 — recherche adhérent centrale
   ============================================================ */
.h2b-v97-search-card{
  border:1px solid rgba(71,160,255,.34);
  border-radius:17px;
  padding:15px;
  background:
    radial-gradient(circle at 9% 0%,rgba(23,91,156,.19),transparent 34%),
    linear-gradient(145deg,rgba(7,16,27,.97),rgba(4,8,14,.97));
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}
.h2b-v97-search-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:11px}
.h2b-v97-search-head h3{margin:2px 0 0}
.h2b-v97-search-head p{margin:4px 0 0;color:#8196aa;font-size:.76rem}

.h2b-v97-search-box{
  position:relative;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 36px;
  align-items:center;
  min-height:50px;
  border:1px solid rgba(99,165,229,.4);
  border-radius:14px;
  background:#050b12;
  overflow:hidden;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.h2b-v97-search-box:focus-within{
  border-color:#4ba3ff;
  box-shadow:0 0 0 3px rgba(46,145,245,.11);
}
.h2b-v97-search-box>span{display:grid;place-items:center;color:#79bfff;font-size:1.1rem}
.h2b-v97-search-box input{
  width:100%;min-width:0;height:48px;border:0!important;outline:0!important;
  background:transparent!important;color:#fff!important;
  font:800 .96rem Inter,system-ui,sans-serif;padding:0 6px!important;
}
.h2b-v97-search-box input::placeholder{color:#597087}
.h2b-v97-search-box button{
  width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);
  border-radius:9px;background:#0d1621;color:#c9d8e7;font-size:19px;cursor:pointer;
}
.h2b-v97-search-box button:hover{border-color:rgba(75,163,255,.5);color:#fff}

.h2b-v97-results{margin-top:10px;display:grid;gap:8px}
.h2b-v97-result{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);
  gap:12px;
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:#08111b;
}
.h2b-v97-result-main{display:flex;gap:11px;min-width:0}
.h2b-v97-avatar{
  width:58px;min-width:58px;height:58px;border-radius:13px;overflow:hidden;
  display:grid;place-items:center;background:#101e2d;border:1px solid rgba(255,255,255,.09);
  font-weight:900;color:#d9e7f5;
}
.h2b-v97-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.h2b-v97-copy{min-width:0;align-self:center}
.h2b-v97-copy strong{
  display:block;color:#fff;font:900 italic 1rem/1.12 Kanit,Inter,sans-serif;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.h2b-v97-copy>span{display:block;color:#75baff;font-size:.72rem;font-weight:800;margin-top:3px}
.h2b-v97-copy small{display:block;color:#7f93a7;font-size:.68rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.h2b-v97-status-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-content:start
}
.h2b-v97-status{
  min-width:0;padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#0b1622
}
.h2b-v97-status span{display:block;color:#71879c;font-size:.62rem;text-transform:uppercase;font-weight:800}
.h2b-v97-status strong{display:block;margin-top:2px;color:#edf5fd;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h2b-v97-status.ok strong{color:#83d9aa}
.h2b-v97-status.warn strong{color:#ffbf77}

.h2b-v97-actions{
  grid-column:1/-1;
  display:flex;flex-wrap:wrap;gap:7px;padding-top:2px
}
.h2b-v97-actions .btn{min-height:34px}
.h2b-v97-secondary{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px
}
.h2b-v97-other{
  appearance:none;min-width:0;display:flex;align-items:center;gap:8px;padding:8px;
  border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#070e16;color:#fff;text-align:left;cursor:pointer
}
.h2b-v97-other:hover{border-color:rgba(75,163,255,.42)}
.h2b-v97-other-avatar{
  width:34px;min-width:34px;height:34px;border-radius:9px;overflow:hidden;background:#142131;display:grid;place-items:center;font-size:.7rem;font-weight:900
}
.h2b-v97-other-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.h2b-v97-other div{min-width:0}
.h2b-v97-other strong{display:block;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h2b-v97-other small{display:block;color:#71869a;font-size:.63rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h2b-v97-empty{
  padding:16px;border:1px dashed rgba(255,255,255,.13);border-radius:12px;color:#8397aa;text-align:center
}

@media(max-width:820px){
  .h2b-v97-result{grid-template-columns:1fr}
}
@media(max-width:620px){
  .h2b-v97-search-card{padding:12px}
  .h2b-v97-search-head p{font-size:.7rem}
  .h2b-v97-result{padding:10px;gap:9px}
  .h2b-v97-avatar{width:52px;min-width:52px;height:52px}
  .h2b-v97-status-grid{grid-template-columns:1fr 1fr}
  .h2b-v97-actions .btn{flex:1 1 calc(50% - 4px)}
  .h2b-v97-secondary{grid-template-columns:1fr}
}