.system-jobs-hero{display:flex;align-items:center;justify-content:space-between;gap:24px}.system-jobs-live{display:grid;grid-template-columns:12px minmax(0,1fr);gap:3px 10px;min-width:235px;padding:14px 16px;border:1px solid rgba(255,255,255,.32);border-radius:14px;background:rgba(4,23,61,.18)}.system-jobs-live i{grid-row:1/3;width:11px;height:11px;margin-top:3px;border-radius:50%;background:#42d99a;box-shadow:0 0 0 6px rgba(66,217,154,.13)}.system-jobs-live small{color:#d9e7ff}.system-jobs-governance{display:grid;grid-template-columns:auto minmax(120px,1fr) auto minmax(120px,1fr) auto minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--border);border-radius:15px;background:var(--panel)}.system-jobs-governance>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:#fff;background:#3975e7;font-weight:900}.system-jobs-governance>div{display:grid;gap:2px}.system-jobs-governance small{color:var(--muted)}.system-jobs-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.system-jobs-metrics article{display:grid;gap:5px;min-height:108px;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.system-jobs-metrics b{font-size:21px;color:#5d90ef}.system-jobs-metrics small{color:var(--muted)}.system-jobs-layout{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(0,1.35fr);gap:16px;align-items:start}.system-jobs-master,.system-jobs-detail{min-width:0}.system-jobs-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.65fr);gap:9px;margin-bottom:13px}.system-jobs-filters input,.system-jobs-filters select{width:100%;margin:0}.system-job-list{display:grid;gap:7px;max-height:690px;overflow:auto}.system-job-row{display:grid;grid-template-columns:11px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid transparent;border-radius:12px;background:transparent;cursor:pointer}.system-job-row:hover,.system-job-row:focus-visible,.system-job-row.selected{outline:none;border-color:#4d83ea;background:rgba(54,113,228,.1)}.system-job-row>i{width:10px;height:10px;border-radius:50%}.system-job-row>i.ok{background:#28aa70}.system-job-row>i.running{background:#3c7df1;box-shadow:0 0 0 5px rgba(60,125,241,.13)}.system-job-row>i.warning{background:#d68b2f}.system-job-row>i.pending,.system-job-row>i.production,.system-job-row>i.paused{background:#8793a8}.system-job-row>span{display:grid;gap:3px}.system-job-row small{color:var(--muted)}.system-job-row em{max-width:125px;color:var(--muted);font-size:10px;font-style:normal;font-weight:850;text-align:right;text-transform:uppercase}.system-jobs-detail{display:grid;gap:17px;min-height:510px}.system-job-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--border)}.system-job-detail-head h3{margin:5px 0}.system-job-detail-head p{max-width:680px;margin:0;color:var(--muted)}.system-job-state{flex:0 0 auto;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:850}.system-job-state.ok{color:#18784e;background:rgba(40,170,112,.13)}.system-job-state.warning{color:#9a5c12;background:rgba(214,139,47,.14)}.system-job-state.running{color:#285fbf;background:rgba(60,125,241,.14)}.system-job-state.pending,.system-job-state.paused,.system-job-state.production{color:var(--muted);background:color-mix(in srgb,var(--panel) 80%,var(--bg))}.system-job-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.system-job-facts article{display:grid;gap:5px;padding:12px;border:1px solid var(--border);border-radius:11px}.system-job-facts span{color:var(--muted);font-size:10px}.system-job-facts b{font-size:12px}.system-job-calendar-note{display:flex;align-items:flex-start;gap:11px;padding:13px;border-radius:12px;background:color-mix(in srgb,#3975e7 9%,var(--panel))}.system-job-calendar-note>i{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;color:#fff;background:#3975e7;font-style:normal}.system-job-calendar-note p{margin:3px 0 0;color:var(--muted)}.system-job-history-title{margin:0!important}.system-job-history-title h4{margin:0 0 4px}.system-job-history-title p{margin:0;color:var(--muted)}.system-job-runs{display:grid;gap:7px}.system-job-runs>article{display:flex;align-items:flex-start;gap:10px;padding:11px;border:1px solid var(--border);border-radius:11px}.system-job-runs>article>i{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:8px;color:#fff;font-style:normal;font-weight:900}.system-job-runs>article>i.ok{background:#28aa70}.system-job-runs>article>i.warning{background:#d68b2f}.system-job-runs>article>span{display:grid;gap:3px}.system-job-runs small,.system-job-runs p{margin:0;color:var(--muted)}.system-jobs-empty{display:grid;place-items:center;align-content:center;gap:5px;min-height:160px;text-align:center;color:var(--muted)}.system-jobs-empty b{color:var(--text)}.system-jobs-empty.detail{min-height:460px}.system-jobs-empty.compact{min-height:110px}
@media(max-width:1100px){.system-jobs-governance{grid-template-columns:auto 1fr auto 1fr}.system-jobs-layout{grid-template-columns:1fr}.system-job-list{max-height:420px}}@media(max-width:700px){.system-jobs-hero{align-items:stretch;flex-direction:column}.system-jobs-live{min-width:0}.system-jobs-governance{grid-template-columns:auto minmax(0,1fr)}.system-jobs-metrics,.system-job-facts{grid-template-columns:1fr 1fr}.system-jobs-filters{grid-template-columns:1fr}.system-job-detail-head{flex-direction:column}.system-job-row{grid-template-columns:11px minmax(0,1fr)}.system-job-row em{grid-column:2;text-align:left}.system-job-list{max-height:none}.system-jobs-master>.panel-title,.system-job-history-title{display:flex!important;min-height:0!important;height:auto!important;align-items:flex-start!important;justify-content:flex-start!important;flex-direction:column!important;gap:8px!important}.system-jobs-master>.panel-title>div:first-child,.system-job-history-title>div:first-child{flex:0 0 auto!important;width:100%!important}.system-jobs-empty.detail{min-height:220px}}@media(max-width:460px){.system-jobs-metrics,.system-job-facts{grid-template-columns:1fr}}
