/*
全局 Admin（django-unfold）窄屏适配
背景：unfold 未给表单控件定义宽度规则，控件宽度取决于浏览器默认渲染
（text≈20ch、select=最长选项、date/textarea 固有宽度），部分手机浏览器
（如 vivo 自带浏览器）固有宽度更大，导致控件冲出页面。
本文件经 UNFOLD["STYLES"] 注入，在所有 admin 页面加载，
覆盖全部 app 的编辑表单（员工/培训班/文档/全局库/用户等）。
*/

@media (max-width: 1023.98px) {
    /* 1. 多字段行窄屏显式单列并允许收缩，避免隐式 grid 列被内容固有宽度撑宽 */
    #content-main .form-row.field-row.grid {
        grid-template-columns: minmax(0, 1fr);
    }

    /* 2. 表单行/字段容器允许收缩到 0，切断“内容固有宽度”撑破链 */
    #content-main .form-row,
    #content-main .field-row,
    #content-main .field-line,
    #content-main .field-line > div {
        min-width: 0;
        max-width: 100%;
    }

    /* 3. 输入控件统一占满可用宽度（checkbox/radio 保持原有尺寸） */
    #content-main input[type="text"],
    #content-main input[type="date"],
    #content-main input[type="email"],
    #content-main input[type="url"],
    #content-main input[type="number"],
    #content-main input[type="tel"],
    #content-main input[type="search"],
    #content-main input[type="password"],
    #content-main select,
    #content-main textarea {
        width: 100%;
        max-width: 100%;
    }

    /* 4. 多选块（用户/组的 groups、user_permissions）、文件上传、autocomplete
          仅限制上限，避免被固有宽度撑破 */
    #content-main select[multiple],
    #content-main select[size],
    #content-main input[type="file"],
    #content-main .admin-autocomplete,
    #content-main select.admin-autocomplete {
        max-width: 100%;
    }

    /* 5. 长文本内容换行，防止只读值/标签/帮助文本撑破容器
           （unfold 只读值自带 break-words，此处兜底其余文本节点） */
    #content-main .field-line,
    #content-main .field-line * {
        overflow-wrap: break-word;
        word-break: break-word;
    }

    /* 6. 兜底：内容列自身不允许横向溢出
       （overflow-x: clip 不产生滚动容器，不影响 unfold 顶部 sticky 导航） */
    #content-main {
        max-width: 100%;
        overflow-x: clip;
    }
}