#syncStatus{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 14px;background:#edf1e7;border:1px solid #d4ddce;border-radius:12px;margin:8px 0;font-size:12px;min-width:0}#syncStatus>span,.sync-status-details>span{flex:1 1 100%;line-height:1.5;overflow-wrap:anywhere}#syncStatus button{min-height:44px;white-space:normal}#syncStatus[data-routine=true]{padding:0 14px;background:#f3f4ed}#syncRoutine{width:100%;min-width:0}#syncRoutine>summary{min-height:44px;line-height:1.5;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600}#syncRoutine>summary::before{content:'▸';font-size:12px;flex-shrink:0}#syncRoutine[open]>summary::before{content:'▾'}.sync-status-details{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:0 0 10px}#syncStatus[data-sync-state=offline]{background:#f3efdf}#syncStatus[data-sync-state=conflict],#syncStatus[data-sync-state=paused]{background:#f5e6df}#syncStatus[data-sync-state=sending]{border-color:#adc6bd}#syncStatus :focus-visible{outline:3px solid #cd6938;outline-offset:3px}@media(max-width:430px){#syncStatus{padding:10px 12px;gap:4px 8px}#syncStatus[data-routine=true]{padding:0 12px}#syncStatus>span,.sync-status-details>span{flex-basis:100%}#syncRoutine>summary{font-size:12px}.sync-status-details button{font-size:12px}}