.notation-sync-indicator{flex:0 0 auto;min-height:30px!important;padding:4px 9px!important;border-radius:999px!important;font-size:11px!important;font-weight:950!important;letter-spacing:.01em;box-shadow:none!important}
.notation-sync-indicator.synced{border-color:#65b99c!important;background:#e3f7ef!important;color:#087153!important}
.notation-sync-indicator.mismatch{border-color:#e0a347!important;background:#fff4d9!important;color:#8a5500!important;animation:notation-sync-pulse 1.8s ease-in-out infinite}
.notation-sync-fix{min-height:30px!important;padding:4px 9px!important;border-color:#08766f!important;border-radius:999px!important;background:#08766f!important;color:#fff!important;font-size:10px!important;font-weight:950!important;white-space:nowrap}
.notation-sync-fix[hidden]{display:none!important}
#westernNotationSyncStatus{margin-left:auto;margin-right:8px}
.western-main-notation-head .notation-sync-indicator{margin-left:auto}
@keyframes notation-sync-pulse{50%{box-shadow:0 0 0 4px rgba(224,163,71,.16)!important}}
@media(max-width:760px){.notation-sync-indicator,.notation-sync-fix{min-height:28px!important;padding:3px 7px!important;font-size:9px!important}#westernNotationSyncStatus{order:3;margin:4px 0 0 auto}}