/* Flowday V5.8 — Real Mode / backend cockpit */
.launch-hero{overflow:hidden;position:relative}.launch-hero:after{content:"";position:absolute;inset:auto -70px -90px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(214,255,99,.42),rgba(214,255,99,0) 68%);pointer-events:none}
.backend-console{margin:14px 0;position:relative;overflow:hidden}.backend-console.live{background:linear-gradient(135deg,#172019 0%,#212b20 52%,#293621 100%);color:#fff;border-color:#31402c}.backend-console.setup{background:linear-gradient(135deg,#f7f9f3,#eef5df)}
.backend-console-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.backend-console.live .caption,.backend-console.live .eyebrow{color:#b8c2b2}.backend-console h3{font-size:24px;margin:4px 0 5px}
.backend-orbit{width:78px;height:78px;border-radius:50%;border:1px solid rgba(214,255,99,.35);display:grid;place-items:center;position:relative;flex:0 0 auto;background:rgba(214,255,99,.07)}.backend-orbit:before,.backend-orbit:after{content:"";position:absolute;border:1px solid rgba(214,255,99,.18);border-radius:50%;inset:8px}.backend-orbit:after{inset:18px}.backend-orbit i{width:9px;height:9px;border-radius:50%;background:#d6ff63;box-shadow:0 0 0 7px rgba(214,255,99,.08),0 0 22px rgba(214,255,99,.55);position:absolute;top:12px;right:14px}.backend-orbit b{font-size:11px;letter-spacing:.12em}.backend-orbit.offline{border-color:var(--line);background:#fff;color:var(--muted)}.backend-orbit.offline:before,.backend-orbit.offline:after{border-color:var(--line)}.backend-orbit.offline i{background:#9aa193;box-shadow:none}
.backend-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 14px}.backend-metrics>div{padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05);display:flex;flex-direction:column;gap:5px}.backend-metrics b{font-size:11px;color:#aeb8a8}.backend-metrics span{font-size:12px;font-weight:800;word-break:break-all}
.backend-setup-form{margin-top:18px;display:grid;gap:4px}.backend-setup-form .field input{background:#fff}.backend-setup-form .micro-note{margin-top:8px}
.backend-diag-result{display:grid;gap:8px;margin:14px 0}.backend-diag-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(0,0,0,.08)}.backend-console.setup .backend-diag-line{border-color:var(--line);background:#fff}.backend-diag-line small{color:#b9c1b4;font-size:10px}.backend-console.setup .backend-diag-line small{color:var(--muted)}.status-led.bad{background:#ff776f;box-shadow:0 0 0 3px rgba(255,119,111,.12)}
.diag-errors{margin-top:4px;border-radius:12px;background:rgba(255,255,255,.06);padding:10px}.diag-errors summary{cursor:pointer;font-size:11px;font-weight:800}.diag-errors pre{white-space:pre-wrap;direction:ltr;text-align:left;font-size:10px;line-height:1.7;color:#ffc2bd;margin:8px 0 0}
.real-flow-card{margin-top:14px}.real-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-top:10px}.flow-step{border:1px solid var(--line);border-radius:16px;padding:13px;min-height:106px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:#fafbf8}.flow-step i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:11px;background:#e7eae3;color:#5d655a}.flow-step b{font-size:12px}.flow-step span{font-size:10px;color:var(--muted);line-height:1.5}.flow-step.done{background:#f1f8d9;border-color:#d4e79b}.flow-step.done i{background:#d6ff63;color:#172019}.flow-arrow{color:#a2a99d;font-size:18px}
@media(max-width:760px){.backend-console-head{align-items:center}.backend-orbit{width:64px;height:64px}.backend-metrics{grid-template-columns:1fr}.backend-diag-line{grid-template-columns:auto 1fr}.backend-diag-line small{grid-column:2}.real-flow{grid-template-columns:1fr 22px 1fr;gap:6px}.real-flow .flow-arrow:nth-of-type(2){display:none}.flow-step{min-height:112px}.real-flow>.flow-step:nth-of-type(3){grid-column:1}.real-flow>.flow-step:nth-of-type(4){grid-column:3}.release-actions{flex-wrap:wrap}.release-actions .btn{flex:1 1 140px}}