.quick-flow{margin:22px 0;padding:18px 22px;background:var(--paper);border:1px solid var(--line);border-radius:14px}.quick-flow-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.quick-flow-head strong{font-size:15px}.quick-flow-head small{color:var(--muted)}.flow-buttons{display:flex;gap:8px;flex-wrap:wrap}.flow-buttons button{min-height:42px;font-size:12px;background:var(--paper-soft)}.flow-buttons button:hover{border-color:var(--green);background:var(--positive-bg)}.flow-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0}.flow-toolbar label{display:grid;gap:5px;font-size:11px;color:var(--muted)}.flow-toolbar input,.flow-toolbar select{min-height:40px;max-width:160px}.flow-event{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 4px;border-bottom:1px solid var(--line);font-size:12px}.flow-event strong{font-size:14px;margin-right:12px}.flow-event p{margin:6px 0;color:var(--muted)}.flow-event time{font:11px var(--mono);color:var(--muted);flex-shrink:0}.flow-event small{color:var(--muted)}.flow-event.recovered{opacity:.75}.flow-warning{color:var(--danger)!important}.flow-event .badge{font-size:10px}.flow-status{font:11px var(--mono);color:var(--muted);padding:12px 0}.flow-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.flow-columns .card{min-width:0}.plot-events{position:absolute;left:45px;right:48px;bottom:30px;font-size:8px;line-height:1.4;background:var(--paper);opacity:.88;max-height:26px;overflow:hidden;pointer-events:none}.flow-help{font-size:11px;color:var(--muted);line-height:1.8}.flow-details{margin:18px 0}.flow-details summary{cursor:pointer;padding:12px 0;font-size:13px}.flow-details .flow-buttons{padding:10px 0}.batch-actions{display:flex;gap:9px;flex-wrap:wrap}.batch-actions select{max-width:100%}#autoAIResult{font-size:13px;line-height:1.8}#batchJournalList .flow-event{align-items:start;justify-content:start}#batchJournalList .flow-event>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.flow-columns{grid-template-columns:1fr}.quick-flow{padding:15px}.quick-flow-head{align-items:start;gap:8px}.quick-flow-head small{font-size:9px}.flow-buttons button{flex:1 1 28%;min-height:44px}.flow-event{gap:8px}.flow-event strong{font-size:12px}.flow-event .badge{display:inline-block;margin-top:5px}#batchJournalList .flow-event{flex-direction:column}.flow-toolbar{gap:10px}.flow-toolbar label{flex:1}.flow-toolbar select{max-width:100%;width:100%}}