.strategy-notes-sync-status { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-top: 14px; padding: 10px 12px; border: 1px solid #33444e; color: #b9c6cc; font: 12px/1.6 system-ui, sans-serif; }
.strategy-notes-sync-status strong { color: #dce7eb; font-weight: 750; }
.strategy-notes-sync-status [role="status"] { display: flex; flex: 1 1 280px; flex-wrap: wrap; gap: 4px 12px; }
.strategy-notes-sync-status [data-sync-detail] { flex: 1 1 220px; }
.strategy-notes-sync-status [data-sync-last] { color: #9eafb8; white-space: nowrap; }
.strategy-notes-sync-status[data-state="paused"], .strategy-notes-sync-status[data-state="failed"] { border-color: #a0713b; background: #211a12; }
.strategy-notes-sync-status[data-state="paused"] strong, .strategy-notes-sync-status[data-state="failed"] strong { color: #ffd39a; }
.strategy-notes-sync-status button { min-height: 36px; padding: 5px 10px; border: 1px solid #738b98; background: transparent; color: #dce7eb; cursor: pointer; font: inherit; }
.strategy-notes-sync-status button:focus-visible { outline: 2px solid #68ddef; outline-offset: 3px; }
.strategy-notes-sync-status button[hidden] { display: none; }
@media (max-width: 520px) { .strategy-notes-sync-status [data-sync-detail] { flex-basis: 100%; } }