.runtime-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.runtime-grid>div{display:grid;gap:4px;background:#0d192a;border:1px solid var(--line);border-radius:12px;padding:15px}
.runtime-grid small,.runtime-grid span{color:var(--muted)}
.runtime-grid strong{font-size:22px}
.danger-text{color:var(--danger)!important}
.filter-bar{display:flex;grid-template-columns:none;gap:10px;align-items:center;margin:0 0 18px}
.filter-bar input,.filter-bar select{max-width:220px}
.filter-bar .button{white-space:nowrap}
.job-state{border-radius:999px;padding:2px 9px;font-size:12px}
.state-completed{color:#7de2bd!important;background:#12352c}
.state-failed{color:#ffadb7!important;background:#3a1c29}
.state-running,.state-pending{color:#8fc4ff!important;background:#122d4c}
.state-paused,.state-preview{color:#ffd48a!important;background:#3a2d16}
.task-layout{grid-template-columns:minmax(360px,.85fr) minmax(480px,1.15fr)}
.history-detail summary{grid-template-columns:minmax(190px,280px) minmax(0,1fr) auto}
.history-detail summary b{min-width:0;overflow-wrap:anywhere;word-break:break-word;line-height:1.35}
.history-detail summary span{min-width:0}
.source-list{contain:layout paint;overscroll-behavior:contain}
.source-list .source{content-visibility:auto;contain-intrinsic-size:58px}
.table-wrap tbody tr{content-visibility:auto;contain-intrinsic-size:54px}
.source span{min-width:0}.source b,.source small{overflow-wrap:anywhere}
.virtual-more{width:100%;margin:10px 0}.virtual-count{font-size:13px;color:var(--muted);padding:8px 0}.virtual-table-search{max-width:420px;margin:0 0 14px}
@media(max-width:900px){.task-layout{grid-template-columns:1fr}.runtime-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.runtime-grid{grid-template-columns:1fr}.filter-bar{display:grid}.filter-bar input,.filter-bar select{max-width:none}.history-detail summary{grid-template-columns:1fr}.history-detail summary time{margin-top:3px}}