/* Toast générique réutilisable (own report: "créer un fichier toast.css
   et .js, on le charge si besoin") - contrairement à
   .q-surah-status-toast (surah-player.css, ancré au-dessus du player de
   surah_detail.html via un ancêtre positionné spécifique à cette page),
   celui-ci est position:fixed, donc valable sur n'importe quelle page
   qui charge ce fichier sans dépendre d'un ancêtre particulier.
   [data-q-toast] (pas de markup à ajouter par page - toast.js crée
   l'élément à la demande). */
[data-q-toast] {
    position: fixed;
    left: 50%;
    top: 1rem;
    transform: translateX(-50%);
    z-index: 50;
    max-width: calc(100% - 2rem);
    padding: 0.5rem 0.875rem;
    border-radius: 999px;
    border: 1px solid var(--app-popover-border);
    background: var(--app-popover-bg);
    box-shadow: 0 8px 28px rgb(0 0 0 / 20%);
    color: var(--app-popover-text);
    font-size: calc(0.8125rem * var(--q-ui-scale, 1));
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}