.sync-status{position:static;flex:0 0 auto;border:1px solid #cfe1dd;border-radius:14px;background:#edf6f2;color:#093a36;padding:5px 9px;font:600 11px/1.3 Inter,system-ui,sans-serif;cursor:pointer}.sync-status.pending{background:#fff4df;border-color:#ead5ac;color:#6d501b}
.sync-list{max-height:38vh;overflow:auto}.sync-list article{padding:12px 0;border-bottom:1px solid #e4ece8}.sync-list p{margin:5px 0}#sync-panel{z-index:10000}#sync-panel .box{width:min(560px,100%)}#sync-panel .ordacts{display:flex;flex-wrap:wrap;gap:8px}#sync-panel .ordacts .btn{flex:1 1 145px}@media(max-width:800px){.top.sync-needs-attention{flex-wrap:wrap}.top .sync-status{order:10;flex:1 0 100%;text-align:left;font-size:11px;border-radius:8px;padding:5px 9px}}

.sync-hint{background:#fff4df;color:#6d501b;font-size:10px}