.type-tabs { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
.type-tab { padding: 8px 16px; border-radius: 20px; border: 2px solid var(--border); background: white; font-family: 'Nunito', sans-serif; font-size: 13px; font-weight: 700; color: var(--muted); cursor: pointer; transition: all 0.2s; }
.type-tab.active, .type-tab:hover { background: var(--gold); color: white; border-color: var(--gold); }

.picto-grid { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.picto-btn { font-size: 24px; width: 44px; height: 44px; border: 2px solid var(--border); border-radius: 10px; background: var(--cream); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; }
.picto-btn:hover, .picto-btn.selected { border-color: var(--gold); background: var(--cream-dark); }

.produit-row { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--cream-dark); }
.produit-row:last-child { border-bottom: none; }
.produit-picto { font-size: 24px; margin-right: 8px; }
.produit-nom { font-size: 15px; font-weight: 700; color: var(--text); }
.produit-type { font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: 1px; }
.produit-actions { display: flex; gap: 8px; }

.btn-small { font-size: 11px; padding: 5px 10px; border-radius: 8px; border: 1px solid var(--border); background: white; cursor: pointer; font-family: 'Nunito', sans-serif; font-weight: 600; color: var(--muted); text-decoration: none; }
.btn-small:hover { border-color: var(--gold); color: var(--gold-deep); }
.btn-small.danger { border-color: #e0c0b0; color: var(--red); }
.btn-small.danger:hover { background: #fff3f0; }

.inactive-badge { font-size: 10px; color: #aaa; background: #f5f5f5; border-radius: 10px; padding: 2px 8px; margin-left: 6px; }
.section-sep { font-size: 11px; font-weight: 800; color: var(--muted); text-transform: uppercase; letter-spacing: 2px; margin: 20px 0 10px; padding-bottom: 6px; border-bottom: 2px solid var(--cream-dark); }

.stock-link {
  display: inline-block;
  margin-bottom: 20px;
  background: var(--cream-dark);
  border: 2px solid var(--border);
  border-radius: 12px;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 700;
  color: var(--gold-deep);
  text-decoration: none;
  transition: all 0.2s;
}
.stock-link:hover { border-color: var(--gold); background: var(--cream); }