/* ========================================
   Chat Fullscreen - 訊息區域
   基礎樣式在 components/chat/_chat-base.css
   此檔案只設定 fullscreen 專用變數和結構
   ======================================== */

/* ========================================
   Fullscreen 模式變數設定
   ======================================== */
.je-chat-messages-section.is-fullscreen {
    /* 訊息區 */
    --je-chat-messages-padding: var(--je-space-6);
    --je-chat-messages-gap: var(--je-space-4);
    --je-chat-messages-max-width: 768px; /* 固定寬度，無對應變數 */
    --je-chat-messages-bg: var(--je-bg-primary);

    /* 歡迎畫面 */
    --je-chat-empty-padding: var(--je-space-12) var(--je-space-4);
    --je-chat-avatar-size: var(--je-space-20, 80px); /* 原始: 80px */
    
}

/* ========================================
   主內容區配置
   ======================================== */
.je-chat-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    background: var(--je-bg-primary);
    position: relative;
}

/* ========================================
   Fullscreen 歡迎畫面增強
   ======================================== */
.je-chat-messages-section.is-fullscreen .je-chat-empty-state h1 {
    font-size: var(--je-text-2xl);
}

.je-chat-messages-section.is-fullscreen .je-chat-empty-state p {
    font-size: var(--je-text-base);
    max-width: 400px; /* 固定寬度，無對應變數 */
}

/* 全頁面版機器人訊息氣泡 - 添加邊框 */
.je-chat-messages-section.is-fullscreen .je-chat-message.bot .je-chat-message-bubble {
    background: var(--je-bg-secondary);
    border: 1px solid var(--je-border-primary);
}

/* 全頁面版頭像 - 較大尺寸 */
.je-chat-messages-section.is-fullscreen .je-chat-message-avatar {
    width: var(--je-space-10, 40px); /* 原始: 40px */
    height: var(--je-space-10, 40px); /* 原始: 40px */
    font-size: var(--je-text-base); /* 原始: 16px */
    background: var(--je-primary);
    color: var(--je-white);
    font-weight: var(--je-font-semibold);
}