/* 1. 基礎和變數 (最先導入，為所有後續樣式提供基礎) */
@import url('./base/_variables.css');
@import url('./base/_reset.css');

/* 2. 組件 (可重用 UI 元素) */
@import url('./components/activity-detail-panel.css');
@import url('./components/chatroom-input-area.css');
@import url('./components/join-activity-panel.css');
@import url('./components/user-info-panel.css');
@import url('./components/zoom-picture.css');

/* 3. 佈局 (定義主要結構和框架) */
@import url('./layout/chat-layout.css');
@import url('./layout/header.css');
@import url('./layout/sidebar.css');

/* 4. 頁面級覆蓋與主要響應式 (確保響應式樣式最後載入以覆蓋) */
/* ❗ 這是原 chat.css 中未被分解的剩餘樣式 */
/* ❗ 這是原 chat_responsive.css 中所有媒體查詢內容 */
@import url('./responsive/chat-responsive.css');