/* =========================================================
   CONFIG.CSS
   - Lista de categorías alineada (sin cortes raros)
   ========================================================= */

   .checks{
    display:grid;
    gap:10px;
    margin-top:8px;
  }
  
  /* Fila de categoría */
  .checkRow{
    display:grid;
    grid-template-columns: 28px 1fr;   /* checkbox + texto */
    align-items:center;
    gap:12px;
  
    padding:12px 14px;
    border-radius:14px;
    background: rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.07);
  
    cursor:pointer;
  }
  
  /* Checkbox: alineado y sin desborde */
  .checkRow input[type="checkbox"]{
    width:18px;
    height:18px;
    margin:0;
    justify-self:center;
  }
  
  /* Texto categoría: SIEMPRE en una sola línea si entra */
  .catMeta{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:12px;
    min-width:0; /* importante para ellipsis */
  }
  
  .catName{
    font-weight:1000;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    min-width:0;
  }
  
  .catCount{
    color:var(--muted);
    font-size:15px;
    white-space:nowrap;
    flex:0 0 auto;
  }