/* Estilos del contenedor de la aplicación (carga, avisos y estado ocupado). Los estilos de la web están en app.css. */
html, body { margin: 0; background: #0D0D0E; }
.fo-loading { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; color: #B5B4AE; font-family: Barlow, system-ui, sans-serif; }
.fo-loading img { max-width: 60vw; height: auto; }
html.fo-busy, html.fo-busy * { cursor: progress !important; }
#fo-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%) translateY(20px); z-index: 9999; max-width: min(560px, calc(100vw - 32px));
  background: #1C1C1E; color: #F4F3EF; border-left: 4px solid #FF6200; border-radius: 10px; padding: 12px 16px; font: 500 15px/1.4 Barlow, system-ui, sans-serif;
  box-shadow: 0 10px 30px rgba(0,0,0,.5); opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; }
#fo-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }