/* 20.12.2 — long-project progress, responsive accessible controls */
.s212-job-progress{display:flex;align-items:flex-start;gap:16px;margin:14px 0 22px;padding:18px;background:linear-gradient(110deg,#f5f9ff,#fff);border:1px solid #bed4fa;border-radius:18px;box-shadow:0 8px 26px #1c4eab0c;color:#172b4c}
.s212-job-progress[hidden]{display:none!important}
.s212-job-icon{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:13px;background:#e4edff;color:#245cea;font-size:25px}
.s212-job-summary{flex:1;min-width:0}.s212-job-summary strong{display:block;font-size:17px;line-height:1.35}.s212-job-summary p{font-size:13px;color:#526786;line-height:1.55;margin:6px 0 12px;overflow-wrap:anywhere}.s212-job-summary small{color:#526786;font-size:12px}
.s212-bar{width:100%;height:9px;border-radius:20px;background:#e2e9f4;overflow:hidden;margin-bottom:8px}.s212-bar span{display:block;width:0%;height:100%;background:#2864eb;transition:width .4s ease;border-radius:20px}
#s212-job-pause{border:1px solid #c7d5ed;background:#fff;color:#243958;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:700;cursor:pointer;flex:none}
#s212-job-pause[hidden]{display:none}.s212-is-error{border-color:#f3b1b1;background:#fff8f8}.s212-is-error .s212-job-icon{background:#fbe2e2;color:#b42a38}.s212-is-done{border-color:#a6dec4;background:#f5fffa}
.s212-connected-ids{display:flex;flex-wrap:wrap;gap:10px}.s212-id-linked{padding:10px 14px;border-radius:11px;background:#e9f9ef;color:#16734b;font-weight:700;border:1px solid #bce3cf}
.s18-section-working[hidden]{display:none!important}
@media(max-width:640px){.s212-job-progress{flex-wrap:wrap;padding:14px;gap:10px}.s212-job-icon{width:36px;height:36px}.s212-job-summary{flex-basis:calc(100% - 50px)}#s212-job-pause{margin-left:46px;width:calc(100% - 46px)}}
