/* Skyver seg opp fra bunnen som et kort, ikke en fast stripe øverst —
   samme grep som v1s a2hs/update-chip (assets/home.css der), brukt her
   generelt for ALLE banner-varsler (ny versjon, ingen dekning m.fl.), på
   alle sider inkludert forsiden. */
.banner{
  position:fixed; left:0; right:0; bottom:0; z-index:100;
  display:flex; justify-content:center;
  padding:var(--space-3) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom));
  animation:banner-up var(--dur-slow) var(--ease);
}
@keyframes banner-up{ from{ transform:translateY(110%); } to{ transform:none; } }
@media (prefers-reduced-motion: reduce){
  .banner{ animation:none; }
}
.banner-card{
  width:100%; max-width:460px;
  display:flex; align-items:center; gap:var(--space-4);
  background:var(--card); border:var(--border-w) solid var(--line);
  border-radius:var(--radius-lg); padding:var(--space-4);
  box-shadow:var(--shadow-md);
}
.banner-text{ margin:0; flex:1; font-size:var(--text-sm); }
.banner-action{
  flex-shrink:0;
  font-weight:700; color:var(--aksent);
  white-space:nowrap;
}

.toast{
  position:fixed; left:50%; bottom:calc(var(--space-7) + env(safe-area-inset-bottom));
  transform:translateX(-50%);
  z-index:100;
  background:var(--card-hover);
  color:var(--text);
  padding:var(--space-3) var(--space-5);
  border-radius:var(--radius-full);
  box-shadow:var(--shadow-md);
  font-size:var(--text-sm);
}