/* Onglet Drogues - grille de cartes */
#drugs-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:14px;
}
.drug-card{
  background:rgba(255,255,255,0.025);
  border:1px solid var(--border);
  border-radius:12px;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.drug-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.drug-card-title{
  font-size:14px;font-weight:700;color:var(--text);flex:1;min-width:0;
  overflow:hidden;text-overflow:ellipsis;
}
.drug-card-line{font-size:12px;color:var(--text2);line-height:1.5;white-space:pre-wrap}
.drug-card-img{
  width:100%;max-height:220px;object-fit:contain;
  background:rgba(0,0,0,0.25);border:1px solid var(--border);
  border-radius:8px;margin-top:6px;
}
/* Menu ⋮ */
.drug-menu{position:relative;flex-shrink:0}
.drug-menu-btn{
  background:transparent;border:none;color:var(--text3);
  font-size:18px;line-height:1;cursor:pointer;padding:0 4px;border-radius:6px;
}
.drug-menu-btn:hover{color:var(--text);background:rgba(255,255,255,0.06)}
.drug-menu-pop{
  position:absolute;top:100%;right:0;z-index:20;margin-top:4px;
  background:#141d33;border:1px solid var(--border2);
  border-radius:8px;min-width:130px;overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,0.4);
}
.drug-menu-item{
  display:block;width:100%;text-align:left;background:transparent;border:none;
  color:var(--text2);font-size:12px;padding:8px 12px;cursor:pointer;font-family:inherit;
}
.drug-menu-item:hover{background:rgba(255,255,255,0.06);color:var(--text)}
.drug-menu-item.danger{color:var(--red)}
@media (max-width:600px){ #drugs-grid{grid-template-columns:1fr} }