.flow-launch{border-color:#47665a;color:#9cd7b8}.flow-ribbon{display:flex;gap:10px;align-items:center;padding:10px 13px;margin:0 0 12px;background:#17221f;border:1px solid #2c443b;border-radius:7px;min-height:45px}.flow-ribbon-dot{width:7px;height:7px;border-radius:50%;background:#c8af7e;flex-shrink:0}.flow-ribbon b{font-size:11px;white-space:nowrap;color:#d3e4dc}.flow-ribbon>span:not(.flow-ribbon-dot){font-size:10px;color:#94a79f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-ribbon .button{margin-left:auto;font-size:10px}.flow-ribbon[data-action=watch-long] .flow-ribbon-dot{background:var(--green)}.flow-ribbon[data-action=watch-short] .flow-ribbon-dot{background:var(--red)}
.flow-outlook-panel{width:440px;min-width:440px;max-height:calc(100dvh - 230px);overflow:auto;padding:19px;background:#141c22;border:1px solid #30423e;border-radius:8px;scrollbar-width:thin;scrollbar-color:#38564b transparent}.chart-stage:has(.flow-outlook-panel:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:12px}.flow-panel-head{display:flex;align-items:flex-start;justify-content:space-between}.flow-panel-head h2{font-size:20px;letter-spacing:-.4px;margin:7px 0 15px;font-weight:550}.flow-panel-head .eyebrow{color:#89b59d;font:8px var(--mono);letter-spacing:1.2px}.flow-panel-head .icon-button{font-size:22px}.flow-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.flow-toolbar>span{margin-right:auto;color:#98b5a6;font:10px var(--mono)}.flow-toolbar .button{font-size:10px;padding:5px 8px}.flow-intro,.flow-note{font-size:10px;line-height:1.7;color:#859caa}.flow-decision{padding:17px;background:linear-gradient(125deg,#21362d,#182823);border:1px solid #365242;border-radius:7px;margin:16px 0 12px}.flow-decision>small{font:8px var(--mono);letter-spacing:.5px;color:#9bbfa9}.flow-decision h3{font-size:22px;line-height:1.2;font-weight:500;margin:10px 0;color:#d9eadd}.flow-decision p{margin:0;color:#a5bfae;font-size:11px;line-height:1.8}.flow-quality{font-size:10px;color:#b3bfb6;border-bottom:1px solid #2c3b38;padding-bottom:15px}.flow-quality>div{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.flow-quality b{color:#a8ccba}.flow-quality small{display:block;font:9px/1.7 var(--mono);color:#7e959d}.flow-quality p{margin:7px 0;color:#c4b18d;line-height:1.6}.flow-section-title{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.flow-section-title h3{font-size:12px;margin:0;color:#cfdbdc}.flow-section-title>span{font-size:8px;color:#6d8490}.flow-section-title .button{font-size:9px;padding:3px 7px}.flow-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.flow-metrics>div{background:#10191e;border:1px solid #27363b;border-radius:5px;padding:11px;min-width:0}.flow-metrics small{display:block;font-size:9px;color:#8298a1;margin-bottom:7px}.flow-metrics b{display:block;font:12px var(--mono);overflow-wrap:anywhere}.flow-candidate{border:1px solid #375548;border-radius:7px;background:#101b19;padding:14px;margin-bottom:12px}.flow-candidate.short{border-color:#63434b;background:#20191c}.flow-candidate-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.flow-candidate-head>b{font:11px var(--mono);color:#a2d9ba}.flow-candidate.short .flow-candidate-head>b{color:#e0a4ac}.flow-candidate-head strong{font:25px var(--mono);text-align:right}.flow-candidate-head strong small{display:block;font:8px var(--sans);color:#889c9c;margin-top:3px}.flow-candidate p{font-size:10px;line-height:1.8;color:#a3b7b6}.flow-candidate>small{display:block;font:9px/1.8 var(--mono);color:#87a49e}.flow-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:11px 0;border-top:1px solid #34413e;border-bottom:1px solid #34413e}.flow-levels span{font-size:9px;color:#839c96}.flow-levels b{display:block;font:12px var(--mono);color:#c7dbd3;margin-top:6px}.flow-evidence{display:flex;justify-content:space-between;gap:6px;font-size:9px;margin-top:12px;color:#b6c8be}.flow-empty{border:1px dashed #34484d;border-radius:6px;padding:15px;font-size:11px;line-height:1.8;color:#8ba1ae}.flow-details{border-top:1px solid #2b3a40;border-bottom:1px solid #2b3a40;padding:13px 0;margin-top:15px}.flow-details summary{cursor:pointer;color:#b5c9cc;font-size:11px}.flow-details p{font-size:10px;line-height:1.9;color:#879da9}.flow-active{padding:13px;background:#24342b;border:1px solid #3e5747;border-radius:5px;margin:12px 0;font-size:10px}.flow-active p{font:10px var(--mono);line-height:1.8}.flow-active small{color:#92ac9c}.flow-record{padding:12px 0;border-bottom:1px solid #28393f;font-size:10px}.flow-record>div{display:flex;justify-content:space-between;gap:10px;margin:4px 0}.flow-record span{color:#829ba6;font-size:9px}#flowOlder{margin-top:15px}
@media(max-width:1100px){.chart-stage:has(.flow-outlook-panel:not([hidden])){grid-template-columns:minmax(0,1fr) 370px}.flow-outlook-panel{width:370px;min-width:370px;padding:14px}.flow-ribbon>span:not(.flow-ribbon-dot){display:none}}
@media(max-width:760px){.chart-stage:has(.flow-outlook-panel:not([hidden])){display:flex;flex-direction:column;min-height:882px;flex-shrink:0}.flow-outlook-panel{width:100%;min-width:0;flex:0 0 440px;min-height:440px;max-height:440px;order:-1}.chart-stage:has(.flow-outlook-panel:not([hidden])) .single-chart{min-height:430px}.flow-ribbon{padding:8px 9px;gap:6px;margin-bottom:8px}.flow-ribbon b{font-size:10px;white-space:normal}.flow-ribbon .button{padding:5px;font-size:9px}.flow-section-title>span{display:none}.flow-evidence{flex-wrap:wrap}.flow-outlook-panel .flow-panel-head h2{font-size:22px}}