/* Paper page 40, Spec A / entry 135. Kept separate from wall appearance. */
:root {
  --nv-saved-enter:240ms; --nv-saved-exit:160ms; --nv-saved-reduced:120ms;
  --nv-saved-ink:#0E0D24; --nv-saved-fill:#0E0D24E0;
}
.saved-wall-host { position:fixed; z-index:40; right:calc(var(--nv-sheet-side,32px) + 24px); bottom:80px; width:360px; pointer-events:none; }
.saved-wall-notice { display:flex; align-items:center; gap:8px; padding:10px 10px 10px 20px; color:#FFF; background:var(--nv-saved-fill); border-radius:22px; box-shadow:inset 0 0 0 1px #FFFFFF38,0 6px 18px #0E0D2440; pointer-events:auto; animation:nv-saved-enter var(--nv-saved-enter) cubic-bezier(.2,.7,.2,1) both; }
.saved-wall-notice p { flex:1; margin:0; font:500 14px/20px "SFProRounded-Medium","SF Pro Rounded",system-ui,sans-serif; }
.saved-wall-notice strong { font-family:"SFProRounded-Semibold","SF Pro Rounded",system-ui,sans-serif; font-weight:600; }
.saved-wall-dismiss { display:grid; place-items:center; flex-shrink:0; width:44px; height:44px; padding:0; border:0; background:none; color:inherit; cursor:pointer; }
.saved-wall-dismiss span { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; font:24px/1 system-ui; transition:background-color 100ms; }
.saved-wall-dismiss:hover span,.saved-wall-dismiss:active span { background:#F4D7E166; }
.saved-wall-dismiss:focus { outline:none; }
.saved-wall-dismiss:focus-visible span { outline:2px solid white; outline-offset:3px; }
.saved-wall-notice.is-leaving { animation:nv-saved-exit var(--nv-saved-exit) cubic-bezier(.4,0,1,1) both; }
.wall-unavailable { display:flex; flex-direction:column; align-items:center; text-align:center; gap:24px; padding:40px 24px; color:var(--nv-saved-ink); }
.wall-unavailable p { max-width:520px; margin:0; font:500 14px/20px "SFProRounded-Medium","SF Pro Rounded",system-ui,sans-serif; color:#0E0D24B3; }
.wall-unavailable button { min-height:44px; border:0; border-radius:22px; padding:0 20px; background:var(--nv-saved-ink); color:white; font:600 14px/16px "SFProRounded-Semibold","SF Pro Rounded",system-ui,sans-serif; cursor:pointer; }
.wall-unavailable button:focus-visible { outline:2px solid #285AEC; outline-offset:3px; }
@keyframes nv-saved-enter { from { opacity:0; transform:translateY(12px) } to { opacity:1; transform:translateY(0) } }
@keyframes nv-saved-exit { from { opacity:1; transform:translateY(0) } to { opacity:0; transform:translateY(6px) } }
@keyframes nv-saved-opacity-in { from { opacity:0 } to { opacity:1 } }
@keyframes nv-saved-opacity-out { from { opacity:1 } to { opacity:0 } }
@media(max-width:1023px) { .saved-wall-host { width:calc(100vw - 32px); left:16px; right:auto; bottom:72px; } }
body[data-reduced-motion="true"] .saved-wall-notice { animation-name:nv-saved-opacity-in; animation-duration:var(--nv-saved-reduced); }
body[data-reduced-motion="true"] .saved-wall-notice.is-leaving { animation-name:nv-saved-opacity-out; animation-duration:var(--nv-saved-reduced); }
@media(prefers-reduced-motion:reduce) {
  .saved-wall-notice { animation-name:nv-saved-opacity-in; animation-duration:var(--nv-saved-reduced); }
  .saved-wall-notice.is-leaving { animation-name:nv-saved-opacity-out; animation-duration:var(--nv-saved-reduced); }
}