/* Update 2 Round 3 FINAL QA: the header More button itself visually morphs into sync feedback.
   The native toast remains the status source; this is presentation only. */
body.u2-sync-header-morph-mask #u2-sync-toast{opacity:0!important;pointer-events:none!important;visibility:visible!important;transition:none!important}
body.u2-sync-header-morph-paint #u2-sync-toast{transition:none!important}
body.u2-sync-header-morph-mask #app .header .u2-h-more{opacity:0!important;pointer-events:none!important}
body.u2-sync-header-morph-active #app .header .header-actions>.u2-h-action:not(.u2-h-more){opacity:0!important;pointer-events:none!important;transition:opacity .24s ease!important}
body:not(.u2-sync-header-morph-active) #app .header .header-actions>.u2-h-action:not(.u2-h-more){transition:opacity .26s ease!important}
.u2-sync-header-pill{
 position:fixed;box-sizing:border-box;z-index:2147480702;display:flex;align-items:center;justify-content:center;
 margin:0;border-radius:999px;border:1px solid rgba(255,255,255,.6);
 backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
 overflow:hidden;white-space:nowrap;touch-action:manipulation;
 font:650 12px/1.25 system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
 transform-origin:right center;will-change:width,background-color,box-shadow;
 transition:background-color .25s ease,color .25s ease,border-color .25s ease;
 color:#064E3B;cursor:pointer;
}
.u2-sync-header-pill .u2-sync-header-dots{position:absolute;inset:0;display:grid;place-items:center;font-size:23px;line-height:1;color:inherit;pointer-events:none}
.u2-sync-header-pill .u2-sync-header-text{display:flex;align-items:center;justify-content:center;padding:0 13px;overflow:hidden;white-space:nowrap;max-width:100%;opacity:0;pointer-events:none}
.u2-sync-header-pill .u2-sync-header-text span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.u2-sync-header-pill.u2-sync-header-review{cursor:pointer}
@media(prefers-reduced-motion:reduce){
 body.u2-sync-header-morph-active #app .header .header-actions>.u2-h-action:not(.u2-h-more){opacity:1!important;pointer-events:auto!important}
 .u2-sync-header-pill{display:none!important}
}
/* Keep the fallback toast semantically color-accurate when reduced motion is on. */
#u2-sync-toast[data-tone="error"]{background:rgba(251,231,231,.98)!important;color:#912F39!important;border-color:rgba(191,65,73,.35)!important}
#u2-sync-toast[data-tone="pending"]{background:rgba(226,246,244,.97)!important;color:#136268!important;border-color:rgba(46,155,164,.26)!important}