#businessSyncPanel{padding:20px;min-width:0;overflow-wrap:anywhere}
#businessSyncPanel h2{margin:0 0 10px;font-size:18px}
#businessSyncPanel h3{margin:20px 0 10px;font-size:15px}
#businessSyncPanel p{font-size:12px;line-height:1.9}
#businessSyncPanel .sync-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
#businessSyncPanel .sync-summary article,#businessSyncPanel .sync-conflict{padding:13px;border:1px solid #cfb98e;border-radius:8px;background:#fffaf0;min-width:0}
#businessSyncPanel .sync-summary strong{font-size:12px}
#businessSyncPanel .sync-conflict{margin-bottom:10px}
#businessSyncPanel button{margin:3px;white-space:normal}
#businessSyncPanel .sync-review-item{display:flex;align-items:flex-start;gap:8px;padding:10px;border-bottom:1px solid #e2d5b7;flex-wrap:wrap;font-size:12px}
#businessSyncPanel .sync-review-item input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:none;margin:0;accent-color:#28584c}
#businessSyncPanel .sync-review-item small{display:block;flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}
#businessSyncStatus{font-size:11px;max-width:220px;min-height:36px;line-height:1.5}
#businessSyncStatus[data-state=error]{border-color:#af644b;color:#8a4631}
#businessSyncStatus[data-state=synced]{border-color:#8caa88;color:#2d6346}
@media(max-width:780px){#businessSyncPanel{padding:14px}#businessSyncPanel .sync-summary{grid-template-columns:1fr}#businessSyncStatus{max-width:none;flex:1;min-width:140px;font-size:10px}#businessSyncPanel .sync-review-item small{flex-basis:100%}}

#businessBackups pre,#businessSourceReview pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:320px;overflow:auto;background:#fffaf0;padding:10px;border:1px solid #e2d5b7;border-radius:6px}
#businessBackups select{max-width:100%;margin:8px 0}
@media(max-width:740px){body[data-cafe-layout="modern"] .topbar .header-tools{flex-wrap:wrap}body[data-cafe-layout="modern"] .header-tools .date-pill{flex:1 1 160px}body[data-cafe-layout="modern"] .header-tools #inventorySyncStatus,body[data-cafe-layout="modern"] .header-tools #businessSyncStatus{flex:1 1 160px;min-width:0}}