.sync-headline{align-self:flex-end;padding:7px 12px;border-radius:99px;font-size:11px;font-weight:750}
.sync-headline.healthy{color:#147a5b;background:#e9f8f2}
.sync-headline.unhealthy{color:#bd2938;background:#fff0f1}
.sync-panel{margin-bottom:15px;overflow:hidden}
.sync-panel .secondary-action{align-self:center;height:34px}
.sync-detail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px}
.sync-detail>div{min-height:82px;padding:13px;background:#f8faff;border:1px solid var(--line);border-radius:9px}
.sync-detail>div.wide{grid-column:1/-1}
.sync-detail>div.error{color:#a82b39;background:#fff1f2}
.sync-detail span,.sync-detail b,.sync-detail small{display:block}
.sync-detail span{color:var(--muted);font-size:10px}
.sync-detail b{margin-top:7px;font-size:13px}
.sync-detail small{margin-top:5px;color:#8390a2;overflow-wrap:anywhere}
.sync-skip-list article{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.4fr) 190px;gap:16px;align-items:start;padding:14px 18px;border-top:1px solid var(--line)}
.sync-skip-list article div b,.sync-skip-list article div span{display:block}
.sync-skip-list article div span,.sync-skip-list article small{margin-top:4px;color:var(--muted);font-size:10px}
.sync-skip-list article small{text-align:right}
@media(max-width:1200px){.sync-detail{grid-template-columns:repeat(2,1fr)}.sync-skip-list article{grid-template-columns:1fr}.sync-skip-list article small{text-align:left}}