/* ========================================
   Chat Fullscreen - 輸入區域
   基礎樣式在 components/chat/_chat-base.css
   此檔案只設定 fullscreen 專用變數
   ======================================== */

/* ========================================
   Fullscreen 模式變數設定
   ======================================== */
.je-chat-input-section.is-fullscreen {
    /* 輸入區容器 */
    --je-chat-section-padding: var(--je-space-4) var(--je-space-6);
    --je-chat-section-bg: var(--je-bg-primary);
    --je-chat-section-border-top: none;

    /* 輸入列間距 */
    --je-chat-input-gap: var(--je-space-3);

    /* 輸入框 */
    --je-chat-wrapper-gap: var(--je-space-2);
    --je-chat-input-bg: var(--je-bg-secondary);
    --je-chat-input-border: var(--je-border-primary);
    --je-chat-input-padding: var(--je-space-2) var(--je-space-3);
    --je-chat-wrapper-max-height: none;

    /* 文字區 */
    --je-chat-input-font-size: var(--je-text-base, 16px);
    --je-chat-input-height: var(--je-space-6, 24px); /* 原始: 24px */
    --je-chat-input-max-height: 150px; /* 固定尺寸，無對應變數 */

    /* 按鈕 */
    --je-chat-btn-size: var(--je-space-9, 36px); /* 原始: 36px */
    --je-chat-upload-btn-size: var(--je-space-10, 40px); /* 原始: 40px */
    --je-chat-theme-color: var(--je-primary);
    --je-chat-theme-color-hover: var(--je-primary-600, #ea580c);
}

/* ========================================
   Fullscreen 專用結構
   ======================================== */

/* 置中容器 */
.je-chat-input-section.is-fullscreen .je-chat-input-container {
    max-width: 768px; /* 固定寬度，無對應變數 */
    margin: 0 auto;
    position: relative;
}

/* 預覽區樣式已移至 components/chat/_chat-base.css (.je-preview-area) */
/* fullscreen 模式的預覽區間距調整 */
.je-chat-input-section.is-fullscreen .je-preview-area {
    margin-bottom: var(--je-space-3);
}

/* 建議問題容器 - 使用共用元件 .suggested-questions-container 和 .suggested-questions-list */
/* 基礎樣式已在 _chat-base.css 定義，此處僅保留 fullscreen 特有覆蓋 */

/* 上傳選單 */
.je-chat-input-section.is-fullscreen .je-file-button-wrapper .dropdown-menu {
    min-width: var(--je-space-30, 120px); /* 原始: 120px */
}
