/* =========================================================
   #121 Creador de rutinas compacto (ordenador)
   ========================================================= */
.ru-res,.ru-cambiar,.ru-ren{display:none;}
.ru-vista-btn{margin:0 0 12px;min-height:38px;padding:0 16px;}
.ru-vista-btn[hidden]{display:none;}
html.ru-compacto #app .sc{padding-left:20px !important;padding-right:20px !important;}
html.ru-compacto #sesionesCont{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);gap:16px;align-items:start;overflow-x:auto;padding-bottom:12px;}
html.ru-compacto #sesionesCont .sesion-card{margin:0;min-width:0;}
html.ru-compacto #sesionesCont .sesion-head{padding:12px 12px;}
html.ru-compacto #sesionesCont .sesion-title{font-size:var(--fs-l);}
html.ru-compacto #sesionesCont .en-ses-acts{margin-bottom:8px;}
html.ru-compacto #sesionesCont .ex-item{padding:8px 8px 8px;margin-bottom:8px;border-radius:var(--r-ctl);}
html.ru-plegable #sesionesCont .ex-item:not(.ru-foco) > :not(.ex-table-row):not(.ru-res){display:none !important;}
html.ru-compacto #sesionesCont .ex-item .ex-table-row{min-height:0;}
html.ru-compacto #sesionesCont .ex-item .ex-name-cell{font-size:var(--fs-m);}
html.ru-plegable .ru-res{display:flex;align-items:center;gap:8px;width:100%;margin:2px 0 0;padding:4px 8px 4px 36px;border:none;background:none;border-radius:var(--r-ctl);cursor:pointer;text-align:left;color:var(--ink);font:600 var(--fs-s) var(--f-mono);}
html.ru-compacto .ru-res:hover{background:var(--wash-med, rgba(0,0,0,.05));}
html.ru-compacto .ru-res .ru-res-v{white-space:nowrap;}
html.ru-compacto .ru-res .sr-badge{font-size:var(--fs-xs);}
html.ru-compacto .ru-res .ru-res-t{font:600 var(--fs-xs) var(--f-body);color:var(--dim-6);}
html.ru-compacto .ru-res .ru-res-e{margin-left:auto;color:var(--accent-text);font-size:var(--fs-s);}
html.ru-compacto #sesionesCont .ex-item.ru-foco{box-shadow:0 0 0 2px var(--accent);background:var(--card);}
html.ru-compacto #sesionesCont .ex-item.ru-foco .ru-ss{max-width:none;}
html.ru-compacto #sesionesCont .add-ej-btn{margin-top:4px;}
/* una línea por ejercicio: nombre a la izquierda, pauta a la derecha */
html.ru-compacto #sesionesCont .ex-item:not(.ru-foco){display:grid !important;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;padding:4px 8px 4px 4px !important;margin:0 0 4px !important;min-height:0 !important;}
html.ru-compacto #sesionesCont .ex-item:not(.ru-foco) .ex-table-row{margin:0 !important;padding:0 !important;min-height:34px;gap:4px;}
html.ru-compacto #sesionesCont .ex-item:not(.ru-foco) .ex-name-cell{font-size:var(--fs-s) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html.ru-compacto #sesionesCont .ex-item:not(.ru-foco) .ru-res{width:auto;margin:0;padding:4px 8px;}
html.ru-compacto #sesionesCont .ex-item:not(.ru-foco) .ru-res .ru-res-e{margin-left:4px;}
html.ru-compacto #sesionesCont .ex-item:not(.ru-foco) .ru-asa{width:22px;}
html.ru-compacto #sesionesCont .en-ses-acts{display:flex;gap:8px;}
html.ru-compacto #sesionesCont .en-ses-acts button{min-height:28px;padding:0 8px;font-size:var(--fs-s);}
/* #133 edición rápida en la línea: series × reps · RIR sin abrir el ejercicio */
html.ru-compacto .ru-res{cursor:default;gap:8px;}
html.ru-compacto .ru-q{display:inline-flex;align-items:center;gap:4px;}
html.ru-compacto .ru-q input{width:34px;height:28px;padding:0;border:1.5px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--wash-soft);color:var(--ink);text-align:center;font:700 var(--fs-s) var(--f-mono);}
html.ru-compacto .ru-q input.ru-q-s{width:28px;}
html.ru-compacto .ru-q input:focus{outline:none;border-color:var(--accent);background:var(--card);}
html.ru-compacto .ru-q input::placeholder{font-size:var(--fs-xs);color:var(--dim-45);}
html.ru-compacto .ru-q-x{font:600 var(--fs-s) var(--f-mono);color:var(--dim-6);}
html.ru-compacto .ru-q-l{font:700 var(--fs-xs) var(--f-mono);color:var(--dim-6);margin-left:4px;}
html.ru-compacto .ru-abrir{flex:none;min-width:30px;height:28px;border:none;border-radius:var(--r-ctl);background:none;color:var(--accent-text);font:600 var(--fs-s) var(--f-body);cursor:pointer;}
html.ru-compacto .ru-abrir:hover{background:var(--wash-med);}
html.ru-compacto .ru-q-txt{font:600 var(--fs-xs) var(--f-mono);color:var(--accent-text);text-transform:uppercase;letter-spacing:.05em;}
html.ru-compacto #sesionesCont .ex-item:not(.ru-foco){cursor:pointer;}
html.ru-compacto #sesionesCont .ex-item:not(.ru-foco) .ru-res{padding:2px 0;}

