/* flash notification: the design system's Toast — a neutral surface carrying
   a semantic icon, bottom right at 380px. Above the modal (z-index 999), as
   the old top-right alert was. */

.flash-toast {
  z-index: 1050;
}

.flash-toast-item {
  width: 380px;
  max-width: calc(100vw - 32px);
  white-space: normal;
  background-color: var(--color-neutral);
  color: var(--color-neutral-content);
  border-color: var(--color-neutral);
  box-shadow: var(--shadow-lg);
}

/* 44px, --touch-min, below the shell breakpoint; the design system's bare ×
   rather than a .btn, whose ghost hover paints base-200 onto the dark
   surface. */
.flash-toast-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  border-radius: var(--radius-field);
  opacity: 0.7;
  cursor: pointer;
}

.flash-toast-close:hover {
  opacity: 1;
  background-color: color-mix(in oklab, currentColor 12%, transparent);
}

@media (min-width: 64rem) {
  .flash-toast-close {
    min-width: 32px;
    min-height: 32px;
  }
}

/* Below sm the toast spans the gutter instead of hanging off one edge — at
   390px a fixed right inset leaves it either cramped or overflowing. It
   clears the home indicator via the bottom safe area. */
@media (max-width: 39.999rem) {
  .flash-toast {
    inset-inline: 0;
    margin-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  }

  .flash-toast-item {
    width: auto;
    max-width: none;
  }
}
/* Geist, self-hosted (SIL OFL 1.1, app/assets/fonts/LICENSE-Geist.txt):
   latin subset from @fontsource 5.3.0. Declared here rather than in the
   Tailwind entry because Sprockets rewrites these url()s to digested paths;
   the Tailwind build is served as-is. */
@font-face { font-family: "Geist"; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/geist-sans-latin-400-normal-6b801374b1c9b6bec1652264526db850d132948d32fa26dbdc81907f24fddc24.woff2) format("woff2"); }
@font-face { font-family: "Geist"; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/geist-sans-latin-500-normal-30717b67407de80837b6f41548bb749d5eff077084927d30bd792a2427160bf0.woff2) format("woff2"); }
@font-face { font-family: "Geist"; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/geist-sans-latin-600-normal-10b2388fd038e816a87f4c63a03a6b7f864e9075a359e57e4f2b7f9b1906c7da.woff2) format("woff2"); }
@font-face { font-family: "Geist"; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/geist-sans-latin-700-normal-a27b06af0f8cc84a658f6dd06b4a53d54bdefbe7b59fb8d4d5eaf62a822c4754.woff2) format("woff2"); }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/geist-mono-latin-400-normal-ae4dd1871fd592baec1e18eb3ccfd15b952c6b5a3f4d326595e4045e5756873a.woff2) format("woff2"); }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/geist-mono-latin-600-normal-da1d087f2d55294cfd072767d10ede0e13eb38bf9b64cb13335102fb1c78447d.woff2) format("woff2"); }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */