/* CSS cho dropdown tooltip */
.dropdown-tooltip {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown-tooltip {
    white-space: normal !important;
    word-wrap: break-word !important;
    line-height: 1.4 !important;
}

/* CSS mạnh để ghi đè cho form-select */
select.form-select,
select.form-select-lg,
#doanDaiBieuSelect {
    white-space: normal !important;
    word-wrap: break-word !important;
    line-height: 1.4 !important;
}

/* Xử lý option trong select */
select.form-select option,
select.form-select-lg option,
#doanDaiBieuSelect option {
    white-space: normal !important;
    word-wrap: break-word !important;
    line-height: 1.4 !important;
    padding: 8px 12px !important;
}

.dropdown-tooltip::before {
    content: attr(data-tooltip);
    white-space: pre-line;
}

/* Đảm bảo dropdown không bị che khuất */
.form-select.dropdown-tooltip {
    position: relative;
}

/* Responsive cho mobile */
@media (max-width: 768px) {
    .dropdown-tooltip {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
    
    select.form-select,
    select.form-select-lg,
    #doanDaiBieuSelect {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
}