/* Keep menu controls in the same DOM position so changing connection state preserves focus. */
#classroom-menu-body{display:flex;flex-direction:column}
#classroom-menu-body .flow075-guide{order:0}
#classroom-menu-body .classroom-intro{order:1}
#classroom-menu-body .setup-steps{order:2}
#classroom-menu-body .setup-start{order:3}
#classroom-menu-body .classroom-menu-grid{order:4}
#classroom-menu-body.setup-connected .classroom-menu-grid{order:0}
#classroom-menu-body.setup-connected .classroom-intro{order:1}
#classroom-menu-body.setup-connected .flow075-guide{order:2}
#classroom-menu-body.setup-connected .setup-steps{order:3}
#classroom-menu-body.setup-connected .setup-start{order:4}

/* A verified helper session, board and live port are distinct from an upload result. */
.classroom-shell #classroom-connection[data-state="ready"]:not(.flow051-needed){background:#148653!important;color:#fff!important;border-color:#0d7044!important;outline:none!important}
.classroom-shell #classroom-connection[data-state="ready"]:not(.flow051-needed):focus-visible{outline:3px solid #e5a327!important;outline-offset:3px!important}

/* FieldNumber alone: keep Blockly-measured width and the full click target. */
.classroom-shell .blocklyNumberField .blocklyFieldRect{rx:999px;ry:999px;transform-box:fill-box;transform-origin:center;transform:scaleY(.88)}

#example-open-feedback-077{border:1px solid #b9c9d9;border-radius:14px;padding:24px;min-width:min(330px,85vw);text-align:center}
#example-open-feedback-077 h2{font-size:18px;margin:0 0 18px}
#example-open-feedback-077 button{min-width:100px;min-height:40px}