/* Three surfaces consume the same presentation selector; no panel/filter animation. */
#save-status-light { background: transparent; box-shadow: none; isolation: isolate; }
#save-status-light::before { content: ''; position: absolute; inset: 0; border-radius: inherit; background: var(--save-color, #94a3b8); box-shadow: 0 0 8px var(--save-color, #94a3b8); }
#save-status-light::after { content: ''; position: absolute; inset: -10px; border-radius: inherit; }
@media (pointer: coarse) { #save-status-light::after { inset: -17px; } }
#save-status-light[data-save-state="success"] { --save-color: #22c55e; }
#save-status-light[data-save-state="syncing"], #save-status-light[data-save-state="queued"] { --save-color: #eab308; }
#save-status-light[data-save-state="error"], #save-status-light[data-save-state="unknown"] { --save-color: #ef4444; }
#save-status-light:focus-visible { outline: 2px solid rgb(var(--accent-rgb)); outline-offset: 5px; }
#orb-highlight { background: transparent !important; box-shadow: none !important; }
#orb-highlight::before { content: ''; position: absolute; inset: 0; border-radius: inherit; background: var(--save-highlight, #fff); box-shadow: 0 0 8px 4px var(--save-highlight, #fff); }
#orb-container[data-save-highlight="success"] { --save-highlight: #4ade80; }
#orb-container[data-save-highlight="syncing"], #orb-container[data-save-highlight="queued"] { --save-highlight: #facc15; }
#orb-container[data-save-highlight="error"], #orb-container[data-save-highlight="unknown"] { --save-highlight: #f87171; }
.orb-identity-stack { min-width: 0; flex: 1; overflow: hidden; }
.orb-identity-stack .orb-presence-identity { width: 100%; }
.save-status-text { position: relative; display: block; min-height: 14px; margin-top: 2px; font: 600 9px/14px var(--font-ui, sans-serif); color: #475569; white-space: nowrap; }
.dark .save-status-text { color: #cbd5e1; }
.save-status-text > span { position: absolute; inset: 0; overflow: hidden; text-overflow: ellipsis; opacity: 1; }
.save-status-text > span[data-old] { opacity: 0; pointer-events: none; }
@media (prefers-reduced-motion: no-preference) {
  #save-status-light::before, #orb-highlight::before { transition: background-color 150ms ease-out, box-shadow 150ms ease-out; }
  #save-status-light[data-save-state="syncing"]::before, #save-status-light[data-save-state="unknown"]::before,
  #orb-container[data-save-highlight="syncing"] #orb-highlight::before, #orb-container[data-save-highlight="unknown"] #orb-highlight::before { animation: save-breathe 1.8s ease-in-out infinite; }
  .save-status-text > span { transition: opacity 120ms cubic-bezier(.2,0,0,1); }
}
@keyframes save-breathe { 0%,100% { opacity: .95; } 50% { opacity: .45; } }
@media (forced-colors: active) { #save-status-light { outline: 2px solid ButtonText; } .save-status-text { color: CanvasText; } }