/* Isolated interaction surfaces; no changes to map transforms, cards or typography. */
:root[data-az-interactions="r2"] { --az-feedback-accent: #74394e; --az-feedback-ink: #29332f; }
html:root:root:root[data-az-interactions="r2"] .az-dialog[open]>.az-sheet[data-az-sheet-motion="r2"] { animation: none; will-change: auto; }
html[data-az-interactions="r2"] .az-sheet__body { overscroll-behavior: contain; }
html:root:root:root[data-az-interactions="r2"] :is(.az-action-sheet[open]>.az-action-sheet-box,.az-dialog[open]>.az-sheet:not([data-az-sheet-motion])) { animation: az-feedback-sheet 240ms cubic-bezier(.22,.75,.25,1); }
@keyframes az-feedback-sheet { from { opacity: 0; translate: 0 24px; } to { opacity: 1; translate: 0 0; } }
.az-motion-notices { position: fixed; z-index: 10080; inset-block-start: max(18px,env(safe-area-inset-top)); inset-inline-end: max(18px,env(safe-area-inset-right)); width: min(390px,calc(100vw - 32px)); display: grid; gap: 10px; pointer-events: none; padding: 0; margin: 0; }
.az-motion-notice { pointer-events: auto; display: flex; align-items: center; gap: 12px; padding: 12px 10px 12px 16px; border: 1px solid rgba(71,87,76,.17); border-radius: 18px; background: rgba(255,255,255,.97); box-shadow: 0 10px 38px rgba(28,46,35,.13); color: #29332f; font: inherit; font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.az-motion-notice__text { flex: 1; min-width: 0; }
.az-motion-notice__icon { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #edf4ef; color: #226343; font-weight: 700; }
.az-motion-notice[data-tone="error"] .az-motion-notice__icon { background: #fff0ed; color: #993b2e; }
.az-motion-notice[data-tone="info"] .az-motion-notice__icon { background: #f6edf1; color: #74394e; }
.az-motion-notice[data-tone="pending"] .az-motion-notice__icon { width: 24px; height: 24px; border: 2px solid #ddd0d6; border-block-start-color: #74394e; background: transparent; animation: az-feedback-spin 900ms linear infinite; }
.az-motion-notice__close { flex: none; appearance: none; border: 0; border-radius: 12px; background: transparent; color: inherit; cursor: pointer; width: 44px; height: 44px; min-width: 44px; padding: 0; font: inherit; font-size: 25px; line-height: 1; }
.az-motion-notice__close:hover { background: #f1f3f0; }
.az-motion-notice__close:focus-visible { outline: 3px solid #74394e; outline-offset: 2px; }
.az-motion-tooltip { position: fixed; z-index: 10100; box-sizing: border-box; width: max-content; max-width: min(290px,calc(100vw - 24px)); padding: 9px 13px; border: 1px solid #dde1dc; border-radius: 12px; background: #263b33; color: #fff; box-shadow: 0 6px 20px #172b2724; font: inherit; font-size: 12px; font-weight: 500; line-height: 1.6; text-align: start; overflow-wrap: anywhere; }
.az-motion-tooltip[hidden] { display: none !important; }
html[data-az-interactions="r2"] .sky-thinking[data-az-reply-pending] { width: fit-content; max-width: 100%; padding: 10px 14px; margin-block: 8px; border: 1px solid #dfe7e1; border-radius: 20px 20px 8px 20px; background: rgba(255,255,255,.82); color: #465e51; gap: 10px; }
html[data-az-interactions="r2"] .sky-thinking[data-az-reply-pending] .sky-dots i { width: 5px; height: 5px; animation: az-feedback-dot 1100ms ease-in-out infinite; }
html[data-az-interactions="r2"] .sky-thinking[data-az-reply-pending] .sky-dots i:nth-child(2) { animation-delay: 140ms; }
html[data-az-interactions="r2"] .sky-thinking[data-az-reply-pending] .sky-dots i:nth-child(3) { animation-delay: 280ms; }
html[data-az-interactions="r2"] .sky-universe.is-paused .sky-dots i { animation: none !important; opacity: .65; transform: none; }
.az-upload-feedback,.az-native-upload-status { display: grid; gap: 8px; width: 100%; margin-block: 12px; color: #314e3f; text-align: start; }
.az-upload-feedback__heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.az-upload-feedback progress,.az-native-upload-status progress { display: block; width: 100%; height: 8px; border: 0; border-radius: 8px; overflow: hidden; accent-color: #74394e; background: #e5e9e5; }
.az-upload-feedback progress::-webkit-progress-bar,.az-native-upload-status progress::-webkit-progress-bar { background: #e5e9e5; border-radius: 8px; }
.az-upload-feedback progress::-webkit-progress-value,.az-native-upload-status progress::-webkit-progress-value { background: #74394e; border-radius: 8px; transition: width 120ms linear; }
.az-upload-feedback progress::-moz-progress-bar,.az-native-upload-status progress::-moz-progress-bar { background: #74394e; border-radius: 8px; }
.az-upload-feedback__detail { font-size: 12px; color: #59695f; }
.az-upload-feedback[data-phase="error"] { color: #993b2e; }
.az-payment-confirmation { display: flex; align-items: center; gap: 12px; margin-block-end: 14px; }
.az-payment-confirmation__art { flex: none; width: 58px; height: 58px; color: #287449; overflow: visible; }
.az-payment-confirmation__ring { fill: #edf7f0; stroke: currentColor; stroke-width: 1.5; transform-origin: center; }
.az-payment-confirmation__tick { fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 26; stroke-dashoffset: 0; }
.az-payment-confirmation__spark { fill: #b5a167; opacity: 0; }
.az-payment-celebrate .az-payment-confirmation__ring { animation: az-feedback-ring 360ms ease-out; }
.az-payment-celebrate .az-payment-confirmation__tick { animation: az-feedback-check 560ms ease-out; }
.az-payment-celebrate .az-payment-confirmation__spark { animation: az-feedback-spark 700ms ease-out; }
@keyframes az-feedback-spin { to { rotate: 360deg; } }
@keyframes az-feedback-dot { 0%,65%,100% { transform: translateY(0); opacity: .4; } 30% { transform: translateY(-3px); opacity: 1; } }
@keyframes az-feedback-ring { from { scale: .85; opacity: .45; } to { scale: 1; opacity: 1; } }
@keyframes az-feedback-check { 0%,25% { stroke-dashoffset: 26; } 100% { stroke-dashoffset: 0; } }
@keyframes az-feedback-spark { 0%,20% { opacity: 0; } 45% { opacity: .8; } 100% { opacity: 0; } }
@media(max-width:600px) { .az-motion-notices { inset-inline: 12px; inset-block-start: max(12px,env(safe-area-inset-top)); width: auto; gap: 8px; } .az-motion-notice { padding: 8px 8px 8px 12px; font-size: 13px; } }
html[data-az-motion-paused] :is(.az-motion-notice__icon,.sky-dots i,.az-payment-confirmation *) { animation-play-state: paused !important; }
@media(prefers-reduced-motion:reduce) {
  html:root:root:root[data-az-interactions="r2"] :is(.az-action-sheet-box,.az-motion-notice__icon,.sky-dots i,.az-payment-confirmation *) { animation: none !important; transform: none; }
  .az-upload-feedback progress::-webkit-progress-value { transition: none; }
}