/* Short, local acknowledgements use the foundation's motion vocabulary. */
.sidebar .nav-item { position:relative;min-width:0;margin-bottom:5px; }
.sidebar nav .nav-item>a { padding-right:42px;transition:background var(--motion-change) var(--motion-easing),color var(--motion-feedback) var(--motion-easing); }
.sidebar nav .nav-item>a>span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.sidebar .nav-create { position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;width:40px;min-height:44px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--ink-muted);cursor:pointer;opacity:0;transition:opacity var(--motion-change) var(--motion-easing),background var(--motion-feedback) var(--motion-easing); }
.sidebar .nav-item:is(:hover,:focus-within)>a:not([aria-current]) { background:var(--interaction-hover);color:var(--ink); }
.sidebar .nav-item:is(:hover,:focus-within) .nav-create { opacity:1; }
.sidebar .nav-create:is(:hover,:focus-visible) { color:var(--ink);background:var(--interaction-hover); }
.sidebar .nav-create:focus-visible { outline:var(--focus-width) solid var(--focus-color);outline-offset:-3px; }
.sidebar .nav-group summary::after { content:'›';transform:rotate(0deg);transition:transform var(--motion-change) var(--motion-easing); }
.sidebar .nav-group[open] summary::after { content:'›';transform:rotate(90deg); }
@media(hover:none),(pointer:coarse) { .sidebar .nav-create { opacity:1;min-width:44px; } }
@media(max-width:680px) {
 .sidebar .nav-item { display:flex;flex-direction:column;margin:0; }
 .sidebar nav .nav-item>a { padding:8px 4px;flex:0 0 auto; }
 .sidebar .nav-item .nav-create { position:static;align-self:center;width:44px;min-height:36px;opacity:1; }
 .sidebar nav .nav-group-links .nav-item { display:block; }
 .sidebar nav .nav-group-links .nav-item>a { padding-right:44px; }
 .sidebar .nav-group-links .nav-item .nav-create { position:absolute;min-height:44px; }
}
.modal[open] { animation: dialog-arrive var(--motion-change) var(--motion-easing); }
@keyframes dialog-arrive { from { opacity:0;transform:translateY(5px); } to { opacity:1;transform:none; } }

/* A request owns this indicator only until its real response arrives. */
.rk-button[aria-busy="true"]>rk-icon { position:relative; }
.rk-button[aria-busy="true"]>rk-icon>* { visibility:hidden; }
.rk-button[aria-busy="true"]>rk-icon::after {
  content:'';position:absolute;inset:50% auto auto 50%;width:14px;height:14px;
  margin:-7px 0 0 -7px;border:1.5px solid currentColor;border-right-color:transparent;
  border-radius:50%;animation: request-pending 900ms linear infinite;
}
@keyframes request-pending { to { transform:rotate(1turn); } }

/* Preview is an explicit disclosure; its paper and amounts never animate. */
.draft-preview-disclosure>summary { border-radius:var(--radius-tight);transition:color var(--motion-feedback) var(--motion-easing),background var(--motion-feedback) var(--motion-easing); }
.draft-preview-disclosure>summary:is(:hover,:focus-visible) { background:var(--interaction-hover);color:var(--ink); }
.draft-preview-disclosure>summary::after { content:'›';display:inline-block;font-size:1.25em;line-height:1;transform:rotate(0deg);transition:transform var(--motion-change) var(--motion-easing); }
.draft-preview-disclosure[open]>summary::after { content:'›';transform:rotate(90deg); }

@media(prefers-reduced-motion:reduce) {
  .modal[open],.rk-button[aria-busy="true"]>rk-icon::after { animation:none; }
  .draft-preview-disclosure>summary,.draft-preview-disclosure>summary::after { transition:none; }
  .sidebar .nav-create,.sidebar .nav-group summary::after,.sidebar nav .nav-item>a { transition:none; }
}
[data-motion="reduced"] .modal[open],
[data-motion="reduced"] .rk-button[aria-busy="true"]>rk-icon::after { animation:none; }
[data-motion="reduced"] .draft-preview-disclosure>summary,
[data-motion="reduced"] .draft-preview-disclosure>summary::after { transition:none; }
[data-motion="reduced"] .sidebar .nav-create,[data-motion="reduced"] .sidebar .nav-group summary::after,[data-motion="reduced"] .sidebar nav .nav-item>a { transition:none; }