/* DrBestand 0.83.0 — canonical durable-operation progress composition. */
.system-progress{
  --system-progress-border:var(--erp-ui-border,var(--line,var(--border,#cfdae5)));
  --system-progress-surface:var(--erp-ui-surface,var(--surface,#fff));
  --system-progress-muted-surface:var(--erp-ui-surface-muted,var(--surface-soft,#f6f9fb));
  --system-progress-text:var(--erp-ui-text,var(--text,#082c58));
  --system-progress-muted:var(--erp-ui-muted,var(--muted,#607487));
  --system-progress-accent:var(--brand-accent,var(--green,#08a88a));
  display:grid;gap:12px;min-width:0;color:var(--system-progress-text)
}
.system-progress[hidden],.system-progress [hidden]{display:none!important}
.system-progress--operation{margin:14px 0;padding:14px;border:1px solid var(--system-progress-border);border-radius:12px;background:var(--system-progress-surface)}
.system-progress--embedded{margin:0;padding:0;border:0;background:transparent}
.system-progress--compact{gap:5px;margin:0;padding:0;border:0;background:transparent}
.system-progress__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0}
.system-progress__head>div{display:grid;gap:3px;min-width:0}
.system-progress__head :where(h2,h3,strong){margin:0;color:var(--system-progress-text);overflow-wrap:anywhere}
.system-progress__head :where(p,span,small){margin:0;color:var(--system-progress-muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.system-progress__track{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}
.system-progress__track progress{display:block;width:100%;height:14px;overflow:hidden;border:0;border-radius:999px;background:#e7eef3;accent-color:var(--system-progress-accent)}
.system-progress__track progress::-webkit-progress-bar{border-radius:999px;background:#e7eef3}
.system-progress__track progress::-webkit-progress-value{border-radius:999px;background:var(--system-progress-accent)}
.system-progress__track progress::-moz-progress-bar{border-radius:999px;background:var(--system-progress-accent)}
.system-progress__track output{min-width:56px;color:var(--system-progress-text);font-weight:900;font-variant-numeric:tabular-nums;text-align:right}
.system-progress__meta{display:grid;gap:8px;min-width:0}
.system-progress__meta--auto{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr))}
.system-progress__meta--cols-1{grid-template-columns:1fr}.system-progress__meta--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.system-progress__meta--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.system-progress__meta--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.system-progress__meta>:where(span,div,output){min-width:0;padding:8px 10px;border:1px solid color-mix(in srgb,var(--system-progress-border) 72%,transparent);border-radius:9px;background:var(--system-progress-muted-surface);color:var(--system-progress-text);font-size:12px;font-weight:800;line-height:1.4;overflow-wrap:anywhere}
.system-progress__meta small{display:block;margin-top:2px;color:var(--system-progress-muted);font-weight:650}
.system-progress__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
.system-progress__actions>*{margin:0}

.system-progress__status{flex:0 0 auto}
.system-progress .system-progress__status{font-weight:850}
.system-progress--status-pending .system-progress__status,.system-progress--status-queued .system-progress__status,.system-progress--status-running .system-progress__status,.system-progress--status-publishing .system-progress__status{border-color:#8cb7db!important;background:#eff7ff!important;color:#174d78!important}
.system-progress--status-paused .system-progress__status,.system-progress--status-cancelled .system-progress__status{border-color:#e1bd72!important;background:#fff8e9!important;color:#8b590c!important}
.system-progress--status-failed .system-progress__status,.system-progress--status-dead .system-progress__status{border-color:#e2aaa5!important;background:#fff2f1!important;color:#9a3028!important}
.system-progress--status-completed .system-progress__status,.system-progress--status-published .system-progress__status{border-color:#78c5aa!important;background:#eaf9f4!important;color:#08725e!important}
.system-progress--compact .system-progress__track{grid-template-columns:minmax(90px,1fr) auto;gap:7px}
.system-progress--compact .system-progress__track progress{height:9px}
.system-progress--compact .system-progress__track output{min-width:44px;font-size:12px}
.system-progress--compact .system-progress__meta{grid-template-columns:1fr;gap:2px}
.system-progress--compact .system-progress__meta>:where(span,div,output){padding:0;border:0;background:transparent;color:var(--system-progress-muted);font-size:11px;font-weight:700}
.system-progress--status-failed,.system-progress--status-dead{--system-progress-accent:var(--danger,#a12626)}
.system-progress--status-paused,.system-progress--status-cancelled{--system-progress-accent:#b56b00}
.system-progress--status-completed,.system-progress--status-published{--system-progress-accent:var(--green,var(--brand-accent,#08a88a))}
@media(max-width:760px){
  .system-progress__head{flex-direction:column}.system-progress__meta--cols-3,.system-progress__meta--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .system-progress__actions{display:grid;grid-template-columns:1fr}.system-progress__actions>button,.system-progress__actions>.button,.system-progress__actions>form,.system-progress__actions>form>button{width:100%}
}
@media(max-width:520px){.system-progress__meta--cols-2,.system-progress__meta--cols-3,.system-progress__meta--cols-4{grid-template-columns:1fr}.system-progress--compact .system-progress__track{grid-template-columns:1fr}.system-progress--compact .system-progress__track output{text-align:left}}