/* ═══════════════════════════════════════════════════════════════
   Peines & amendes — catalogue regroupé par catégorie.
═══════════════════════════════════════════════════════════════ */
.pen-group-head{
  display:flex; align-items:center; gap:8px;
  margin:18px 2px 8px; font-size:12px; font-weight:700;
  text-transform:uppercase; letter-spacing:.05em; color:var(--text2,#aeb6c2);
}
.pen-group-head:first-child{ margin-top:4px; }
.pen-group-ic{ font-size:10px; }
.pen-group-count{
  background:var(--bg3,#1b2330); border:1px solid var(--border,#1f2733);
  border-radius:999px; padding:1px 8px; font-size:10px; color:var(--text3,#7b8694);
}
.pen-card{
  background:var(--glass,rgba(255,255,255,.03)); border:1px solid var(--border,#1f2733);
  border-radius:10px; margin-bottom:6px; transition:border-color .12s;
}
.pen-card:hover{ border-color:var(--text3,#3a4656); }
.pen-row{ display:flex; align-items:center; gap:12px; padding:9px 12px; flex-wrap:wrap; }
.pen-row-main{ flex:1; min-width:180px; }
.pen-label{ font-size:13px; font-weight:600; color:var(--text,#e5e7eb); }
.pen-meta{ display:flex; gap:14px; flex-shrink:0; }
.pen-meta-item{ font-size:12px; color:var(--text2,#aeb6c2); min-width:80px; text-align:right; white-space:nowrap; }
.pen-meta-amende{ color:var(--amber,#fbbf24); }
.pen-row-actions{ display:flex; gap:6px; align-items:center; flex-shrink:0; }
.pen-row-desc{
  display:none; font-size:12px; color:var(--text2,#aeb6c2); padding:8px 12px;
  border-top:1px solid var(--border,#1f2733); background:rgba(255,255,255,.02); white-space:pre-wrap;
}
@media (max-width:600px){
  .pen-meta{ width:100%; justify-content:flex-start; }
  .pen-meta-item{ text-align:left; min-width:0; }
}