/* Ajustes específicos del modo móvil: hereda tokens y componentes de kiosk.css */
.mfs-app-mobile { padding: 20px; }
.mfs-app-mobile .mfs-class-grid { grid-template-columns: 1fr; }
.mfs-app-mobile .mfs-header h1 { font-size: 30px; }
.mfs-app-mobile .mfs-emoji-row { justify-content: space-between; }
.mfs-app-mobile .mfs-emoji-card { min-width: 0; flex: 1 1 18%; padding: 12px 8px; }
.mfs-app-mobile .mfs-emoji { font-size: 30px; }
.mfs-app-mobile .mfs-emoji-label { font-size: 11px; }

.mfs-geo-screen { text-align: center; padding: 90px 0; }
.mfs-geo-icon { font-size: 56px; margin-bottom: 16px; animation: mfs-geo-pulse 1.4s ease-in-out infinite; }
@keyframes mfs-geo-pulse { 0%,100% { transform: scale(1); opacity:1;} 50% { transform: scale(1.15); opacity:.6;} }

.mfs-login-note {
  margin-top: 24px; text-align: center; color: var(--mist); font-size: 14px;
  background: var(--paper); padding: 14px; border-radius: 14px;
}
.mfs-login-note a { color: var(--high); font-weight: 600; }

.mfs-sparkline-box { background: var(--paper); border-radius: 20px; padding: 16px; margin-bottom: 16px; }
.mfs-sparkline { width: 100%; height: auto; display: block; }
.mfs-history-list { display: flex; flex-direction: column; gap: 10px; }
.mfs-history-row {
  background: var(--paper); border-radius: 16px; padding: 14px 16px;
  display: flex; flex-direction: column; gap: 4px;
}
.mfs-history-date { font-size: 13px; color: var(--mist); font-weight: 600; }
.mfs-history-class { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 17px; }
.mfs-history-moods { font-size: 20px; }