.jd-sync{container: jd-sync / inline-size;display: grid;grid-template-columns: minmax(0,1fr);gap: 24px;}.jd-sync [hidden]{display: none !important;}:where(.jd-sync) p{margin: 0;}.jd-sync-bar{flex-wrap: wrap;row-gap: 6px;}.jd-sync-bar-note{display: inline-flex;align-items: center;gap: 6px;}.jd-sync-icon{width: 20px;height: 20px;flex: none;fill: none;stroke: currentColor;stroke-width: 1.75;stroke-linecap: round;stroke-linejoin: round;}.jd-demo .jd-sync-icon-sm{width: 16px;height: 16px;}.jd-sync-tone-ok{--jd-sync-tone: var(--jd-ok);--jd-sync-tint: var(--jd-ok-tint);}.jd-sync-tone-warn{--jd-sync-tone: var(--jd-warn);--jd-sync-tint: var(--jd-warn-tint);}.jd-sync-tone-bad{--jd-sync-tone: var(--jd-bad);--jd-sync-tint: var(--jd-bad-tint);}.jd-sync-tone-dup{--jd-sync-tone: var(--jd-brand);--jd-sync-tint: var(--jd-brand-tint);}.jd-sync-tone-neutral,.jd-sync-tone-skip{--jd-sync-tone: var(--jd-muted);--jd-sync-tint: var(--jd-sunken);}.jd-sync-pills{display: flex;flex-wrap: wrap;gap: 8px;margin: 0;padding: 0;list-style: none;}.jd-sync-pills .jd-pill{padding: 3px 12px 3px 9px;font-size: 12.5px;}.jd-sync-head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 4px 16px;margin-bottom: 12px;}.jd-sync-h{font-size: 17px;}.jd-sync-note,.jd-sync-meta-note{font-size: 13px;color: var(--jd-muted);}.jd-sync-pipe-wrap{position: relative;}.jd-sync-pipeline{--jd-sync-gap: 28px;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--jd-sync-gap);margin: 0;padding: 0;list-style: none;}.jd-sync-stage{position: relative;display: grid;grid-template-columns: auto minmax(0,1fr);grid-template-areas: "icon step" "title title" "count count" "caption caption" "tallies tallies" "stop stop";align-content: start;align-items: center;column-gap: 10px;padding: 14px;background: var(--jd-card);border: 1px solid var(--jd-border);border-radius: var(--jd-r-md);transition: border-color var(--jd-base) var(--jd-ease);}.jd-sync-stage.is-active{box-shadow: inset 0 3px 0 var(--jd-brand);}.jd-sync-stage.is-stop{border-color: var(--jd-sync-tone);}.jd-sync-stage::after{content: "";position: absolute;inset: -1px;border-radius: inherit;pointer-events: none;opacity: 0;}.jd-sync-stage.is-hit::after{animation: jd-sync-hit 700ms var(--jd-ease);}.jd-sync-stage-icon{grid-area: icon;display: grid;place-items: center;width: 36px;height: 36px;border-radius: 10px;color: var(--jd-muted);background: var(--jd-sunken);}.jd-sync-stage.is-active .jd-sync-stage-icon{color: var(--jd-brand);background: var(--jd-brand-tint);}.jd-sync-stage-step{grid-area: step;justify-self: end;font-size: 11px;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: var(--jd-subtle);}.jd-sync-stage-title{grid-area: title;margin: 12px 0 0;font-size: 14.5px;font-weight: 600;line-height: 1.3;}.jd-sync-stage-count{grid-area: count;justify-self: start;margin-top: 2px;font-family: var(--jd-font-display);font-size: 32px;font-weight: 650;line-height: 1.1;letter-spacing: -.03em;font-variant-numeric: tabular-nums;}.jd-sync-stage:not(.is-active) .jd-sync-stage-count{color: var(--jd-subtle);}.jd-sync-stage-count.is-bumped{animation: jd-sync-bump 420ms var(--jd-ease);}.jd-sync-stage-caption{grid-area: caption;margin-top: 2px;font-size: 12.5px;line-height: 1.4;color: var(--jd-muted);}.jd-sync-tallies{grid-area: tallies;display: flex;flex-wrap: wrap;gap: 6px;margin: 10px 0 0;padding: 0;list-style: none;}.jd-sync-tally{display: inline-flex;align-items: center;gap: 4px;padding: 1px 9px 1px 6px;font-size: 12px;font-weight: 600;color: var(--jd-sync-tone);background: var(--jd-sync-tint);border-radius: var(--jd-r-pill);font-variant-numeric: tabular-nums;}.jd-sync-stop{grid-area: stop;display: flex;align-items: center;gap: 5px;margin-top: 10px;font-size: 12px;font-weight: 600;color: var(--jd-sync-tone);}.jd-sync-link{position: absolute;top: 26px;left: calc(100% + 1px);width: calc(var(--jd-sync-gap) - 2px);height: 12px;pointer-events: none;}.jd-sync-link::before{content: "";position: absolute;top: 5px;left: 2px;right: 4px;height: 2px;background: repeating-linear-gradient(90deg,var(--jd-border-strong) 0 4px,transparent 4px 7px);}.jd-sync-link::after{content: "";position: absolute;top: 2.5px;right: 3px;width: 7px;height: 7px;border-top: 2px solid var(--jd-border-strong);border-right: 2px solid var(--jd-border-strong);transform: rotate(45deg);}.jd-sync-link.is-flowing::before{background: var(--jd-brand);}.jd-sync-link.is-flowing::after{border-color: var(--jd-brand);}.jd-sync-marker{position: absolute;top: 0;left: 0;z-index: 1;width: 14px;height: 14px;margin: -7px 0 0 -7px;border-radius: 50%;background: var(--jd-brand);box-shadow: 0 0 0 4px var(--jd-brand-tint),0 0 12px var(--jd-brand);opacity: 0;pointer-events: none;transform: translate(var(--jd-sync-x,0),var(--jd-sync-y,0));transition: transform 380ms var(--jd-ease),opacity 160ms linear;}.jd-sync-marker.is-visible{opacity: 1;}.jd-sync-marker.is-instant{transition: opacity 160ms linear;}.jd-sync-work{display: grid;grid-template-columns: minmax(0,340px) minmax(0,1fr);gap: 20px;align-items: start;}.jd-sync-lower{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 20px;align-items: start;}.jd-sync-panel{min-width: 0;padding: 16px;background: var(--jd-card);border: 1px solid var(--jd-border);border-radius: var(--jd-r-md);}.jd-sync-panel-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 6px 12px;margin-bottom: 14px;}.jd-sync-panel-title{display: inline-flex;align-items: center;gap: 10px;font-size: 16px;}.jd-sync-panel-title:focus{outline: none;}.jd-sync-panel-title:focus-visible{outline: 2px solid var(--jd-ring);outline-offset: 2px;}.jd-sync-head-icon{display: grid;place-items: center;width: 30px;height: 30px;border-radius: 9px;color: var(--jd-brand);background: var(--jd-brand-tint);}.jd-sync-head-icon .jd-sync-icon{width: 18px;height: 18px;}.jd-sync-subhead{display: flex;align-items: center;gap: 6px;margin: 0 0 8px;font-size: 12px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;color: var(--jd-muted);}.jd-sync-intro{margin-bottom: 14px;font-size: 14px;color: var(--jd-muted);}.jd-sync-inline-code{overflow-wrap: anywhere;color: var(--jd-text);}.jd-sync-try .jd-input[aria-invalid="true"]{border-color: var(--jd-bad);box-shadow: 0 0 0 1px var(--jd-bad);}.jd-sync-field-error{display: flex;align-items: flex-start;gap: 6px;font-size: 13px;font-weight: 600;color: var(--jd-bad);}.jd-sync-field-error .jd-sync-icon{margin-top: 2px;}.jd-sync-samples{display: grid;grid-template-columns: minmax(0,1fr);gap: 8px;margin-top: 14px;}.jd-sync-security{display: grid;grid-template-columns: minmax(0,1fr);gap: 8px;margin-top: 18px;padding-top: 16px;border-top: 1px solid var(--jd-border);}.jd-sync-security .jd-sync-subhead{margin-bottom: 0;}.jd-sync-last{overflow-wrap: anywhere;}.jd-sync-action{display: grid;grid-template-columns: auto minmax(0,1fr) auto;align-items: center;gap: 12px;width: 100%;min-height: var(--jd-tap);padding: 10px 12px;font: inherit;text-align: left;color: var(--jd-text);background: var(--jd-card);border: 1px solid var(--jd-border-strong);border-radius: var(--jd-r-sm);cursor: pointer;transition: background var(--jd-fast) var(--jd-ease),border-color var(--jd-fast) var(--jd-ease),transform var(--jd-fast) var(--jd-ease);}.jd-sync-action:hover{background: var(--jd-soft);border-color: var(--jd-sync-tone);}.jd-sync-action:active{transform: translateY(1px);}.jd-sync-action-icon{display: grid;place-items: center;width: 34px;height: 34px;border-radius: 9px;color: var(--jd-sync-tone);background: var(--jd-sync-tint);}.jd-sync-action-title{display: block;font-size: 14px;font-weight: 600;}.jd-sync-action-desc{display: block;font-size: 12.5px;line-height: 1.4;color: var(--jd-muted);}.jd-sync-action-go{color: var(--jd-subtle);transition: transform var(--jd-fast) var(--jd-ease);}.jd-sync-action:hover .jd-sync-action-go{color: var(--jd-sync-tone);transform: translateX(2px);}.jd-sync-action[aria-disabled="true"]{opacity: .6;cursor: not-allowed;}.jd-sync-action[aria-disabled="true"]:hover{background: var(--jd-card);border-color: var(--jd-border-strong);}.jd-sync-action[aria-disabled="true"]:hover .jd-sync-action-go{color: var(--jd-subtle);transform: none;}.jd-sync-feedback:not(:empty){margin-top: 16px;}.jd-sync-flash{display: grid;grid-template-columns: auto minmax(0,1fr);gap: 10px;padding: 12px;background: var(--jd-sync-tint);border: 1px solid var(--jd-border);border-left: 3px solid var(--jd-sync-tone);border-radius: var(--jd-r-sm);animation: jd-sync-in 260ms var(--jd-ease);}.jd-sync-flash-icon{color: var(--jd-sync-tone);}.jd-sync-flash-title{font-weight: 650;}.jd-sync-flash-body{margin-top: 2px;font-size: 13.5px;}.jd-sync-flash-meta{margin-top: 4px;font-size: 12px;color: var(--jd-muted);overflow-wrap: anywhere;}.jd-sync-inspector-body{display: grid;grid-template-columns: minmax(0,1fr);gap: 16px;}.jd-sync-reqline{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;}.jd-sync-method{padding: 2px 8px;font-family: var(--jd-mono);font-size: 12px;font-weight: 700;color: var(--jd-on-brand);background: var(--jd-brand);border-radius: 6px;}.jd-sync-path{font-family: var(--jd-mono);font-size: 13.5px;font-weight: 600;}.jd-sync-reqline-label{font-size: 13px;color: var(--jd-muted);}.jd-sync-code{display: block;padding: 10px 12px;font-family: var(--jd-mono);font-size: 12.5px;line-height: 1.55;color: var(--jd-text);background: var(--jd-sunken);border: 1px solid var(--jd-border);border-radius: var(--jd-r-sm);overflow-wrap: anywhere;}.jd-sync-sig-key{color: var(--jd-brand);font-weight: 700;}.jd-sync-scroll{position: relative;max-height: 260px;overflow: auto;background: var(--jd-sunken);border: 1px solid var(--jd-border);border-radius: var(--jd-r-sm);}.jd-sync-json{margin: 0;padding: 10px 12px;font-family: var(--jd-mono);font-size: 12.5px;line-height: 1.55;color: var(--jd-text);white-space: pre;tab-size: 2;}.jd-sync-mark{padding: 1px 2px;color: var(--jd-bad);background: var(--jd-bad-tint);border-radius: 3px;font-weight: 700;text-decoration: underline wavy;text-underline-offset: 3px;}.jd-sync-tamper-note{display: flex;align-items: flex-start;gap: 6px;margin-bottom: 8px;font-size: 13px;font-weight: 600;color: var(--jd-bad);}.jd-sync-tamper-note .jd-sync-icon{margin-top: 2px;}.jd-sync-kv{display: grid;grid-template-columns: minmax(0,1fr);gap: 8px;margin: 0;}.jd-sync-kv > div{display: grid;grid-template-columns: 130px minmax(0,1fr);gap: 10px;align-items: baseline;}.jd-sync-kv dt{font-size: 12.5px;color: var(--jd-muted);}.jd-sync-kv dd{margin: 0;font-size: 12.5px;overflow-wrap: anywhere;}.jd-sync-response{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;}.jd-sync-status{padding: 2px 8px;font-family: var(--jd-mono);font-size: 13px;font-weight: 700;color: var(--jd-sync-tone);background: var(--jd-sync-tint);border: 1px solid var(--jd-sync-tone);border-radius: 6px;}.jd-sync-body-code{font-family: var(--jd-mono);font-size: 12.5px;color: var(--jd-muted);overflow-wrap: anywhere;}.jd-sync-reason{margin-top: 8px;font-size: 13.5px;}.jd-sync-empty{display: grid;justify-items: center;gap: 10px;padding: 20px 8px 12px;text-align: center;}.jd-sync-empty-art{width: 200px;max-width: 100%;height: auto;margin-bottom: 4px;}.jd-sync-art-card{fill: var(--jd-soft);stroke: var(--jd-border-strong);stroke-width: 1.5;}.jd-sync-art-target{fill: var(--jd-brand-tint);stroke: var(--jd-brand);}.jd-sync-art-line{fill: none;stroke: var(--jd-muted);stroke-width: 1.75;stroke-linecap: round;stroke-linejoin: round;}.jd-sync-art-flow{fill: none;stroke: var(--jd-brand);stroke-width: 2;stroke-dasharray: 4 5;stroke-linecap: round;animation: jd-sync-dash 1.2s linear infinite;}.jd-sync-empty-title{margin: 0;font-family: var(--jd-font-display);font-size: 16px;font-weight: 600;}.jd-sync-empty p{max-width: 44ch;font-size: 14px;color: var(--jd-muted);}.jd-sync-empty .jd-btn{margin-top: 4px;}.jd-sync-empty .jd-sync-empty-hint{font-size: 12.5px;color: var(--jd-subtle);}.jd-sync-empty-mini{display: flex;align-items: flex-start;gap: 8px;padding: 10px 12px;font-size: 13px;color: var(--jd-muted);background: var(--jd-soft);border: 1px dashed var(--jd-border-strong);border-radius: var(--jd-r-sm);}.jd-sync-empty-mini .jd-sync-icon{margin-top: 2px;}.jd-sync-events{display: grid;grid-template-columns: minmax(0,1fr);gap: 8px;margin: 0;padding: 0;list-style: none;}.jd-sync-event{display: grid;grid-template-columns: 30px minmax(0,1fr);gap: 10px;align-items: start;}.jd-sync-node{display: grid;place-items: center;width: 30px;height: 30px;margin-top: 8px;border-radius: 50%;color: var(--jd-sync-tone);background: var(--jd-sync-tint);}.jd-sync-node .jd-sync-icon{width: 17px;height: 17px;}.jd-sync-details{min-width: 0;background: var(--jd-card);border: 1px solid var(--jd-border);border-radius: var(--jd-r-sm);}.jd-sync-details[open]{border-color: var(--jd-border-strong);}.jd-sync-event.is-new .jd-sync-details{animation: jd-sync-new 1.4s var(--jd-ease);}.jd-sync-summary{display: grid;grid-template-columns: minmax(0,1fr) auto auto;align-items: center;gap: 4px 10px;min-height: var(--jd-tap);padding: 8px 10px;list-style: none;cursor: pointer;border-radius: var(--jd-r-sm);}.jd-sync-summary::-webkit-details-marker{display: none;}.jd-sync-summary:hover{background: var(--jd-soft);}.jd-sync-event-main{display: flex;flex-wrap: wrap;align-items: baseline;gap: 2px 8px;min-width: 0;}.jd-sync-event-title{font-size: 14px;font-weight: 600;}.jd-sync-event-tag{font-size: 12px;font-weight: 600;color: var(--jd-muted);}.jd-sync-id{flex-basis: 100%;font-family: var(--jd-mono);font-size: 11.5px;color: var(--jd-muted);overflow-wrap: anywhere;}.jd-sync-event-side{display: flex;flex-direction: column;align-items: flex-end;gap: 2px;}.jd-sync-time{font-size: 12px;color: var(--jd-muted);font-variant-numeric: tabular-nums;}.jd-sync-chevron{color: var(--jd-subtle);transition: transform var(--jd-base) var(--jd-ease);}.jd-sync-details[open] .jd-sync-chevron{transform: rotate(180deg);}.jd-sync-event-body{padding: 12px;border-top: 1px solid var(--jd-border);}.jd-sync-steps{display: grid;grid-template-columns: minmax(0,1fr);gap: 8px;margin: 0;padding: 0;list-style: none;}.jd-sync-step{display: grid;grid-template-columns: auto minmax(0,1fr);gap: 8px;font-size: 13.5px;line-height: 1.45;}.jd-sync-step .jd-sync-icon{margin-top: 2px;color: var(--jd-sync-tone);}.jd-sync-meta{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px 12px;margin: 12px 0 0;}.jd-sync-meta > div.is-wide{grid-column: 1 / -1;}.jd-sync-meta dt{font-size: 11.5px;font-weight: 700;letter-spacing: .05em;text-transform: uppercase;color: var(--jd-muted);}.jd-sync-meta dd{margin: 0;font-size: 13px;overflow-wrap: anywhere;}.jd-sync-crm-block + .jd-sync-crm-block{margin-top: 16px;padding-top: 16px;border-top: 1px solid var(--jd-border);}.jd-sync-block-head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 4px 12px;margin-bottom: 10px;}.jd-sync-block-title{display: inline-flex;align-items: center;gap: 6px;margin: 0;font-size: 14.5px;font-weight: 600;}.jd-sync-block-title .jd-sync-icon{color: var(--jd-brand);}.jd-sync-small{font-size: 12.5px;color: var(--jd-muted);overflow-wrap: anywhere;}.jd-sync-sep::before{content: "\00b7";margin: 0 6px;}.jd-sync-contacts,.jd-sync-deals,.jd-sync-feed{display: grid;grid-template-columns: minmax(0,1fr);gap: 8px;margin: 0;padding: 0;list-style: none;}.jd-sync-contact{display: grid;grid-template-columns: auto minmax(0,1fr) auto;align-items: center;gap: 6px 10px;padding: 10px 12px;background: var(--jd-soft);border: 1px solid var(--jd-border);border-radius: var(--jd-r-sm);}.jd-sync-avatar{display: grid;place-items: center;width: 34px;height: 34px;border-radius: 50%;font-size: 12.5px;font-weight: 700;color: var(--jd-brand);background: var(--jd-brand-tint);}.jd-sync-contact-who{min-width: 0;}.jd-sync-contact-name{font-size: 14px;font-weight: 600;}.jd-sync-facts{grid-column: 2 / -1;display: flex;flex-wrap: wrap;gap: 4px 14px;margin: 0;padding: 0;list-style: none;font-size: 12.5px;color: var(--jd-muted);}.jd-sync-facts li{display: inline-flex;align-items: center;gap: 5px;}.jd-sync-prop{grid-column: 2 / -1;justify-self: start;padding: 1px 6px;font-family: var(--jd-mono);font-size: 12px;background: var(--jd-sunken);border-radius: 4px;overflow-wrap: anywhere;}.jd-sync-deal{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 6px 12px;padding: 10px 12px;border: 1px solid var(--jd-border);border-radius: var(--jd-r-sm);}.jd-sync-deal-main{min-width: 0;flex: 1 1 200px;}.jd-sync-deal-name{font-size: 13.5px;font-weight: 600;overflow-wrap: anywhere;}.jd-sync-deal-side{display: flex;align-items: center;gap: 8px;}.jd-sync-deal-amount{font-family: var(--jd-font-display);font-size: 16px;font-weight: 650;font-variant-numeric: tabular-nums;}.jd-sync-feed-item{display: grid;grid-template-columns: auto minmax(0,1fr);gap: 10px;align-items: start;}.jd-sync-feed-icon{display: grid;place-items: center;width: 28px;height: 28px;border-radius: 50%;color: var(--jd-warn);background: var(--jd-warn-tint);}.jd-sync-feed-body{font-size: 13.5px;overflow-wrap: anywhere;}.jd-sync-footnote{display: flex;align-items: flex-start;gap: 6px;font-size: 13px;color: var(--jd-muted);}.jd-sync-footnote .jd-sync-icon{margin-top: 2px;}@container jd-sync (max-width: 760px){.jd-sync-work,.jd-sync-lower{grid-template-columns: minmax(0,1fr);}}@container jd-sync (max-width: 700px){.jd-sync-pipeline{--jd-sync-gap: 18px;grid-template-columns: minmax(0,1fr);}.jd-sync-stage{grid-template-columns: auto minmax(0,1fr) auto;grid-template-areas: "icon title count" "icon caption count" "icon tallies tallies" "icon stop stop";align-items: start;column-gap: 12px;padding: 12px 14px;}.jd-sync-stage-step{display: none;}.jd-sync-stage-title{margin-top: 0;}.jd-sync-stage-count{align-self: center;justify-self: end;margin-top: 0;font-size: 26px;}.jd-sync-stage.is-active{box-shadow: inset 3px 0 0 var(--jd-brand);}.jd-sync-tallies{margin-top: 8px;}.jd-sync-stop{margin-top: 8px;}.jd-sync-link{top: calc(100% + 1px);left: 26px;width: 12px;height: calc(var(--jd-sync-gap) - 2px);}.jd-sync-link::before{top: 1px;bottom: 5px;left: 5px;right: auto;width: 2px;height: auto;background: repeating-linear-gradient(180deg,var(--jd-border-strong) 0 4px,transparent 4px 7px);}.jd-sync-link::after{top: auto;bottom: 3px;right: auto;left: 2.5px;transform: rotate(135deg);}}@container jd-sync (max-width: 480px){.jd-sync-kv > div{grid-template-columns: minmax(0,1fr);gap: 2px;}.jd-sync-summary{grid-template-columns: minmax(0,1fr) auto;}.jd-sync-event-side{grid-column: 1;grid-row: 2;flex-direction: row;align-items: center;justify-content: flex-start;gap: 8px;}.jd-sync-chevron{grid-column: 2;grid-row: 1 / span 2;}.jd-sync-meta{grid-template-columns: minmax(0,1fr);}.jd-sync-contact{grid-template-columns: auto minmax(0,1fr);}.jd-sync-contact > .jd-pill{grid-column: 2;justify-self: start;}}@keyframes jd-sync-hit{0%{opacity: 1;box-shadow: 0 0 0 0 var(--jd-brand);}100%{opacity: 0;box-shadow: 0 0 0 8px var(--jd-brand);}}@keyframes jd-sync-bump{0%{transform: scale(1);}40%{transform: scale(1.18);color: var(--jd-brand);}100%{transform: scale(1);}}@keyframes jd-sync-in{from{opacity: 0;transform: translateY(4px);}to{opacity: 1;transform: none;}}@keyframes jd-sync-new{from{background: var(--jd-brand-tint);}to{background: var(--jd-card);}}@keyframes jd-sync-dash{to{stroke-dashoffset: -18;}}@media (prefers-reduced-motion: reduce){.jd-sync-marker{display: none;}}@media (forced-colors: active){.jd-sync-tally,.jd-sync-status,.jd-sync-node,.jd-sync-flash,.jd-sync-marker{border: 1px solid CanvasText;}}
