/* Keep guidance and the command input together; allow the terminal to scroll above. */
.flow-guide[hidden]{display:none}
.flow-guide{padding:12px;margin-bottom:10px;border:1px solid rgba(119,234,255,.35);border-radius:12px;background:rgba(4,23,32,.97);font-family:system-ui,sans-serif}
.flow-kicker{display:block;color:#77eaff;font-size:10px;letter-spacing:.08em;margin-bottom:6px}
.flow-current{display:block;font-size:14px;line-height:1.6;color:#effaff;margin:0}
.flow-why{font-size:12px;line-height:1.7;color:#bdd2dc;margin:5px 0 9px}
.flow-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.flow-actions code,.flow-after code{font-size:12px;color:#85ffc3;overflow-wrap:anywhere}
.flow-action,.flow-fill{cursor:pointer;border-radius:8px;padding:8px 11px;font-size:12px;border:1px solid #458398}
.flow-action{color:#021720;background:#7ceaff;font-weight:700}
.flow-fill{color:#d7e8ef;background:#102c38}
.flow-action:disabled{opacity:.55;cursor:default}
.flow-order{font-size:11px;color:#bdcdd4;margin-top:10px}
.flow-order summary{cursor:pointer;padding:3px 0}
.flow-order ol{max-height:150px;overflow:auto;margin:8px 0 0;padding-left:25px;line-height:1.9}
.flow-order li{padding:2px 3px}
.flow-done{color:#85d9b0}.flow-now{color:#7ceaff;font-weight:700}
.flow-after{margin-top:20px;padding:16px;border:1px solid #3b8197;border-radius:12px;background:#092530}
.flow-after h4{margin:6px 0;font-size:17px}.flow-after p{font-size:14px;line-height:1.8}
.flow-after .flow-action{display:block;margin-top:12px;font-size:14px}
.flow-pending{color:#7ceaff;padding:10px;border-left:3px solid #7ceaff;background:#092530;font-size:14px!important;overflow-wrap:anywhere}
.inputbox{max-height:52vh;overflow-y:auto}
@media(max-width:700px){.inputbox{max-height:none}.flow-current{font-size:13px}.flow-actions code{flex-basis:100%}.flow-order ol{max-height:130px}}