/* Outgoing activity stays a compact part of the integration card. */
.pmdb-sync { --sync-ink: var(--dim); padding: var(--utility-card-inset, 1.25rem); color: var(--fg); }
.svc-item > [data-pmdb-sync] { border-top: 1px solid var(--line); }
.settings.settings-unified .svc-item--sync { grid-column: 1 / -1; }
.settings.settings-unified .svc-item--sync .svc-head { min-height: auto; }
.settings.settings-unified .svc-item--sync .svc-description { max-width: 52ch; }
.pmdb-sync[data-state="complete"] { --sync-ink: #70d4a0; }
.pmdb-sync[data-state="pending"], .pmdb-sync[data-state="running"] { --sync-ink: var(--fg); }
.pmdb-sync[data-state="error"] { --sync-ink: #f0c675; }
.pmdb-sync-status { display: flex; align-items: flex-start; gap: .75rem; }
.pmdb-sync-symbol { display: grid; place-items: center; flex: 0 0 auto; width: 2rem; height: 2rem; color: var(--sync-ink); border: 1px solid var(--line); border-radius: var(--r-s); background: var(--elev); }
.pmdb-sync-symbol svg { width: 1.05rem; height: 1.05rem; }
.pmdb-sync-heading { min-width: 0; }
.pmdb-sync-heading strong { display: block; padding-top: .125rem; font-size: .9rem; line-height: 1.4; font-weight: 600; text-wrap: balance; }
.pmdb-sync-heading p { max-width: 62ch; margin: .3rem 0 0; font-size: .8rem; line-height: 1.5; color: var(--dim); overflow-wrap: anywhere; }
.pmdb-sync-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .65rem 1rem; margin-top: .85rem; margin-inline-start: 2.75rem; }
.pmdb-sync-facts { display: flex; align-items: center; flex-wrap: wrap; gap: .25rem .85rem; min-width: 0; color: var(--dim); font-size: .72rem; line-height: 1.5; font-variant-numeric: tabular-nums; }
.pmdb-sync-queue { color: var(--fg); }
.pmdb-sync-footer .action-btn { flex: 0 0 auto; }
.pmdb-sync-footer .action-btn[aria-disabled="true"] { opacity: .6; cursor: default; }
.pmdb-sync-footer .action-btn[aria-busy="true"] svg { animation: pmdb-sending 1.2s linear infinite; }
.pmdb-sync-scope { margin-top: .55rem; margin-inline-start: 2.75rem; }
.pmdb-sync-scope summary { display: flex; align-items: center; width: fit-content; min-height: 44px; gap: .5rem; font-size: .75rem; color: var(--dim); cursor: pointer; list-style: none; }
.pmdb-sync-scope summary::after { content: ''; width: .35rem; height: .35rem; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg) translateY(-.1rem); transition: transform .16s var(--ease); }
.pmdb-sync-scope[open] summary::after { transform: rotate(225deg) translate(-.1rem,-.1rem); }
.pmdb-sync-scope summary::-webkit-details-marker { display: none; }
.pmdb-sync-scope summary:focus-visible { outline: 2px solid var(--ring-focus); outline-offset: 3px; border-radius: var(--r-s); }
.pmdb-sync-scope dl { display: grid; gap: .85rem; max-width: 62ch; margin: .25rem 0 .5rem; padding-top: .85rem; border-top: 1px solid var(--line); }
.pmdb-sync-scope dl > div { display: grid; grid-template-columns: minmax(8.5rem, .65fr) 2fr; gap: .35rem 1rem; font-size: .75rem; line-height: 1.5; }
.pmdb-sync-scope dt { color: var(--fg); font-weight: 500; }
.pmdb-sync-scope dd { margin: 0; color: var(--dim); }
.pmdb-sync [hidden] { display: none !important; }
@keyframes pmdb-sending { to { transform: rotate(360deg); } }
@media (max-width: 480px) {
  .pmdb-sync-footer { align-items: flex-start; }
  .pmdb-sync-scope dl > div { grid-template-columns: 1fr; gap: .2rem; }
}
@media (pointer: coarse) { .pmdb-sync-scope summary { min-height: 48px; } }
@media (prefers-reduced-motion: reduce) {
  .pmdb-sync-footer .action-btn[aria-busy="true"] svg { animation: none; }
  .pmdb-sync-scope summary::after { transition: none; }
}