/* ============================================================================
   KP-FORM-POPPER —— 下拉列表 / 日期选择框「显示不全」统一修正
   ----------------------------------------------------------------------------
   问题表 2026-09-29：
     · 第 1 条（所有页面）：「所有弹出框对应下拉框 —— 后台返回的下拉列表、
       日期选择框大部分显示不全」
     · 第 12 条（MyDefineReport\PackingOrderTimespan）：OrderTimespan 自动下拉
       选择框文本被 ** 省掉，必须完全显示，并要求"所有类似情况都需要检查修正"

   根因（两处，缺一不可）：
     ① Element UI 给下拉项写死了 `white-space: nowrap; overflow: hidden;
        text-overflow: ellipsis;` ⇒ 品名/客户名一长就变成「张记塑料制…」或 ***。
     ② 下拉面板（.el-select-dropdown / .el-autocomplete-suggestion）的宽度由
        popper.js 设成**与触发输入框同宽**（inline style）。弹窗里的输入框常只有
        150~160px，面板跟着这么窄 —— 就算允许换行也挤成一条竖线。

   修法：下拉项放开换行 + 面板给最小宽度（min-width 优先于 popper 写的 width，
   所以不必去改 JS）。日期/时间控件同理：弹窗里被挤到看不见内容。

   与 kp-scrollbar.css 一样逐页注入（本项目没有全局 Layout），
   一处改、全站生效。这里只放"控件显示"规则，版式/布局请放 kp-element-compact.css。
   ========================================================================== */

/* ---------- 1. 下拉项：允许换行，不再截断成省略号 ---------- */
.el-select-dropdown__item,
.el-select-dropdown__item > span,
.el-autocomplete-suggestion li,
.el-cascader-node__label,
.el-cascader-menu__item,
.el-dropdown-menu__item {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: break-all;
    height: auto !important;
    line-height: 1.5 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* 下拉项高度放开后，选中态的勾选图标不要跟着跑位 */
.el-select-dropdown__item.selected {
    font-weight: 600;
}

/* ---------- 2. 面板宽度：不再被窄输入框带瘦 ----------
   popper.js 会把 width 写成 inline style，min-width 仍然优先，无需改 JS。 */
.el-select-dropdown,
.el-autocomplete-suggestion,
.el-cascader__dropdown,
.el-dropdown-menu {
    min-width: 240px !important;
    max-width: 520px !important;
    width: auto !important;
}

/* 弹窗里的下拉面板不要溢出到屏幕外 */
.el-select-dropdown,
.el-autocomplete-suggestion {
    box-sizing: border-box;
}

/* ---------- 3. 日期 / 日期时间 / 时间选择 ---------- */
.el-picker-panel,
.el-date-picker,
.el-date-range-picker,
.el-time-panel {
    min-width: 300px !important;
}

/* 输入框在窄弹窗里被挤没：给个下限，让 yyyy-MM-dd 能完整显示 */
.el-date-editor.el-input,
.el-date-editor.el-input__inner {
    min-width: 175px !important;
}

.el-date-editor .el-input__inner {
    padding-left: 28px;
    padding-right: 8px;
}

/* 范围选择（两个日期 + 中间分隔符）需要更宽 */
.el-date-editor--daterange.el-input__inner,
.el-date-editor--datetimerange.el-input__inner {
    min-width: 340px !important;
}

/* ---------- 4. 表单 label：允许换行，不被压成一行半截 ---------- */
.el-form-item__label {
    white-space: normal;
    line-height: 1.5;
}

/* ---------- 5. 单元格内的只读文本也别再省略（配合 show-overflow-tooltip）----------
   kp-grid 的列默认开了 show-overflow-tooltip，鼠标悬停能看到全文，
   这里只保证**短文本不会平白被截断**。 */
.el-table .cell {
    line-height: 1.5;
}

/* ---------- 6. 点名加宽的面板（问题表第 12 条：MyDefineReport\PackingOrderTimespan
   的品名联想 / 供应商下拉，文本被 ** 省掉）----------
   用法：在 el-select / el-autocomplete 上加 popper-class="kp-popper-wide"。
   比默认再宽一档，供应商全称、长品名能一行放得下。 */
.kp-popper-wide {
    min-width: 320px !important;
    max-width: 560px !important;
    width: auto !important;
}

.kp-popper-wide .el-select-dropdown__item,
.kp-popper-wide li {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: break-all;
    height: auto !important;
    line-height: 1.5 !important;
}