#live-panel{position:fixed;z-index:20;inset:18px;overflow:hidden;background:#f5f8f8;border:1px solid #bed0d1;border-radius:16px;box-shadow:0 20px 70px #09232d55;padding:22px;max-width:1500px;margin:auto;display:flex;flex-direction:column}
.live-head,.job-detail-head,.pane-title,.steps-head,.log-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.live-head h2{margin-bottom:4px}.live-summary{display:grid;grid-template-columns:minmax(220px,1fr) repeat(4,minmax(90px,130px));gap:9px;margin:14px 0}.run-progress,.summary-chip{background:white;border:1px solid #d9e5e6;border-radius:10px;padding:11px 13px}.summary-chip strong{font-size:19px;display:block}.summary-chip span{font-size:11px;color:#647a83}.progress-track{height:7px;background:#e4ecec;border-radius:10px;overflow:hidden;margin-top:9px}.progress-value{height:100%;background:#1d8b78;transition:width .25s}
.run-layout{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:0;flex:1;border:1px solid #d9e5e6;border-radius:12px;overflow:hidden;background:white}.job-rail{min-height:0;border-right:1px solid #d9e5e6;background:#f3f7f7;display:flex;flex-direction:column}.pane-title{padding:14px 16px;border-bottom:1px solid #d9e5e6}.live-jobs{overflow:auto;padding:8px}.provider-group-title{font-size:10px;letter-spacing:1.4px;color:#647a83;padding:12px 8px 6px;text-transform:uppercase}.live-job{width:100%;text-align:left;background:transparent;color:#19323c;border:1px solid transparent;padding:12px;margin:0 0 5px;border-radius:9px;display:grid;grid-template-columns:12px 1fr auto;gap:5px 8px}.live-job:hover{background:#e8f0ef}.live-job.active{background:white;border-color:#9fcac1;box-shadow:0 2px 8px #1b4e4a10}.job-state{width:9px;height:9px;border-radius:50%;background:#8aa0a6;margin-top:4px}.job-state.running{background:#1d8b78;animation:pulse 1.3s infinite}.job-state.queued{background:#d89c36}.job-state.ok,.job-state.no_results{background:#55a88f}.job-state.error,.job-state.failed,.job-state.blocked{background:#b86150}.live-job-route{font-size:12px;color:#506b73;grid-column:2/4}.live-job-count{font-size:11px;color:#647a83}
.job-workspace{min-width:0;min-height:0;display:flex;flex-direction:column;padding:18px}.job-detail-head h3{margin:5px 0 3px}.compact{padding:8px 11px;margin:0}.detail-tabs{display:flex;border-bottom:1px solid #dce6e7;margin-top:10px}.detail-tabs button{border-radius:0;background:transparent;color:#506b73;padding:10px 14px;border-bottom:3px solid transparent}.detail-tabs button.active{color:#145b51;border-bottom-color:#1d8b78}.detail-tabs span{background:#e4efed;border-radius:20px;padding:2px 7px;font-size:11px}.steps-head{margin:14px 0 8px}.steps-head .muted{font-size:12px}.live-steps{display:flex;gap:7px;overflow-x:auto;padding-bottom:7px}.step-button{white-space:nowrap;background:#edf3f2;color:#34535b;padding:8px 10px;font-size:12px;border:1px solid transparent}.step-button.active{background:#d6ebe6;border-color:#77b7a8;color:#104f45}.step-button.pending{opacity:.55}.step-button.error{box-shadow:inset 3px 0 #b86150}.step-button .step-count{margin-left:5px;color:#70868d}.log-toolbar{margin:8px 0}.log-toolbar input{max-width:340px;width:100%;padding:8px}.log-toolbar label{font-size:12px}.live-logs,.live-results{background:#10262f;color:#dbe9ea;border:1px solid #0b2028;border-radius:9px;padding:6px;min-height:260px;height:calc(100vh - 385px);overflow:auto}.live-results{background:#f8fafa;color:#19323c;border-color:#dbe7e8;height:calc(100vh - 285px);padding:12px}.live-log{display:grid;grid-template-columns:74px minmax(105px,150px) 1fr;gap:9px;padding:8px;border-bottom:1px solid #24404a;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.live-log time{color:#8eb0b6}.live-log .log-event{color:#72d3bb}.live-log.error{color:#ffb6a8;background:#3a2525}.live-log.warn{color:#ffd39b}.log-empty{color:#8ca7ad;padding:30px;text-align:center}.live-result{padding:14px;border-bottom:1px solid #dce7e8;display:grid;grid-template-columns:1fr auto;gap:5px}.live-result strong{font-size:20px}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#28aa90;margin-right:7px;animation:pulse 1.3s infinite}.run-list{display:grid;gap:8px;margin-bottom:24px}.run-row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:center;border:1px solid #dce7e8;border-radius:10px;padding:13px}.run-row strong{display:block}.run-row button{padding:8px 11px}.run-status{font-size:12px;color:#647a83}
@keyframes pulse{50%{opacity:.25}}
@media(max-width:900px){#live-panel{inset:6px;padding:12px}.live-summary{grid-template-columns:1fr 1fr}.run-progress{grid-column:1/-1}.run-layout{grid-template-columns:240px minmax(0,1fr)}.live-log{grid-template-columns:62px 90px 1fr}.steps-head .muted{display:none}}
@media(max-width:650px){#live-panel{overflow:auto}.run-layout{display:block}.job-rail{height:210px;border-right:0;border-bottom:1px solid #d9e5e6}.job-workspace{min-height:620px}.live-summary{grid-template-columns:1fr 1fr}.live-logs,.live-results{height:420px}.run-row{grid-template-columns:1fr}.live-log{grid-template-columns:58px 1fr}.live-log span:last-child{grid-column:1/-1}.live-head{align-items:flex-start}}