/* Windows lab 6 (lesson 12): what this lab adds to win-lab4.css and ../bench/bench-lab.css. Grey selection, no icon discs. */
/* the first monitor's own message when Windows is not running */
.screenwrap { position: relative; }
#monitor-msg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 10px 22px; background: #17324f; color: #e8edf3; font: 600 15px/1.3 "Segoe UI", system-ui, sans-serif; border-radius: 4px; pointer-events: none; z-index: 5; direction: ltr; }
/* a hint under an exercise */
.task .tx .task-hint { appearance: none; display: inline-block; margin: 8px 0 0; padding: 3px 10px; font: 600 11.5px system-ui, -apple-system, sans-serif; color: var(--ink-dim, #6e6e73); background: transparent; border: 1px solid var(--line, rgba(127, 127, 127, .3)); border-radius: 999px; cursor: pointer; }
.task .tx .task-hint:hover { color: inherit; border-color: currentColor; }
.task .tx .l6-hinttx { display: block; margin-top: 6px; padding: 7px 10px; font-size: .75rem; line-height: 1.55; color: inherit; background: rgba(127, 127, 127, .1); border-radius: 8px; }
/* the staircase of checks */
.task .tx .l6-order { display: flex; flex-direction: column; gap: 5px; margin-top: 8px; }
.task .tx .l6-ord { appearance: none; display: flex; align-items: center; gap: 8px; width: 100%; padding: 6px 9px; text-align: start; font: 13px/1.35 system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif; color: inherit; background: var(--panel, #fff); border: 1px solid var(--line, rgba(127, 127, 127, .35)); border-radius: 8px; cursor: pointer; }
.task .tx .l6-ord:hover:not([disabled]) { border-color: #86868b; }
.task .tx .l6-ord[disabled] { cursor: default; }
.task .tx .l6-ord.on { background: rgba(127, 127, 127, .14); border-color: #86868b; }
.task .tx .l6-ord i { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; font: 600 12px system-ui, sans-serif; border-radius: 5px; border: 1px solid var(--line, rgba(127, 127, 127, .35)); }
.task .tx .l6-ord em { font-style: normal; }
.task .tx .l6-ordmsg { display: block; margin-top: 6px; font-size: .78rem; }
.task .tx .l6-ordmsg.ok { color: #137a3f; }
/* the line of signs: what the machine is saying */
.blab .bl-signs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; margin: 0 0 12px; padding: 8px 12px; background: var(--bl-soft); border-radius: 10px; font-size: 13px; }
.blab .bl-sign { display: inline-flex; align-items: center; gap: 5px; color: var(--bl-mut); }
.blab .bl-sign b { color: var(--bl-ink); font-weight: 600; }
.blab .bl-sign i { width: 8px; height: 8px; border-radius: 50%; background: #c7c7cc; flex: none; }
.blab .bl-sign.lit i { background: var(--bl-ok); }
.blab .bl-sign.beep bdi { font-weight: 700; color: var(--bl-ink); letter-spacing: .04em; white-space: pre; }
.blab .bl-sign small { font-size: 12px; }
.blab .bl-link { appearance: none; border: 0; background: none; padding: 2px 4px; font: inherit; font-size: 12px; color: var(--bl-blue); cursor: pointer; }
.blab .bl-link:hover { text-decoration: underline; }
/* the tool in the hand */
.blab .bl-hand { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; padding: 7px 12px; background: var(--bl-soft); border: 1px solid var(--bl-line); border-radius: 10px; font-size: 13px; }
/* the toolkit */
.blab .bl-tools { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.blab .bl-tool { display: flex; flex-direction: column; gap: 6px; padding: 12px; background: #fff; border: 1px solid var(--bl-line); border-radius: 12px; }
.blab .bl-tool.pick { background: var(--bl-soft); border-color: #86868b; }
.blab .bl-tool svg { display: block; width: 100%; height: 54px; direction: ltr; }
.blab .bl-tool b { font-size: 14px; }
.blab .bl-tool > span { color: var(--bl-mut); font-size: 12.5px; }
.blab .bl-tool .bl-acts { margin-top: auto; padding-top: 4px; }
.blab .bl-lcd { width: 100%; direction: ltr; border-collapse: collapse; padding: 6px 8px; background: #a9d6a0; color: #16251a; font: 600 13px/1.4 ui-monospace, Consolas, monospace; border-radius: 6px; }
.blab .bl-lcd td { padding: 2px 8px; }
.blab .bl-lcd td:last-child { text-align: end; }
.blab .bl-lcd.blank { padding: 10px; background: #5d6b5a; color: #dfe6dc; text-align: center; font: 12.5px/1.4 system-ui, sans-serif; direction: inherit; }
.blab .bl-lcd.light { background: var(--bl-soft); color: var(--bl-ink); font: 12.5px/1.4 system-ui, sans-serif; direction: inherit; }
.blab .bl-seg { align-self: flex-start; padding: 2px 14px; background: #120505; color: #ff4a3a; font: 700 28px/1.3 ui-monospace, Consolas, monospace; letter-spacing: .08em; border-radius: 6px; }
/* the firmware card inside the BIOS screen */
.blab .bl-bios .bl-fw { margin-top: 10px; }
.blab .bl-bios .bl-fw .bl-fwh { margin: 10px 0 4px; color: #9fb4d0; font-size: 12.5px; }
.blab .bl-bios .bl-fwt { overflow-x: auto; }
.blab .bl-bios .bl-fw table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.blab .bl-bios .bl-fw th { padding: 3px 8px; text-align: left; color: #7fb0ff; font-weight: 600; white-space: nowrap; }
.blab .bl-bios .bl-fw td { padding: 3px 8px; border-top: 1px solid #2a3a52; white-space: nowrap; }
.blab .bl-bios .bl-fw td:last-child { min-width: 230px; white-space: normal; text-align: start; }
.blab .bl-bios .bl-fw tr.on td { background: rgba(255, 255, 255, .08); }
.blab .bl-bios .bl-fwpick { appearance: none; padding: 3px 8px; font: 600 12.5px ui-monospace, Consolas, monospace; color: #d7e3f4; background: transparent; border: 1px solid #3a4e6d; border-radius: 6px; cursor: pointer; }
.blab .bl-bios .bl-fwpick:hover:not([disabled]) { background: rgba(255, 255, 255, .08); }
.blab .bl-bios .bl-fwpick.on { background: #d7e3f4; color: #0f1724; border-color: #d7e3f4; }
.blab .bl-bios .bl-fwpick[disabled] { cursor: default; opacity: .7; }
.blab .bl-bios .bl-fw .bl-btn { min-height: 34px; padding: 5px 12px; font-size: 13px; }
.blab .bl-bios .bl-flash { display: block; margin-top: 10px; padding: 8px 10px; background: #2a1c10; border-radius: 8px; color: #ffcf8f; }
.blab .bl-bios .bl-flash b { display: block; font-size: 13px; }
.blab .bl-bios .bl-flash span { display: block; color: inherit; font-size: 12.5px; }
.blab .bl-bar { display: block; height: 8px; margin: 6px 0; background: rgba(255, 255, 255, .15); border-radius: 4px; overflow: hidden; }
.blab .bl-bar i { display: block; height: 100%; background: #ffcf8f; transition: width .4s linear; }
/* bricked */
.blab .bl-brickbar { margin: 0 0 12px; padding: 9px 12px; background: #fdeceb; border: 1px solid #f3c2bd; border-radius: 10px; color: #a2241a; font-size: 13px; }
.blab .bl-brick { color: #ff7a6b; }
.blab .bl-brick b { display: block; font-size: 15px; }
.blab .bl-brick p { margin: 6px auto 0; max-width: 56ch; color: #c9ced6; font-size: 13px; }
/* a reading or a refusal, right under the picture */
.blab .bl-split.has3d .bl-side { align-content: start; }
.blab .bl-side > .bl-msg { grid-column: 1 / -1; margin: 0; }
.blab .bl-msg.has { padding: 8px 12px; background: var(--bl-soft); border-radius: 10px; font-weight: 600; }
.blab .bl-side > .bl-msg:not(.has) { display: none; }