/* Brukt av sheet.js. */

.sheet-backdrop{
  position:fixed; inset:0;
  background:rgba(0,0,0,0.5);
  z-index:40;
}
/* `max-width` + `margin:auto` sentrerer arket ved sidens INNHOLDSBREDDE på
   brede skjermer i stedet for å strekke seg til hele vinduet (samme
   over-bestemt left/right/margin-triks som sentrerer en fixed/absolutt
   plassert boks) — på smale skjermer (under --width-wide) fyller den
   fortsatt hele bredden som før.

   MERK: `--width-wide` alene er `.wrap` sin YTRE boks — `.wrap` legger så
   til sin egen venstre/høyre-padding INNENFOR den, så selve innholdet
   (kortene) starter litt lenger inn. Bruker vi `--width-wide` direkte her
   blir arkets synlige boks derfor bredere enn innholdet den skal flukte
   med. Trekker fra samme padding-formel som `.wrap` for å treffe den
   faktiske innholdskanten i stedet. */
.sheet{
  position:fixed; left:0; right:0; bottom:0;
  max-width:calc(var(--width-wide) - 2 * var(--space-6) - env(safe-area-inset-left) - env(safe-area-inset-right));
  margin-left:auto; margin-right:auto;
  z-index:41;
  max-height:85vh; overflow-y:auto;
  background:var(--bg);
  border-top:var(--border-w) solid var(--line);
  border-radius:var(--radius-xl) var(--radius-xl) 0 0;
  padding:var(--space-6);
  padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));
  display:flex; flex-direction:column; gap:var(--space-4);
}
/* Lukk-knappen selv (`.dialog-close`) er nå en delt stil i
   core/ui/base.css, brukt av confirm.js også — standard "Lukk"-mønster
   for hele siden. */