/* 共用緊湊表單樣式（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: 13px;
    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: 13px !important;
}

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

.compact-modal .row.form-content .btn {
    padding: 2px 8px !important;
    height: 28px !important;
    font-size: 13px !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: 13px !important;
}

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

.compact-modal .canned-message-btn {
    padding: 3px 8px !important;
    font-size: 12px !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: 12px !important;
}

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

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

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

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

.compact-modal .input-wrap small {
    font-size: 11px !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;
}