/* ================================================================
   admin.css  —  Admin dashboard: trip cards, member rows, stats
   ✏️  Edit trip card layout, delete button colours here.
================================================================ */
/* ── ADMIN ── */
.trip-card{
  background:var(--ink2);border:1px solid var(--rim);border-radius:var(--r);
  overflow:hidden;margin-bottom:12px;transition:border-color .18s;
}
.trip-card:hover{border-color:rgba(124,95,255,.35);}
.trip-card-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;cursor:pointer;user-select:none;gap:10px;
}
.trip-card-head:active{background:var(--ink3);}
.trip-card-title{font-family:'Bricolage Grotesque',sans-serif;font-size:16px;font-weight:800;letter-spacing:-.4px;}
.trip-card-meta{font-size:11px;color:var(--sub2);margin-top:2px;}
.trip-code-tag{
  background:rgba(124,95,255,.15);border:1px solid rgba(124,95,255,.3);
  border-radius:20px;padding:4px 12px;font-size:12px;color:#c0b0ff;
  font-weight:800;letter-spacing:1px;cursor:pointer;flex-shrink:0;
  font-family:'Bricolage Grotesque',sans-serif;
  transition:all .15s;
}
.trip-code-tag:hover{background:rgba(124,95,255,.28);}
.trip-code-tag:active{transform:scale(.95);}
.trip-card-body{
  padding:0 16px 14px;border-top:1px solid var(--rim);
  animation:fadeIn .2s ease;
}
@keyframes fadeIn{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:translateY(0);}}
.trip-card-body.hidden{display:none;}
.adm-mem-row{
  display:flex;align-items:center;gap:10px;
  padding:9px 0;border-bottom:1px solid var(--rim3);
}
.adm-mem-row:last-child{border-bottom:none;}
.adm-stat-row{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0 4px;}
.adm-stat{background:var(--ink3);border:1px solid var(--rim);border-radius:8px;padding:8px 12px;flex:1;min-width:80px;}
.adm-stat-l{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--sub);margin-bottom:3px;}
.adm-stat-v{font-family:'Bricolage Grotesque',sans-serif;font-size:15px;font-weight:800;}
.adm-chevron{font-size:12px;color:var(--sub);transition:transform .2s;}
.adm-chevron.open{transform:rotate(180deg);}