.mb-flow{padding:24px;border:1px solid var(--line,#dce1e9);border-radius:14px;background:#fff;min-width:0}
.mb-flow-process-inputs{display:flex;flex-wrap:wrap;gap:4px;max-width:110px}.mb-flow-process-stages{display:grid;gap:6px;padding:0;list-style:none;font-size:12px;color:#425b78}.mb-flow-process-stages li{padding:7px 10px;border-left:2px solid #9cb7cf;background:#edf3f9;border-radius:0 4px 4px 0}.mb-flow-recipe[data-flow-kind=brewing_hearth] .mb-flow-station{color:#596d4a}.mb-flow-recipe[data-flow-kind=brewing_hearth] .mb-flow-board{background:#eff3ec}
.mb-flow-outputs{display:flex;align-items:center;gap:5px;flex-shrink:0}.mb-flow-output-plus{color:#69778e;font-size:14px}.mb-flow-recipe[data-flow-kind=fraction_workbench] .mb-flow-board{gap:8px;flex-wrap:wrap}.mb-flow-recipe[data-flow-kind=fraction_workbench] .mb-flow-process-inputs{max-width:72px}
.mb-flow-heading h2{font-size:23px;line-height:1.2;margin:0 0 10px}.mb-flow-heading p{font-size:13px;color:#62708a;max-width:640px}.mb-flow-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:24px 0}.mb-flow-stats>div{display:flex;flex-direction:column;gap:4px;background:#f3f6fc;border-radius:10px;padding:14px}.mb-flow-stats strong{font-size:23px;color:#243151}.mb-flow-stats span{font-size:11px;color:#62708a}.mb-flow-note{font-size:12px!important;line-height:1.65;color:#66748b}.mb-flow-checks{padding:14px 16px;background:#fff5e6;border-radius:10px;margin:18px 0}.mb-flow-checks summary,.mb-flow-materials summary{cursor:pointer;font-weight:600;font-size:13px}.mb-flow-checks li+li{margin-top:9px}.mb-flow-checks ul{padding-left:18px}.mb-flow-link{background:none;border:0;padding:3px 0;color:#315ae5;text-align:left;font:inherit;font-size:12px;cursor:pointer;line-height:1.55}.mb-flow-link:hover{text-decoration:underline}.mb-flow-link:focus-visible{outline:2px solid #315ae5;outline-offset:4px;border-radius:3px}.mb-flow-controls{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:14px;margin:22px 0}.mb-flow-controls label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}.mb-flow-controls input,.mb-flow-controls select{width:100%;min-width:0;border:1px solid #d4dceb;background:#fff;border-radius:8px;min-height:44px;padding:9px 12px;font:inherit;font-weight:400}.mb-flow-materials{border-bottom:1px solid #e0e5ef;padding-bottom:15px;margin:12px 0}.mb-flow-supply{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.mb-flow-supply-item{display:flex;align-items:center;gap:7px;padding:5px 9px;background:#f5f7fb;border-radius:7px;font-size:11px}.mb-flow-supply-item img{width:24px;height:24px;image-rendering:pixelated;object-fit:contain}.mb-flow-count{font-size:12px;color:#62708a;margin:18px 0}.mb-flow-recipes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mb-flow-recipe{padding:18px;background:#fbfcff;border:1px solid #e0e5ef;border-radius:12px;min-width:0}.mb-flow-recipe-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.mb-flow-step{font-size:10px;color:#456a65;background:#e9f3ee;padding:4px 7px;border-radius:5px}.mb-flow-recipe h3{font-size:16px;margin:0 0 6px;overflow-wrap:anywhere;line-height:1.35}.mb-flow-station{font-size:11px;color:#69778e;margin:0}.mb-flow-board{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0;background:#eef1f6;padding:14px 8px;border-radius:10px}.mb-flow-grid{display:grid;grid-template-columns:repeat(3,34px);gap:3px}.mb-flow-grid-single{grid-template-columns:52px}.mb-flow-slot{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#dde3ec;box-shadow:inset 2px 2px #b3becf,inset -1px -1px #fff;border-radius:2px}.mb-flow-grid-single .mb-flow-slot{width:52px;height:52px}.mb-flow-slot img{width:27px;height:27px;object-fit:contain;image-rendering:pixelated}.mb-flow-grid-single img{width:40px;height:40px}.mb-flow-arrow{font-size:25px;color:#6b798f}.mb-flow-output{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0;background:#dde3ec;box-shadow:inset 2px 2px #b3becf,inset -1px -1px #fff;border-radius:2px}.mb-flow-output img{width:40px;height:40px;image-rendering:pixelated;object-fit:contain}.mb-flow-output strong{position:absolute;bottom:1px;right:4px;font-size:13px;color:#fff;text-shadow:1px 1px 2px #111}.mb-flow-ingredients{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:#62708a}.mb-flow-ingredients .mb-flow-link{font-size:11px}.mb-flow-next{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;border-top:1px solid #e0e5ef;padding-top:12px;margin-top:13px;font-size:11px;color:#62708a}.mb-flow-empty{padding:22px;background:#f4f7fc;border-radius:10px;color:#62708a;font-size:13px}.mb-flow-empty h3{color:#283951}.mb-flow [hidden]{display:none!important}
@media(max-width:1200px){.mb-flow-recipes{grid-template-columns:1fr}}
@media(max-width:740px){.mb-flow-link{min-height:44px;display:inline-flex;align-items:center}.mb-flow-ingredients{align-items:center}}
@media(max-width:740px){body.modonix-editor .mb-mobile-workspace{grid-template-columns:repeat(4,minmax(0,1fr))}.mb-flow{padding:16px}.mb-flow-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:18px 0}.mb-flow-controls{grid-template-columns:1fr}.mb-flow-recipe{padding:14px}.mb-workspace-tabs>div{flex-wrap:wrap}.mb-workspace-tabs{gap:8px;flex-wrap:wrap}.mb-flow-heading h2{font-size:21px}}