/* =====================================================================
   Dystopia Seguimiento — Maestro con columnas configurables (071).
   Se carga después de maestro.css: celdas que pasaron a editables, celdas
   calculadas clickeables, columnas nuevas por tipo y el panel "Columnas".
   ===================================================================== */

/* ---------- Celdas que pasaron a editables ---------- */
/* Cliente: punto + input + flecha. Tiene que entrar un nombre y apellido normal. */
.tabla-maestro .col-nombre{min-width:260px;max-width:320px;}
.tabla-maestro .m-c-etapa{min-width:130px;}
.tabla-maestro .m-c-producto{min-width:170px;}
.tabla-maestro .m-c-dias{min-width:190px;}
.tabla-maestro .m-c-estado{min-width:190px;}
.tabla-maestro .m-c-aviso{min-width:128px;}
.m-dias,.m-aviso,.m-link{display:flex;align-items:center;gap:var(--sp-1);white-space:nowrap;}
.m-dias .m-edit,.m-aviso .m-edit,.m-link .m-edit,.m-estado .m-edit,.m-cli .m-edit{flex:1;min-width:0;}
.m-cli .m-edit{font-weight:700;}
.m-estado-sel{font-weight:600;}
.m-estado-conf{font-size:var(--fs-micro);font-weight:600;color:var(--danger);}

/* Flecha que abre la ficha (o el link de una columna de tipo link) */
.m-abrir{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;
  border-radius:var(--radius-sm);color:var(--text-faint);text-decoration:none;font-weight:700;}
.m-abrir:hover,.m-abrir:focus-visible{background:var(--accent-soft);color:var(--accent);}

/* ---------- Calculadas: no se editan, el clic abre lo que las cambia ---------- */
.m-ir{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-height:26px;padding:0 4px;
  border:1px dashed transparent;border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit;
  text-align:left;cursor:pointer;}
.m-ir::after{content:"›";color:var(--text-faint);font-weight:700;}
.m-ir:hover,.m-ir:focus-visible{outline:none;border-color:var(--accent-line);background:var(--surface);color:var(--ink);}
.m-ir:hover::after,.m-ir:focus-visible::after{color:var(--accent);}

/* ---------- Columnas nuevas ---------- */
.tabla-maestro .m-c-x{min-width:140px;}
.tabla-maestro .m-c-x-numero{min-width:100px;}
.tabla-maestro .m-c-x-casilla{min-width:70px;text-align:center;}
.tabla-maestro .m-c-x-link{min-width:200px;}
.m-x-num{text-align:right;font-variant-numeric:tabular-nums;}
.m-check{width:16px;height:16px;cursor:pointer;accent-color:var(--accent);}

/* Encabezado que se está renombrando (doble clic, solo fundador) */
.tabla-maestro th.m-th-ren{padding:2px 4px;}
.m-th-ren .m-edit{min-width:110px;background:var(--surface);border-color:var(--accent-line);font-weight:600;}

@media(max-width:860px){
  .tabla-maestro .col-nombre{min-width:0;max-width:none;}
  .tabla-maestro td.m-td-edit > span{flex:1;max-width:65%;justify-content:flex-end;}
  .tabla-maestro td.m-td-edit > span .m-edit{max-width:none;}
  .tabla-maestro td .m-ir{width:auto;}
  .tabla-maestro .m-c-x-casilla{text-align:left;}
}

/* ---------- Panel lateral "Columnas" ---------- */
.mc-overlay{position:fixed;inset:0;z-index:100;display:flex;justify-content:flex-end;background:rgba(23,26,33,.35);}
.mc-panel{display:flex;flex-direction:column;width:min(440px,100%);height:100%;background:var(--surface);
  border-left:1px solid var(--border);box-shadow:var(--shadow-md);}
.mc-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);
  border-bottom:1px solid var(--border-soft);}
.mc-head h2{margin:0;font-size:var(--fs-card);}
.mc-body{flex:1;overflow-y:auto;padding:var(--sp-4) var(--sp-5);}
.mc-ocupado .mc-body{cursor:progress;}
.mc-nota{margin:0 0 var(--sp-3);font-size:var(--fs-micro);color:var(--text-faint);}
.mc-lista,.mc-archivadas ul,.mc-opciones ul{list-style:none;margin:0;padding:0;}

.mc-item{margin-bottom:4px;padding:4px 6px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);}
.mc-item.mc-oculta{background:var(--surface-2);}
.mc-oculta .mc-nombre{color:var(--text-faint);}
.mc-fila{display:flex;align-items:center;gap:4px;}
.mc-asa{flex:none;padding:0 4px;color:var(--text-faint);font-size:16px;cursor:grab;user-select:none;}
.mc-asa:active{cursor:grabbing;}
.mc-input{flex:1;min-width:0;height:30px;padding:0 8px;border:1px solid transparent;border-radius:var(--radius-sm);
  background:transparent;color:var(--ink);font-size:var(--fs-meta);}
.mc-input:hover{border-color:var(--border);}
.mc-input:focus{outline:none;border-color:var(--accent-line);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft);}
.mc-nombre{font-weight:600;}
.mc-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;padding:0;}
.mc-arrastrando{opacity:.5;}
.mc-drop-antes{box-shadow:0 -2px 0 var(--accent);}
.mc-drop-despues{box-shadow:0 2px 0 var(--accent);}

.mc-extra{display:flex;align-items:center;gap:var(--sp-2);padding:2px 0 2px 28px;}
.mc-tipo{flex:none;padding:1px 8px;border:1px solid var(--border);border-radius:999px;font-size:var(--fs-micro);
  color:var(--text-dim);white-space:nowrap;}
.mc-opciones{margin:4px 0 4px 28px;padding:var(--sp-2);border-radius:var(--radius-sm);background:var(--surface-2);}
.mc-opciones .mc-input{background:var(--surface);border-color:var(--border-soft);}
.mc-opciones .mc-nota{margin:var(--sp-2) 0 0;}
.mc-op{display:flex;align-items:center;gap:4px;margin-bottom:4px;}
.mc-vacio{font-size:var(--fs-micro);color:var(--text-faint);margin-bottom:4px;}

.mc-archivadas{margin-top:var(--sp-4);}
.mc-archivadas summary{cursor:pointer;font-size:var(--fs-meta);font-weight:600;color:var(--text-dim);margin-bottom:var(--sp-2);}
.mc-archivadas .mc-fila{padding:4px 0;gap:var(--sp-2);}
.mc-arch-nombre{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-meta);}
.mc-nueva{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border-soft);}
.mc-acciones{display:flex;justify-content:flex-end;gap:var(--sp-2);}