/* #138 días y ejercicios que se pliegan tocando su nombre (móvil y ordenador) */
html.ru-plegable #sesionesCont .ex-item.ru-foco > .ru-res{display:none !important;}
html.ru-plegable #sesionesCont .en-pautas{display:none !important;}
html.ru-plegable #sesionesCont .ex-name-cell{cursor:pointer;}
html.ru-plegable #sesionesCont .ex-name-cell::after{content:"" !important;}
html.ru-plegable #sesionesCont .ex-name-cell:empty::before{content:"Ejercicio sin elegir";color:var(--dim-45);font-style:italic;font-weight:500;}
html.ru-plegable #sesionesCont .ex-item.ru-foco .ex-name-cell::after{content:" ▴" !important;font-size:var(--fs-xs);color:var(--accent-text);}
html.ru-plegable .ru-cambiar{flex:none;margin-left:8px;min-height:28px;padding:0 12px;border-radius:var(--r-ctl);border:1px solid var(--accent-line, var(--line-strong));background:var(--card);color:var(--accent-text);font:700 var(--fs-s) var(--f-body);cursor:pointer;}
html.ru-plegable .ru-ren{flex:none;margin-left:8px;width:30px;height:30px;border:none;border-radius:var(--r-ctl);background:none;color:var(--accent-text);font-size:var(--fs-m);cursor:pointer;}
html.ru-plegable .ru-ren:hover{background:var(--wash-med);}
html.ru-plegable #sesionesCont .sesion-title::after{content:none !important;}
html.ru-plegable #sesionesCont .sesion-title{cursor:pointer;}
html.ru-plegable #sesionesCont .sesion-title.ru-renombrando{cursor:text;outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;}
html.ru-plegable .ru-desp{margin-left:auto;color:var(--accent-text);font-size:var(--fs-s);padding:0 4px;}
/* móvil: la línea plegada debajo del nombre */
html.ru-plegable:not(.ru-compacto) #sesionesCont .ex-item:not(.ru-foco){padding-bottom:8px;}
html.ru-plegable:not(.ru-compacto) .ru-res{display:flex;align-items:center;gap:8px;padding:2px 0 2px 32px;}
html.ru-plegable .ru-q input{width:36px;height:32px;padding:0;border:1.5px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--wash-soft);color:var(--ink);text-align:center;font:700 var(--fs-m) var(--f-mono);}
html.ru-plegable .ru-q{display:inline-flex;align-items:center;gap:4px;}
html.ru-plegable .ru-q-x{font:600 var(--fs-s) var(--f-mono);color:var(--dim-6);}
html.ru-plegable .ru-q-l{font:700 var(--fs-xs) var(--f-mono);color:var(--dim-6);margin-left:4px;}
html.ru-plegable .ru-cambiar,html.ru-plegable .ru-ren{display:inline-flex;align-items:center;justify-content:center;}
/* nombre y «Cambiar» en la misma línea */
html.ru-plegable #sesionesCont .ex-table-row{display:flex !important;align-items:center;gap:8px;flex-wrap:nowrap;}
html.ru-plegable #sesionesCont .ex-table-row .ex-name-cell{flex:1 1 auto;min-width:0;}
html.ru-plegable #sesionesCont .ex-table-row .ru-cambiar{margin-left:auto;}
html.ru-plegable:not(.ru-compacto) .ru-res{padding-left:36px;}
html.ru-plegable #sesionesCont .sesion-head > div:first-child{display:flex;flex-wrap:wrap;align-items:center;column-gap:2px;}
html.ru-plegable #sesionesCont .sesion-head .sesion-num{flex-basis:100%;}
/* #146 más de 3 días: cada columna con ancho cómodo y desplazamiento lateral */
html.ru-compacto #sesionesCont{grid-auto-columns:minmax(380px,1fr);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:16px;}
html.ru-compacto #sesionesCont .sesion-card{scroll-snap-align:start;}
html.ru-compacto #sesionesCont::-webkit-scrollbar{height:10px;}
html.ru-compacto #sesionesCont::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--r-ctl);}
/* nombre completo en su línea y la pauta debajo (no se corta el nombre) */
html.ru-compacto #sesionesCont{grid-auto-columns:minmax(340px,1fr);}
html.ru-compacto #sesionesCont .ex-item:not(.ru-foco){grid-template-columns:minmax(0,1fr);row-gap:2px;padding:8px 8px 8px 4px !important;}
html.ru-compacto #sesionesCont .ex-item:not(.ru-foco) .ex-name-cell{white-space:normal;overflow:visible;text-overflow:clip;}
html.ru-compacto #sesionesCont .ex-item:not(.ru-foco) .ru-res{padding:0 0 0 46px;justify-content:flex-start;}
html.ru-compacto .ru-cambiar{min-height:26px;padding:0 8px;font-size:var(--fs-xs);}
/* casillas que crecen con «8/6/6» */
html.ru-plegable .ru-q input.ru-q-r,html.ru-plegable .ru-q input.ru-q-i{width:auto;min-width:36px;padding:0 8px;}
/* «Cambiar» siempre igual */
html.ru-plegable #sesionesCont .ru-cambiar{background:var(--accent) !important;color:var(--on-accent,#fff) !important;border:1px solid var(--accent) !important;opacity:1;font:700 var(--fs-s) var(--f-body) !important;}
html.ru-plegable #sesionesCont .ru-cambiar:hover{filter:brightness(.95);}