/* Main styles file - imports all modular CSS files */

/* Import base styles */
@import url('./base.css');

/* Import view-specific styles */
@import url('./translate.css');
@import url('./forms.css');
@import url('./login.css');
@import url('./docs.css');
@import url('./stream.css');
@import url('./error.css');
@import url('./room.css');

/* Additional global styles that don't fit in other categories */
/* These are styles that are used across multiple views or are truly global */

/* Global mobile responsive utilities */
@media (max-width: 600px) {
    #manual-button {
        display: none;
    }
    
    .connected-snackbar span {
        display: none;
    }
    
    .snackbar-container {
        gap: 0.2rem;
    }
}