.afis-backdrop {
  display:none; position:fixed; inset:0; z-index:1000;
  background:rgba(0,0,0,0.45); backdrop-filter:blur(3px);
}

.afis-backdrop.visible { display:block; }

.afis-panel {
  position:fixed; top:0; right:-540px; bottom:0; z-index:1001;
  width:540px; max-width:100vw;
  background:var(--bg); border-left:1px solid var(--border);
  box-shadow:-8px 0 40px rgba(0,0,0,0.5);
  display:flex; flex-direction:column;
  transition:right 0.32s cubic-bezier(0.4,0,0.2,1);
}

.afis-panel.visible { right:0; }