.sync-indicator{background:var(--color-info-50);border:1px solid var(--color-info-200);border-radius:var(--radius-base);justify-content:space-between;align-items:center;gap:8px;margin-bottom:0;padding:8px 12px;display:flex}.sync-indicator-status{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.sync-indicator-dot{background:var(--color-success-500);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite sync-pulse}.sync-indicator-text{color:var(--color-info-700);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sync-indicator-time{color:var(--color-info-600)}@media (max-width:480px){.sync-indicator-text{font-size:11px}}.sync-indicator-refresh{border:1px solid var(--color-info-300);border-radius:var(--radius-sm);font-size:11px;font-weight:var(--font-medium);color:var(--color-info-700);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.sync-indicator-refresh:hover:not(:disabled){background:var(--color-info-100);border-color:var(--color-info-400)}.sync-indicator-refresh:disabled{opacity:.7;cursor:not-allowed}.sync-indicator-refreshing svg{animation:1s linear infinite spin}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.tx-status{align-items:flex-start;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-base);margin-bottom:var(--space-3);display:flex}.tx-status-warning{background:var(--color-warning-50);border:1px solid var(--color-warning-200)}.tx-status-info{background:var(--color-info-50);border:1px solid var(--color-info-200)}.tx-status-success{background:var(--color-success-50);border:1px solid var(--color-success-200)}.tx-status-error{background:var(--color-error-50);border:1px solid var(--color-error-200)}.tx-status-icon{flex-shrink:0;width:20px;height:20px}.tx-status-warning .tx-status-icon{color:var(--color-warning-500)}.tx-status-info .tx-status-icon{color:var(--color-info-500)}.tx-status-success .tx-status-icon{color:var(--color-success-500)}.tx-status-error .tx-status-icon{color:var(--color-error-500)}.tx-status-spinner{animation:1s linear infinite spin}.tx-status-content{flex:1;min-width:0}.tx-status-text{font-size:var(--text-sm);font-weight:var(--font-medium);display:block}.tx-status-warning .tx-status-text{color:var(--color-warning-700)}.tx-status-info .tx-status-text{color:var(--color-info-700)}.tx-status-success .tx-status-text{color:var(--color-success-700)}.tx-status-error .tx-status-text{color:var(--color-error-700)}.tx-status-link{margin-top:var(--space-1);font-size:var(--text-xs);color:inherit;opacity:.8;text-decoration:none;display:inline-block}.tx-status-link:hover{opacity:1;text-decoration:underline}.pending-notice{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-warning-50);border:1px solid var(--color-warning-200);border-radius:var(--radius-base);display:flex}.pending-notice-icon{width:20px;height:20px;color:var(--color-warning-500);flex-shrink:0}.pending-notice-content{flex:1}.pending-notice-message{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-warning-800);margin:0}.pending-notice-subtext{margin:var(--space-1)0 0;font-size:var(--text-xs);color:var(--color-warning-600)}