/* 共用緊湊表單樣式（modal_event + modal_contact 共用，套用 .compact-modal class 即生效） */

.compact-modal .customer-info-item textarea {
    max-height: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    overflow-y: hidden; /* 隱藏Y軸滾軸 */
    padding: 2px 6px;
    font-size: 0.9375rem;
    resize: none;
    line-height: normal; /* 確保行高不會撐開高度 */
}

/* 濃縮 modal 版面間距 */
.compact-modal .modal-body {
    height: 75vh;
    /* 再縮小一點 */
    padding: 10px 20px 30px 20px !important;
}

.compact-modal .form-content>div {
    margin-bottom: 2px !important;
}

.compact-modal .customer-info-item {
    margin-right: 1px !important;
    max-width: 145px !important;
    width: 14% !important;
    padding: 0 2px !important;
}

.compact-modal .form-control:not(textarea),
.compact-modal .input-group-text {
    height: 28px;
    min-height: 28px !important;
    padding: 2px 6px !important;
    font-size: 0.9375rem !important;
}

.compact-modal label,
.compact-modal .form-label {
    margin-bottom: 2px !important;
    font-size: 0.9375rem !important;
}

.compact-modal .row.form-content .btn {
    padding: 2px 8px !important;
    height: 28px !important;
    font-size: 0.9375rem !important;
}

.compact-modal .mb-2,
.compact-modal .mb-3,
.compact-modal .mb-4,
.compact-modal .mt-2,
.compact-modal .mt-3,
.compact-modal .mt-4 {
    margin-bottom: 4px !important;
    margin-top: 4px !important;
}

.compact-modal h5 {
    font-size: 1em !important;
    margin-top: 5px !important;
    margin-bottom: 4px !important;
    padding-bottom: 5px !important;
}

.compact-modal .modal-footer,
.compact-modal .modal-header {
    padding: 15px 10px 10px !important;
}

.compact-modal .custom-control {
    margin-bottom: 2px !important;
}

.compact-modal .custom-control-label {
    font-size: 0.9375rem !important;
}

.compact-modal .custom-control-input {
    height: 14px !important;
    width: 14px !important;
}

.compact-modal .canned-message-btn {
    padding: 3px 8px !important;
    font-size: 0.875rem !important;
    margin-right: 4px !important;
    margin-bottom: 4px !important;
}

.compact-modal .quotation-item {
    padding: 8px !important;
    margin-bottom: 8px !important;
}

.compact-modal .quotation-item .form-control {
    height: 26px !important;
    font-size: 0.875rem !important;
}

.compact-modal .quotation-item label {
    font-size: 0.875rem !important;
    margin-bottom: 1px !important;
}

.compact-modal .other-input {
    margin-left: 4px !important;
}

.compact-modal .other-input input {
    height: 20px !important;
    font-size: 0.8125rem !important;
    padding: 1px 4px !important;
}

.compact-modal .compact-input {
    width: 40px !important;
    height: 20px !important;
    padding: 1px 2px !important;
    font-size: 0.8125rem !important;
}

.compact-modal .input-wrap small {
    font-size: 0.8125rem !important;
}

.compact-modal .select2-container .select2-choice {
    height: 26px !important;
    line-height: 24px !important;
}

.compact-modal .select2-container .select2-choices {
    min-height: 26px !important;
}

.compact-modal .select2-container .select2-choices .select2-search-field input {
    height: 24px !important;
    line-height: 24px !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   立案彈窗字級放大 1.2 倍（2026-09-15 客戶要求）

   ⚠️ 只命中 .modal-event（立案彈窗）。modal_contact.blade.php 沒有這個 class，
      所以客戶管理彈窗的字級維持原樣——客戶並未要求改那裡。
      權重 (0,2,1) 高於上方的 .compact-modal (0,1,1)，配合 !important 穩定覆蓋。

   基準：上方原規則為 13 / 12 / 11px 三階（由 e596491「縮小版面的空間」設定）。
   放大後行高需求變大，固定高度必須跟著調，否則欄位會被撐破。

   下次要再調整字級，只改下面這六個變數即可，不必逐條改規則。
   ═══════════════════════════════════════════════════════════════════════ */
.modal-event.compact-modal {
    --cm-font-base: 15.6px;  /* 13 × 1.2 */
    --cm-font-sm: 14.4px;    /* 12 × 1.2 */
    --cm-font-xs: 13.2px;    /* 11 × 1.2 */
    --cm-h-base: 32px;       /* 28 → 32（15.6 × 1.6 行高 + padding + border ≈ 31） */
    --cm-h-sm: 30px;         /* 26 → 30 */
    --cm-h-xs: 24px;         /* 20 → 24 */
}

.modal-event.compact-modal .customer-info-item textarea {
    max-height: var(--cm-h-base) !important;
    height: var(--cm-h-base) !important;
    min-height: var(--cm-h-base) !important;
    font-size: var(--cm-font-base) !important;
}

/* 欄寬同步放寬，緩解放大後內容更容易被 ellipsis 截斷 */
.modal-event.compact-modal .customer-info-item {
    max-width: 174px !important;  /* 145 × 1.2 */
}

.modal-event.compact-modal .form-control:not(textarea),
.modal-event.compact-modal .input-group-text {
    height: var(--cm-h-base) !important;
    min-height: var(--cm-h-base) !important;
    font-size: var(--cm-font-base) !important;
}

.modal-event.compact-modal label,
.modal-event.compact-modal .form-label {
    font-size: var(--cm-font-base) !important;
}

.modal-event.compact-modal .row.form-content .btn {
    height: var(--cm-h-base) !important;
    font-size: var(--cm-font-base) !important;
}

.modal-event.compact-modal .custom-control-label {
    font-size: var(--cm-font-base) !important;
}

/* checkbox 本體同步放大，否則會與放大後的 label 錯位 */
.modal-event.compact-modal .custom-control-input {
    height: 16px !important;
    width: 16px !important;
}

.modal-event.compact-modal .canned-message-btn {
    font-size: var(--cm-font-sm) !important;
}

.modal-event.compact-modal .quotation-item .form-control {
    height: var(--cm-h-sm) !important;
    font-size: var(--cm-font-sm) !important;
}

.modal-event.compact-modal .quotation-item label {
    font-size: var(--cm-font-sm) !important;
}

.modal-event.compact-modal .other-input input {
    height: var(--cm-h-xs) !important;
    font-size: var(--cm-font-xs) !important;
}

.modal-event.compact-modal .compact-input {
    width: 48px !important;   /* 40 × 1.2，放大後兩位數才不會擠 */
    height: var(--cm-h-xs) !important;
    font-size: var(--cm-font-xs) !important;
}

.modal-event.compact-modal .input-wrap small {
    font-size: var(--cm-font-xs) !important;
}

.modal-event.compact-modal .select2-container .select2-choice {
    height: var(--cm-h-sm) !important;
    line-height: 28px !important;
}

.modal-event.compact-modal .select2-container .select2-choices {
    min-height: var(--cm-h-sm) !important;
}

.modal-event.compact-modal .select2-container .select2-choices .select2-search-field input {
    height: 28px !important;
    line-height: 28px !important;
}