/* =========================================================================== * What every base template shows the same way - the sandbox banner, the toast * container, the Thesr Sync dialog, the old-browser warning - written here * rather than in a style="" attribute on each of them. * * Loaded by base.html, base_app.html, base_nostyle.html and sync/base_iframe.html. * An inline style attribute is what the Content Security Policy's * style-src-attr refuses, and these were most of the reports on every page * (22 September). * ======================================================================== */ /* Le rappel d'essai, en pastille plutôt qu'en bandeau. * * Il occupait toute la largeur, en jaune d'alerte, en permanence : le premier * mot que lisait un prospect était « limitée ». La phrase reste - une durée et * un quota se disent - mais posée en bas, discrète, et transparente aux clics * pour ne couvrir aucun bouton (23 septembre). */ .sandbox-banner { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10000; display: flex; justify-content: center; padding: 0 1rem 0.75rem; pointer-events: none; } .sandbox-banner__pill { max-width: min(100%, 34rem); padding: 0.3rem 0.85rem; border: 1px solid rgba(15, 23, 42, 0.1); border-radius: 999px; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(6px); box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08); color: #64748b; font-size: 0.78rem; line-height: 1.35; text-align: center; } #toast-container { position: fixed; bottom: 20px; right: 20px; z-index: 1050; } .sync-modal__body { height: 80vh; } .sync-modal__frame { width: 100%; height: 100%; border: 0; } /* Thesr Sync's list of categories to file into (sync/pending.html). */ .sync-cat-tree { width: 100%; max-height: 200px; overflow: auto; border: 1px solid #ccc; padding: 4px; } /* The old-browser warning: hidden until browser_check.js shows it (it sets display: flex itself); the