/* Scoped archive manager; existing platform font and brand — Web S. */
#app [data-archive-backfill-root].archive-backfill{--archive-border:var(--line,#e4e5e9);--archive-muted:var(--muted,#6b7280);--archive-primary:var(--primary,#e00714);min-width:0;max-width:100%;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;container-type:inline-size;container-name:archive-manager}
.archive-backfill,.archive-backfill *{box-sizing:border-box}
.archive-backfill [hidden]{display:none!important}
.archive-backfill button,.archive-backfill input,.archive-backfill select{font:inherit;max-width:100%}
.archive-backfill .archive-intro{margin-block-end:20px}
.archive-backfill .archive-intro h2{margin:0 0 6px;font-size:clamp(20px,2.1vw,25px);line-height:1.6;color:var(--ink,#171717)}
.archive-backfill .archive-intro p,.archive-backfill .archive-heading p{margin:0;color:var(--archive-muted);font-size:13px;line-height:1.9}
.archive-backfill .archive-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px;padding:0}
.archive-backfill .archive-steps li{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 16px;border:1px solid var(--archive-border);border-radius:12px;background:#fff;color:var(--archive-muted);font-size:13px}
.archive-backfill .archive-steps li>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;background:#f1f2f4;border-radius:50%;font-variant-numeric:tabular-nums}
.archive-backfill .archive-steps li.is-current{border-color:var(--archive-primary);color:var(--ink,#171717)}
.archive-backfill .archive-steps li.is-current>span{background:var(--archive-primary);color:#fff}
.archive-backfill [data-archive-error]{padding:14px 18px;margin-block-end:18px;border:1px solid #fecaca;background:#fff5f5;color:#a31824;border-radius:12px;overflow-wrap:anywhere}
.archive-backfill .archive-metrics,.archive-backfill .archive-count-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block-end:20px}
.archive-backfill .archive-metrics>div,.archive-backfill .archive-count-grid>div{min-width:0;padding:18px 20px;border:1px solid var(--archive-border);border-radius:14px;display:flex;flex-direction:column;gap:7px;background:#fff}
.archive-backfill .archive-metrics>div>span{font-size:13px;color:var(--archive-muted)}
.archive-backfill .archive-metrics strong{font-size:27px;line-height:1.45;color:var(--ink,#171717);font-variant-numeric:tabular-nums}
.archive-backfill small,.archive-backfill p{color:var(--archive-muted);line-height:1.9}
.archive-backfill small{display:block;font-size:12px;overflow-wrap:anywhere}
.archive-backfill .archive-section{margin-block:0 18px;padding:22px;border:1px solid var(--archive-border);border-radius:16px;background:#fff}
.archive-backfill .archive-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-end:18px}
.archive-backfill .archive-heading>div{min-width:0}
.archive-backfill .archive-heading h3{margin:0 0 5px;font-size:17px;line-height:1.7;color:var(--ink,#171717)}
.archive-backfill .archive-heading>button{flex:0 0 auto}
.archive-backfill .button,.archive-backfill .text-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;min-height:44px;padding:10px 15px;border:1px solid var(--archive-border);border-radius:10px;background:#fff;color:var(--ink,#252a32);font-size:13px;font-weight:600;line-height:1.65;text-align:center;white-space:normal;cursor:pointer;text-decoration:none;vertical-align:middle}
.archive-backfill .button.button-small{min-height:40px;padding:8px 13px;font-size:12px}
.archive-backfill .button.button-primary{background:var(--archive-primary);color:#fff;border-color:var(--archive-primary)}
.archive-backfill .button.button-secondary:hover:not(:disabled){background:#f5f6f8;border-color:#c6c9d0}
.archive-backfill .text-link{min-height:40px;border-color:transparent;padding:7px 9px;background:transparent;color:#59616d;font-size:12px}
.archive-backfill .text-link:hover:not(:disabled){background:#f1f3f6;color:#222}
.archive-backfill button:disabled{opacity:.48;cursor:not-allowed;transform:none}
.archive-backfill button:focus-visible,.archive-backfill input:focus-visible,.archive-backfill select:focus-visible{outline:2px solid var(--archive-primary);outline-offset:3px}
.archive-backfill .archive-site-tools,.archive-backfill .archive-selection{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.archive-backfill .archive-site-tools{margin-block-end:14px}
.archive-backfill .archive-site-tools>div,.archive-backfill .archive-selection>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.archive-backfill [data-archive-destination-count],.archive-backfill [data-archive-selected]{color:var(--archive-muted);font-size:12px;line-height:1.8}
.archive-backfill .archive-site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.archive-backfill .archive-site{min-width:0;display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid var(--archive-border);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}
.archive-backfill .archive-site:hover{border-color:#b9bdc6}
.archive-backfill .archive-site:has(input:checked){border-color:var(--archive-primary);background:#fff7f7}
.archive-backfill .archive-site[aria-disabled=true]{background:#f7f8fa;cursor:not-allowed;opacity:.65}
.archive-backfill .archive-site input{flex:0 0 18px;width:18px;height:18px;margin:3px 0 0;padding:0;accent-color:var(--archive-primary);cursor:inherit}
.archive-backfill .archive-site>span{min-width:0;flex:1}
.archive-backfill .archive-site strong{display:block;font-size:14px;line-height:1.8;font-weight:650}
.archive-backfill .archive-site small{font-size:11px;line-height:1.8;margin-block-start:3px}
.archive-backfill .archive-site small[dir=ltr]{direction:ltr;unicode-bidi:isolate;text-align:start}
html[dir=rtl] .archive-backfill .archive-site small[dir=ltr]{text-align:right}
.archive-backfill .archive-settings{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,1fr) minmax(230px,1.4fr);gap:14px;align-items:end;margin-block-start:20px;padding-block-start:18px;border-block-start:1px solid var(--archive-border)}
.archive-backfill .archive-settings label,.archive-backfill .archive-filter label{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;color:#4a515d;font-size:12px;line-height:1.8}
.archive-backfill .form-control{display:block;width:100%;min-width:0;min-height:46px;margin:0;padding:10px 12px;border:1px solid #d8dbe1;border-radius:9px;background:#fff;color:var(--ink,#222);font-size:13px;line-height:1.7}
.archive-backfill input[type=number]{direction:ltr;text-align:start;font-variant-numeric:tabular-nums}
.archive-backfill .archive-jobs{display:flex;align-items:center;gap:12px;margin-block-end:18px}
.archive-backfill .archive-jobs select{flex:1;min-width:0}
.archive-backfill .archive-jobs>button{flex:0 0 auto}
.archive-backfill .archive-job-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-block:18px 12px;line-height:1.9}
.archive-backfill .archive-job-summary>span:last-child{flex-basis:100%;font-size:12px;color:var(--archive-muted)}
.archive-backfill progress{width:100%;height:9px;margin-block-end:18px;accent-color:var(--archive-primary)}
.archive-backfill .archive-count-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-block-end:0}
.archive-backfill .archive-count-grid>div{padding:14px;border-radius:11px;background:#fafbfc}
.archive-backfill .archive-count-grid span{font-size:12px;color:var(--archive-muted);line-height:1.8}
.archive-backfill .archive-controls{display:flex;gap:10px;flex-wrap:wrap;margin-block-start:18px;padding-block-start:18px;border-block-start:1px solid var(--archive-border)}
.archive-backfill .archive-filter{display:grid;grid-template-columns:1.5fr 1fr 1fr;align-items:end;gap:12px}
.archive-backfill .archive-selection{margin-block:18px}
.archive-backfill .archive-publish{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;background:#f7f8fa;border:1px solid var(--archive-border);border-radius:12px;margin-block-end:18px}
.archive-backfill .archive-publish>div{min-width:0;flex:1}
.archive-backfill .archive-publish>button{flex:0 0 auto;max-width:100%;min-height:46px}
.archive-backfill .archive-publish p{margin:0 0 3px;font-size:13px;color:#424955}
.archive-backfill .archive-publish small{font-size:11px}
.archive-backfill .archive-release{border:1px solid var(--archive-border);border-radius:13px;margin-block:12px;padding:17px}
.archive-backfill .archive-release header{position:static;display:flex;align-items:flex-start;gap:12px;width:auto;height:auto;padding:0;margin:0;background:transparent;border:0;box-shadow:none}
.archive-backfill .archive-release header>input{width:18px;height:18px;margin-block-start:6px;flex:0 0 auto;accent-color:var(--archive-primary)}
.archive-backfill .archive-release header>div{min-width:0}
.archive-backfill .archive-release header b{font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.archive-backfill .archive-release-sites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-block-start:14px}
.archive-backfill .archive-release-sites>div{min-width:0;background:#fafbfc;padding:12px;border:1px solid var(--archive-border);border-radius:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px}
.archive-backfill .archive-release-sites a{color:#555d68;font-size:12px;overflow-wrap:anywhere}
.archive-backfill .archive-item-error{flex-basis:100%;font-size:12px;color:#a52635}
.archive-backfill .archive-status{display:inline-flex;border-radius:7px;padding:3px 8px;background:#f0f2f5;color:#586171;font-size:11px;line-height:1.8}
.archive-backfill .archive-status.status-present,.archive-backfill .archive-status.status-published,.archive-backfill .archive-status.status-complete{background:#edf8f3;color:#087b54}
.archive-backfill .archive-status.status-error{background:#fff0f1;color:#b82536}
.archive-backfill .archive-status.status-missing,.archive-backfill .archive-status.status-incomplete{background:#fff7e8;color:#855d14}
.archive-backfill .archive-pages{display:flex;justify-content:center;align-items:center;gap:12px;margin-block-start:20px}
.archive-backfill .archive-pages>span{font-size:12px;color:var(--archive-muted)}
.archive-backfill .archive-empty{margin:16px 0 0;padding:22px 18px;text-align:center;background:#fafbfc;border:1px dashed #d9dce2;border-radius:12px;font-size:13px;line-height:1.9}
@container archive-manager (max-width:820px){.archive-backfill .archive-site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-backfill .archive-settings{grid-template-columns:1fr 1fr}.archive-backfill .archive-settings>button{grid-column:1/-1}.archive-backfill .archive-publish{align-items:stretch;flex-direction:column}.archive-backfill .archive-publish>button{width:100%}}
@container archive-manager (max-width:560px){.archive-backfill .archive-section{padding:16px;border-radius:13px}.archive-backfill .archive-heading{align-items:flex-start;flex-direction:column;gap:12px}.archive-backfill .archive-heading>button{align-self:flex-start}.archive-backfill .archive-metrics{gap:8px}.archive-backfill .archive-metrics>div{padding:12px 9px;border-radius:11px}.archive-backfill .archive-metrics strong{font-size:21px}.archive-backfill .archive-metrics>div>span,.archive-backfill .archive-metrics small{font-size:10px}.archive-backfill .archive-site-grid,.archive-backfill .archive-release-sites,.archive-backfill .archive-filter{grid-template-columns:1fr}.archive-backfill .archive-steps{gap:6px}.archive-backfill .archive-steps li{gap:6px;padding:10px 7px;font-size:11px;line-height:1.7}.archive-backfill .archive-steps li>span{flex-basis:23px;width:23px;height:23px}.archive-backfill .archive-jobs{align-items:stretch;flex-direction:column}.archive-backfill .archive-jobs>button{align-self:flex-start}.archive-backfill .archive-count-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.archive-backfill .archive-count-grid>div{padding:10px}.archive-backfill .archive-controls>button{flex:1 1 100px}}
@media(max-width:420px){.archive-backfill .archive-settings{grid-template-columns:1fr}.archive-backfill .archive-selection>div,.archive-backfill .archive-selection .button{width:100%}.archive-backfill .archive-count-grid{grid-template-columns:1fr}}