/*
 * WHISKER - Main Stylesheet
 * 
 * This file imports all modular CSS components.
 * You can either include this single file, or include 
 * individual component files as needed.
 * 
 * File Structure:
 * ├── variables.css     - CSS custom properties (colors, spacing, etc.)
 * ├── base.css          - Reset, body styles, app container
 * ├── animations.css    - Shared keyframe animations
 * ├── toast.css         - Toast notification styles
 * ├── forms.css         - Input fields, selects, form elements
 * ├── buttons.css       - Button variants and states
 * ├── login.css         - Login screen, auth tabs, logo animations
 * ├── room-selection.css - Room list and room cards
 * ├── header.css        - App header and status badge
 * ├── sidebar.css       - Sidebar, users list, gain controls
 * ├── chat.css          - Chat area, messages, input
 * ├── chat-media.css    - Media attachments, documents, lightbox
 * ├── control-bar.css   - Bottom control bar and buttons
 * ├── settings.css      - Settings panel and toggles
 * ├── members.css       - Member management UI
 * ├── discord.css       - Discord integration styles
 * ├── log-panel.css     - Debug log panel
 * ├── screenshare.css   - Screen share viewer
 * ├── video-viewer.css  - Webcam viewer windows
 * ├── member-status.css - Member status picker (separate file)
 * └── responsive.css    - Mobile responsive overrides
 */

/* Core */
@import url('variables.css');
@import url('base.css');
@import url('animations.css');

/* Components */
@import url('toast.css');
@import url('forms.css');
@import url('buttons.css');
@import url('member-status.css');
@import url('shared-presence.css');

/* Pages/Sections */
@import url('login.css');
@import url('room-selection.css');
@import url('header.css');
@import url('sidebar.css');
@import url('chat.css');
@import url('chat-media.css');
@import url('control-bar.css');
@import url('settings.css');
@import url('members.css');
@import url('discord.css');


/* Overlays/Modals */
@import url('log-panel.css');
@import url('screenshare.css');
@import url('video-viewer.css');
@import url('confirmation-dialog.css');
@import url('dm-panel.css');

/* Responsive - should be last */
@import url('responsive.css');