.sync-badge{border:1px solid var(--border-default);min-height:44px;color:var(--fg-secondary);background:var(--bg-surface);font-size:var(--type-label,13px);border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-weight:650;display:inline-flex}.sync-badge--interactive{cursor:pointer}.sync-badge--info{border-color:var(--info);color:var(--info)}.sync-badge--success{border-color:var(--income);color:var(--income)}.sync-badge--warning{border-color:var(--warning);color:var(--warning)}.sync-badge--danger{border-color:var(--danger);color:var(--danger)}.sync-badge:focus-visible,.sync-panel__action:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sync-panel{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:8px;padding:16px}.sync-panel__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sync-panel__title{color:var(--fg-primary);font-size:var(--type-section,16px);margin:0;font-weight:650}.sync-panel__description,.sync-panel__empty,.sync-panel__time,.sync-panel__row-meta{color:var(--fg-secondary);font-size:var(--type-body-sm,14px);line-height:20px}.sync-panel__description,.sync-panel__empty{margin:4px 0 0}.sync-panel__time{font-size:var(--type-caption,12px);flex:none}.sync-panel__list{margin:16px 0 0;padding:0;list-style:none}.sync-panel__row{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 0;display:flex}.sync-panel__row:last-child{border-bottom:0}.sync-panel__row-main{min-width:0}.sync-panel__row-title{color:var(--fg-primary);font-size:var(--type-body-sm,14px);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.sync-panel__row-meta{font-size:var(--type-caption,12px);margin:2px 0 0}.sync-panel__action{min-height:44px;font-size:var(--type-label,13px);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;padding:0 12px;font-weight:650}.sync-panel__action--warning{color:var(--warning)}.sync-panel__action--brand{color:var(--brand)}
