.sync-pill{display:inline-flex;align-items:center;gap:8px;font-weight:700;padding:9px 13px;border-radius:50px;background:#eef5f8;border:1px solid #dce7ec;color:#31506a;font-size:12px;cursor:pointer;white-space:nowrap}.sync-pill::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#899bab}.sync-pill[data-state="ok"]{color:#08685b;background:#e5f7ef;border-color:#c6eadd}.sync-pill[data-state="ok"]::before{background:#12a982}.sync-pill[data-state="waiting"]{color:#92611f;background:#fff6e8;border-color:#f4dfb6}.sync-pill[data-state="waiting"]::before{background:#e5a131}.sync-pill[data-state="danger"]{color:#a13b35;background:#feeeed;border-color:#f9d9d3}.sync-pill[data-state="danger"]::before{background:#dc6258}.sync-pill:hover{filter:brightness(.97)}.sync-pill-mobile{font-size:10px;padding:6px 8px;max-width:140px;overflow:hidden;text-overflow:ellipsis}.cloud-help{font-size:12px;color:#63758a}@media(min-width:761px){.sync-pill-mobile{display:none}}@media(max-width:760px){.sync-pill-desktop{display:none}}

/* v4 guided on-boarding; no supplier information in public deploy assets */
.setup-banner{padding:19px 22px;border:1px solid #a7e2d8;border-right:4px solid #02a99b;border-radius:16px;background:linear-gradient(120deg,#f1fcf9,#fff);margin:0 0 24px;box-shadow:0 6px 20px rgba(0,90,80,.04)}
.setup-banner[hidden]{display:none!important}
.setup-banner-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:15px}
.setup-step{background:#d7f5ed;color:#00786d;padding:4px 11px;border-radius:30px;font-size:11px;font-weight:800}
.setup-banner p{font-size:12.5px;color:#52647a;line-height:1.9;margin:6px 0 14px;max-width:1000px}
.setup-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.setup-controls>a:last-child{font-size:12px;color:#007f73;padding:7px}
@media(max-width:640px){.setup-banner{padding:15px;margin-bottom:16px}.setup-banner-head{gap:8px}.setup-controls .btn{flex:1;white-space:normal}.setup-controls>a:last-child{width:100%}}

/* V5: duplicate detection during entry */
.duplicate-notice{grid-column:1 / -1;border:1px solid #efd5a1;background:#fff8e9;color:#7e581c;padding:12px 15px;border-radius:11px;line-height:1.8;font-size:12px}
.duplicate-notice[hidden]{display:none!important}