/* v9.3 · Selector claro para solo nombre, solo número o ambos. */
.nn-v93-mode{
  margin:0 0 14px;
  padding:14px;
  border:1px solid rgba(158,68,143,.22);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(158,68,143,.055),rgba(158,68,143,.025));
}
.nn-v93-mode>strong{display:block;font-size:14px;margin-bottom:4px}
.nn-v93-mode>p{margin:0 0 11px;color:#65708a;font-size:12px;line-height:1.45}
.nn-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.nn-mode-btn{
  min-height:42px;
  padding:8px 7px;
  border:1px solid #d6d9e2;
  border-radius:10px;
  background:#fff;
  color:#242833;
  font:700 12px/1.15 inherit;
  cursor:pointer;
}
.nn-mode-btn:hover{border-color:#a04490;color:#8f397f}
.nn-mode-btn.active{border-color:#a04490;background:#a04490;color:#fff;box-shadow:0 0 0 2px rgba(160,68,144,.10)}
.nn-original-toggles{display:none!important}

/* Paso 2: al ocultar una columna, recompone la cuadrícula en vez de dejar un carril de 0 px. */
.nn-table.names-off .nn-table-head,
.nn-table.names-off .nn-row,
.nn-table.numbers-off .nn-table-head,
.nn-table.numbers-off .nn-row{
  grid-template-columns:minmax(180px,1fr) 120px 40px!important;
}
.nn-table.names-off [data-nn-col="name"],
.nn-table.numbers-off [data-nn-col="number"]{
  display:none!important;
}

@media(max-width:820px){
  .nn-table.names-off .nn-table-head,
  .nn-table.names-off .nn-row,
  .nn-table.numbers-off .nn-table-head,
  .nn-table.numbers-off .nn-row{
    grid-template-columns:minmax(120px,1fr) 88px 34px!important;
  }
}
@media(max-width:720px){.nn-mode-grid{grid-template-columns:1fr}.nn-mode-btn{min-height:38px}}