/*
 * Additive design system layer.
 * Existing selectors are intentionally untouched. New screens/components opt in
 * with ds-* classes so legacy pages keep their exact cascade and geometry.
 */
:root {
  --ds-color-brand-700:#123f7a;
  --ds-color-brand-600:#1852a0;
  --ds-color-brand-100:#eaf2ff;
  --ds-color-surface:#fff;
  --ds-color-surface-subtle:#f7f9fc;
  --ds-color-border:#dfe6ef;
  --ds-color-text:#172033;
  --ds-color-muted:#667085;
  --ds-color-success:#137a49;
  --ds-color-danger:#b42318;
  --ds-radius-sm:9px;
  --ds-radius-md:14px;
  --ds-radius-lg:18px;
  --ds-shadow-panel:0 8px 22px rgba(15,23,42,.045);
  --ds-space-1:4px;
  --ds-space-2:8px;
  --ds-space-3:12px;
  --ds-space-4:16px;
  --ds-space-5:20px;
  --ds-control-height:42px;
}

.ds-panel{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-panel)}
.ds-stack{display:flex;flex-direction:column;gap:var(--ds-space-4)}
.ds-row{display:flex;align-items:center;gap:var(--ds-space-3);flex-wrap:wrap}
.ds-muted{color:var(--ds-color-muted)}
.ds-export-progress{display:none;align-items:center;gap:10px;width:100%;max-width:420px;margin-top:12px;color:var(--ds-color-muted);font-size:12px}
.ds-export-progress.is-active{display:flex}
.ds-export-track{position:relative;flex:1;height:7px;overflow:hidden;border-radius:999px;background:#e6ebf2}
.ds-export-track>span{display:block;width:0;height:100%;border-radius:inherit;background:var(--ds-color-brand-600);transition:width .25s ease}
.ds-export-progress.is-failed .ds-export-track>span{background:var(--ds-color-danger)}
.ds-export-progress.is-complete .ds-export-track>span{background:var(--ds-color-success)}
.ds-export-status{min-width:88px;text-align:right;font-variant-numeric:tabular-nums;font-weight:750}

@media(max-width:760px){.ds-row{align-items:stretch;flex-direction:column}.ds-export-progress{max-width:none}}