/* Seller Desk motion contract — Claude Design, September 2026. */
:root { --sd-ease: cubic-bezier(.2,.8,.25,1); --sd-press: 100ms; --sd-state: 160ms; --sd-modal: 200ms; --sd-toast: 240ms; }
button, a.button, a.icon-button, a.text-button, .photo-thumbnail, .thumbnail-number {
  transition: color var(--sd-state) var(--sd-ease), background-color var(--sd-state) var(--sd-ease), border-color var(--sd-state) var(--sd-ease), box-shadow var(--sd-state) var(--sd-ease), scale var(--sd-press) var(--sd-ease);
}
/* Primary dock/rail navigation is high-frequency: keep it instant at every width. */
.nav-link { transition: none; }
html[data-input="pointer"] :is(.button, .icon-button, .text-button, .photo-thumbnail, #continue):active:not(:disabled):not([aria-disabled="true"]) { scale: .96; }
html[data-input="keyboard"] :is(button, a, .nav-link, .photo-thumbnail, .thumbnail-number) { transition: none; }
.sd-icon { display: inline-block; vertical-align: middle; width: 20px; height: 20px; flex-shrink: 0; }
[data-icon] { display: inline-flex; align-items: center; justify-content: center; }
html:has(dialog[open]) { overflow: hidden; }
button:disabled { cursor: default; opacity: .6; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
  html[data-input="pointer"] :active { scale: none !important; }
}