/* Import Roboto Sans font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap');

/* Global font family setting */
* {
  font-family: 'Roboto', sans-serif;
}

body {
  font-family: 'Roboto', sans-serif;
  margin: 0;
  padding: 0;
}

/* Global button styles for tighter appearance */
button {
  font-family: 'Roboto', sans-serif;
}

/* Ensure all text elements use Roboto */
h1, h2, h3, h4, h5, h6, p, span, div, label, input, textarea, select {
  font-family: 'Roboto', sans-serif;
}

/* Mobile-responsive styles for authenticated app navbar */
@media (max-width: 768px) {
  /* Hide desktop navigation items on mobile */
  [style*="navRight"] > *:not([style*="mobileMenuButton"]) {
    display: none !important;
  }
  
  /* Show mobile menu button */
  [style*="mobileMenuButton"] {
    display: block !important;
  }
  
  /* Show mobile menu when open */
  [style*="mobileMenu"] {
    display: flex !important;
  }
  
  /* Adjust navbar padding for mobile */
  [style*="navbar"] {
    padding: 8px 16px !important;
  }
  
  /* Hide status text on very small screens, keep only dot */
  [style*="statusText"] {
    display: none;
  }
  
  /* Make logo smaller on mobile */
  [style*="logo"] {
    font-size: 16px !important;
  }
  
  /* Adjust status indicator */
  [style*="statusIndicator"] {
    padding: 6px 8px !important;
  }
}

@media (max-width: 480px) {
  /* Further adjustments for very small screens */
  [style*="logo"] {
    font-size: 14px !important;
  }
  
  [style*="logoImage"] {
    width: 24px !important;
    height: 24px !important;
  }
  
  [style*="navLeft"] {
    gap: 8px !important;
  }
}