/* EllioDB 3.0 — bandeau « version mobile » de la coque (06/09/2026).
   Invisible sur un poste à souris (display:none) : n'entre pas dans la colonne flex de .app-layout.
   Affiché seulement sur écran tactile sans souris (téléphone en « version complète », tablette).
   La coque est mise en page à 1280 px sur ces appareils (meta viewport width=1280) : le bandeau est
   dessiné grand pour rester lisible après la réduction. Variables : shared/css/variables.css. */
.mobile-hint { display: none; }
@media (hover: none) and (pointer: coarse) {
  .mobile-hint { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 24px;
    padding: 18px 24px; font: 600 30px/1.2 'Inter', system-ui, sans-serif;
    background: var(--bg-panel); color: var(--text-main); border-bottom: 1px solid var(--border); }
  .mobile-hint a { color: var(--accent); }
  .mobile-hint button { font-size: 36px; line-height: 1; background: none; border: 0; color: var(--text-muted); padding: 0 12px; cursor: pointer; }
}