/* =====================================================================
   Vinto Team, vistas ordenables y Canvinn con formato
   ===================================================================== */
/* Urdimbre: la lista de pasos baja con su propio scroll */
.secnav.useq{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 104px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
@media (max-width:900px){.secnav.useq{position:static;max-height:none;overflow:visible}}

/* Botones del cliente: misma altura y alineados con las pestañas */
.tabrow{align-items:center;gap:14px}
.tabrow .tabact{gap:10px;align-items:center}
.tabrow .tabact .btn{height:46px;padding:0 16px;white-space:nowrap}
.tabrow .nextstep{max-width:280px;min-width:0;display:inline-flex;align-items:center;gap:8px;overflow:hidden}
.tabrow .nextstep .ns-l{flex:none;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.tabrow .nextstep .ns-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tabrow .nextstep svg{flex:none}

/* Vistas de Hilos: arrastrar para ordenar */
.hvsort [data-act="hView"]{cursor:grabbing}
[data-act="hView"].hvdrag{opacity:.55;transform:scale(.96);box-shadow:0 0 0 2px var(--accent-text) inset}
[data-act="hView"].hvover{box-shadow:inset 3px 0 0 var(--accent-text);background:var(--accent-soft)}
[data-act="hView"]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}

/* Canvinn: secciones de color */
.cvw .cv-frame:not([style*="--cc:#FFFFFF"]):not([style*="--cc:#ffffff"]){background:color-mix(in srgb,var(--cc) 32%,transparent);border-color:color-mix(in srgb,var(--cc) 75%,var(--cvink) 10%)}
.cvw[data-cvt="oscuro"] .cv-frame:not([style*="--cc:#FFFFFF"]):not([style*="--cc:#ffffff"]){background:color-mix(in srgb,var(--cc) 16%,transparent)}
.cvflab2[style*="--fc"]{background:var(--fc);color:#1E1E1E;box-shadow:0 0 0 1px color-mix(in srgb,var(--fc) 70%,#000 10%)}
/* Formato del texto */
.cvfmt{display:flex;align-items:center;gap:2px}
.cvfmt button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--cvink);cursor:pointer}
.cvfmt button:hover{background:var(--cvhov)}
.cvfmt button[aria-pressed="true"]{background:var(--cvhov);box-shadow:inset 0 0 0 1.5px var(--cvink)}
.cvfmt svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cvfs{height:28px;padding:0 8px;border-radius:8px;font-size:12.5px;background:var(--cvbg);color:var(--cvink);border:1px solid var(--cvl2);margin-right:4px}
.tabrow{margin-bottom:28px}
.tabrow .tabs{margin-bottom:0}