.session-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.3fr);gap:20px}.session-layout select,.session-detail select{width:100%;margin:12px 0}.session-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.session-stats small,.session-stats b{display:block}.session-stats small{color:var(--muted);font-size:12px;margin-bottom:7px}.session-stats b{font-size:20px}.session-graph{border:1px solid var(--line,#262630);border-radius:16px;padding:14px;background:linear-gradient(180deg,#ffffff04,transparent)}.session-graph svg{display:block;width:100%;max-height:160px}.session-graph path{fill:none;stroke:var(--chart-color,var(--accent,#ffe600));stroke-width:2;vector-effect:non-scaling-stroke}.session-graph small{color:var(--muted);font-size:11px}.session-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.session-item{display:flex;align-items:center;gap:14px;border:1px solid var(--line,#262630);border-radius:18px;background:var(--card,#0e0e16);padding:20px;text-align:left;color:inherit;cursor:pointer}.session-item span{flex:1;min-width:0}.session-item b{display:block;overflow-wrap:anywhere}.session-item small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.session-item>.ic{color:var(--accent,#ffe600);flex-shrink:0}.session-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.session-report{display:block;width:100%;box-sizing:border-box;resize:vertical;margin:18px 0;padding:16px;min-height:220px;line-height:1.65;background:#050507;color:inherit;border:1px solid var(--line,#262630);border-radius:14px;font:inherit}.session-recording{display:flex;gap:10px;align-items:center;color:var(--accent,#ffe600);font-size:12px;font-weight:700}.session-recording i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:session-pulse 2.4s ease-in-out infinite}.session-idle{width:48px;height:48px;color:var(--accent,#ffe600);margin:16px 0}.session-emblem{position:relative;width:110px;height:110px;display:grid;place-items:center;border:1px solid #ffe60030;border-radius:50%;flex-shrink:0}.session-emblem .ic{width:46px;height:46px;color:var(--accent,#ffe600)}.session-emblem i{position:absolute;inset:-8px;border:1px dashed #ffe60055;border-radius:50%;animation:session-orbit 18s linear infinite}.session-emblem i:after{content:'';position:absolute;top:0;left:50%;width:7px;height:7px;border-radius:50%;background:var(--accent,#ffe600)}@keyframes session-orbit{to{transform:rotate(360deg)}}@keyframes session-pulse{50%{opacity:.35;transform:scale(.8)}}html.lite .session-emblem i,html.lite .session-recording i{animation:none}html.motion-paused .session-emblem i,html.motion-paused .session-recording i{animation-play-state:paused}[data-page="m-sessions"][hidden] .session-emblem i,[data-page="m-sessions"][hidden] .session-recording i{animation-play-state:paused}@media(max-width:900px){.session-layout,.session-history,.session-compare-grid{grid-template-columns:1fr}.session-item{flex-wrap:wrap}.session-stats b{font-size:18px}}@media(prefers-reduced-motion:reduce){.session-emblem i{animation:none}}

.session-layout select,.session-detail select{appearance:auto;color:inherit;background:#15151f;border:1px solid var(--line,#30303c);border-radius:12px;padding:14px;font:inherit;color-scheme:dark}.session-layout select:disabled{opacity:.55}.session-layout select:focus-visible,.session-detail select:focus-visible{outline:2px solid var(--accent,#ffe600);outline-offset:3px}

/* Telemetría con escala, curvas entre muestras y CPU/RAM intercambiables. */
.session-chart{--session-color:var(--accent,#ffe600);padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#ffffff03,#05050799);position:relative;overflow:hidden}.session-chart:before{content:'';position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,var(--session-color),transparent);opacity:.45}.session-chart-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.session-chart-head b{font:700 9px var(--mono);letter-spacing:.1em;color:var(--muted)}.session-chart-state{display:block;font:700 9px var(--mono);letter-spacing:.08em;margin-top:6px;color:var(--session-color)}.session-chart-state:before{content:'●';margin-right:7px}.session-chart-switch{display:flex;border:1px solid var(--line);border-radius:10px;padding:3px;background:#050507}.session-chart-switch button{padding:7px 12px;border-radius:7px;font:700 11px var(--body);color:var(--muted)}.session-chart-switch button[aria-pressed=true]{background:var(--accent-soft);color:var(--session-color)}.session-chart-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.session-chart-readout{display:flex;align-items:baseline;gap:12px;margin:18px 0}.session-chart-value{font:700 29px var(--display);color:var(--session-color);font-variant-numeric:tabular-nums}.session-chart-caption{font-size:10px;color:var(--muted)}.session-chart svg{width:100%;display:block;overflow:visible;max-height:240px}.session-grid-line{stroke:#ffffff09;stroke-width:1;vector-effect:non-scaling-stroke}.session-grid-v{stroke-dasharray:2 7}.session-axis{fill:var(--muted);font:10px var(--mono)}.session-chart-line,.session-chart-old{fill:none;stroke:var(--session-color);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.session-chart-old{opacity:0}.session-chart-dot{fill:var(--session-color);stroke:#050507;stroke-width:2;vector-effect:non-scaling-stroke}.session-chart.is-recording.is-in-view .session-chart-dot{animation:session-chart-signal 2.4s ease-in-out infinite}.session-chart-times{display:flex;justify-content:space-between;margin:8px 0 0 38px;font:10px var(--mono);color:var(--muted)}.session-chart-note{font-size:10px;color:var(--muted);line-height:1.6;margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}html.lite .session-chart-dot{animation:none!important}html.motion-paused .session-chart-dot{animation-play-state:paused!important}@media(max-width:600px){.session-chart{padding:14px}.session-chart-head{gap:8px}.session-chart-readout{flex-wrap:wrap;gap:6px}.session-chart-value{font-size:24px}.session-chart-switch button{padding:7px 10px}}

@keyframes session-chart-signal{50%{opacity:.35}}