/* Declare precedence once. Reordering component links cannot change ownership.
   Navigation owns drawer geometry; utilities own shared interaction states. */
@layer tokens, base, brand, components, experience, surfaces, themes, atelier, navigation, utilities;
@layer tokens {
 :root{
  --wf-space-1:4px;--wf-space-2:8px;--wf-space-3:12px;--wf-space-4:16px;--wf-space-5:24px;--wf-space-6:32px;--wf-space-7:48px;--wf-space-8:64px;
  --wf-radius-sm:4px;--wf-radius-md:8px;--wf-radius-lg:12px;--wf-radius-xl:16px;--wf-radius-2xl:20px;--wf-radius-pill:999px;
  --wf-text-xs:11px;--wf-text-sm:12px;--wf-text-control:13px;--wf-text-base:14px;--wf-text-reading:15px;--wf-text-md:16px;--wf-text-lg:20px;--wf-text-xl:24px;--wf-text-title:32px;
  --wf-motion-fast:150ms;--wf-motion-normal:200ms;--wf-motion-slow:300ms;--wf-ease:cubic-bezier(.2,.7,.2,1);
  --wf-disabled-opacity:.55;
  --wf-elevation-1:0 1px 4px color-mix(in srgb,var(--wf-shadow) 10%,transparent);
  --wf-elevation-2:0 3px 8px color-mix(in srgb,var(--wf-shadow) 8%,transparent),0 14px 32px -16px color-mix(in srgb,var(--wf-shadow) 24%,transparent);
 }
}
@layer utilities {
 [hidden]{display:none!important}
 :is(button,input,select,textarea):disabled{cursor:not-allowed;opacity:var(--wf-disabled-opacity)}
 [aria-busy=true]{cursor:progress}
 #action-confirm{width:min(480px,calc(100vw - 32px));padding:var(--wf-space-6);border:1px solid var(--wf-rule);border-radius:var(--wf-radius-xl);background:var(--wf-surface);color:var(--wf-ink);box-shadow:var(--wf-elevation-2)}
 #action-confirm::backdrop{background:color-mix(in srgb,var(--wf-media) 65%,transparent)}
 #action-confirm h2{font-size:var(--wf-text-xl);line-height:1.3;margin:0 0 var(--wf-space-4)}
 #action-confirm p{color:var(--wf-muted);line-height:1.7;margin:0 0 var(--wf-space-5)}
 #action-confirm .heading-actions{justify-content:flex-end;gap:var(--wf-space-3);flex-wrap:wrap}
 .recovery-notice{display:flex;align-items:center;gap:var(--wf-space-4);flex-wrap:wrap}
 .recovery-notice>div{flex:1 1 260px}
 .recovery-notice p{margin:var(--wf-space-2) 0 0}
 @media(prefers-reduced-motion:reduce){:root{--wf-motion-fast:0ms;--wf-motion-normal:0ms;--wf-motion-slow:0ms}}
}