/* Windows lab 4 (lesson 11): the PC workbench sits under the screen, across the stage, like lab 3's ports panel;
   the keycaps and answer boxes come from win-lab3.css. Full screen is for the screen alone. */
.stage .bench-panel { margin-top: 18px; user-select: text; -webkit-user-select: text; }
/* full screen (user, 2026-11-01: "a full screen with the tasks is easier"): the bench with the exercises beside it is the
   default; the #fs-what switch brings the monitor back instead */
html.fs:not(.fs-screen) .stage .laptop, html.fs:not(.fs-screen) .stage .kbd-strip { display: none; }
html.fs.fs-screen .stage .bench-panel { display: none; }
html.fs:not(.fs-screen) .stage { display: block; overflow-y: auto; overscroll-behavior: contain; }
html.fs:not(.fs-screen) .stage .bench-panel { margin: 0; height: 100%; }
html.fs:not(.fs-screen) .blab { border: 0; border-radius: 0; padding: 8px 4px 24px; }
html.fs #fs-what { display: inline-block; }
/* a ticket heading inside the exercises */
.task-sec { margin: 18px 0 6px; padding-top: 10px; border-top: 1px solid var(--line, rgba(127, 127, 127, .28)); font-size: .8rem; font-weight: 650; color: var(--ink-dim, #6e6e73); }
.task-sec:first-of-type { margin-top: 4px; }
/* a desktop PC: the screen is a monitor on a stand, not a laptop */
.laptop { padding-bottom: 64px; }
.laptop .base { display: none; }
.laptop .lid { border-radius: 10px; padding: 14px 14px 24px; }
.laptop .lid::after { display: none; }
.laptop::before { content: ''; position: absolute; left: 50%; bottom: 22px; width: 90px; height: 44px; margin-left: -45px; background: linear-gradient(180deg, #2a2d33, #16181c); border-radius: 0 0 6px 6px; }
.laptop::after { content: ''; position: absolute; left: 50%; bottom: 10px; width: 300px; height: 14px; margin-left: -150px; background: linear-gradient(180deg, #3a3e45, #1d2025); border-radius: 50% / 100%; box-shadow: 0 8px 20px rgba(0, 0, 0, .35); }
/* "Start this ticket again" on each ticket heading */
.task-sec { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.task-redo { appearance: none; font: 600 11.5px system-ui, -apple-system, sans-serif; color: var(--ink-dim, #6e6e73); background: var(--panel, #fff); border: 1px solid var(--line, rgba(127, 127, 127, .3)); border-radius: 999px; padding: 4px 10px; cursor: pointer; }
.task-redo:hover { color: #0071e3; border-color: #0071e3; }
.task-redo.armed { color: #fff; background: #0071e3; border-color: #0071e3; }
/* full screen (user 2026-11-02: "the panel under the bench is hidden"): the inspector sits beside the 3D view, not under it */
html.fs:not(.fs-screen) .blab .bl-head p { display: none; }
html.fs:not(.fs-screen) .blab .bl-split.has3d { grid-template-columns: minmax(0, 1fr) 340px; gap: 14px; align-items: start; }
html.fs:not(.fs-screen) .blab .bl-split.has3d .bl-side { grid-template-columns: 1fr; position: sticky; top: 0; max-height: calc(100vh - 80px); overflow-y: auto; }
@media (max-width: 1100px) { html.fs:not(.fs-screen) .blab .bl-split.has3d { grid-template-columns: 1fr; } html.fs:not(.fs-screen) .blab .bl-split.has3d .bl-side { position: static; max-height: none; } }