/**
 * H/T共通スタイル - キーボード表示時のレイアウト最適化
 * BT-A1000M (viewport 438px) でソフトキーボード表示時に入力欄が見えなくなる問題を解決
 *
 * 使い方: 各H/T画面の index.html で読み込む
 *   <link rel="stylesheet" href="../../components/ht-common.css">
 */

/* キーボード表示時: ヘッダーを1行に縮小 */
.ht-keyboard-open .ht-header {
    padding: 4px 16px;
}

.ht-keyboard-open .ht-title {
    font-size: 14px;
    margin-bottom: 0;
}

.ht-keyboard-open .ht-plan-info {
    display: none;
}

/* キーボード表示時: フッターを非表示 */
.ht-keyboard-open .ht-footer {
    display: none;
}

/* キーボード表示時: メインエリアのパディング縮小 */
.ht-keyboard-open .ht-main {
    padding: 8px 16px;
}

/* キーボード表示時: 指示エリア縮小 */
.ht-keyboard-open .instruction-area {
    padding: 6px 12px;
    margin-bottom: 8px;
}

.ht-keyboard-open .instruction-row {
    margin-bottom: 2px;
}

/* キーボード表示時: プロンプト縮小 */
.ht-keyboard-open .prompt-area {
    margin-bottom: 8px;
}

.ht-keyboard-open .prompt-label {
    font-size: 14px;
}

/* キーボード表示時: 進捗エリア非表示 */
.ht-keyboard-open .progress-area {
    display: none;
}

/* キーボード表示時: 入力欄の余白縮小 */
.ht-keyboard-open .input-area {
    gap: 8px;
    margin-bottom: 8px;
}

.ht-keyboard-open .ht-input {
    min-height: 44px;
    padding: 8px 12px;
}

/* キーボード表示時: メッセージ縮小 */
.ht-keyboard-open .error-message,
.ht-keyboard-open .success-message {
    padding: 6px 12px;
    margin-bottom: 8px;
    font-size: 13px;
}