/* 弹窗的高度上限与滚动（C2.187）
 *
 * 起因：新建看板任务内容变长后（有效期从两个日期框变成「日期 + 时刻」两组），
 * 440px 宽的普通弹窗没有滚动区 —— 整块被 mask 居中撑出视口，
 * 底部的「取消 / 挂上看板」直接看不见，弹窗等于没法提交。
 *
 * 之前只有 `.modal.wide` 的内容区带 max-height（录入任务那种长表单）。
 * 现在统一：标题栏与按钮栏钉住、只有内容区滚，任何弹窗都不会高过视口。
 * 用 dvh：手机浏览器地址栏收放时 100vh 会跳。
 */
.mask{overflow:auto}
.modal{display:flex;flex-direction:column;max-height:calc(100dvh - 40px);position:relative}
/* relative 是给补选覆盖层（.pk）用的：它要盖住整个弹窗，又不该另开一层弹窗 */
.modal-h,.modal-f{flex:0 0 auto}
.modal-b{flex:1 1 auto;min-height:0;overflow:auto}

/* 第三档宽度（C2.282）：wide 的 820px 装不下「完成情况」那张 8 列表
 * （账号 / 归属 / 归属设备 / 状态 / 进度 / 关键时间 / 佣金 / 备注）。
 * 设备号在 v0.68.32 从 `pool_01` 改成「黑SE 49号 (G002)」之后又多占十几像素，
 * 820px 下只能显示到「黑SE 49号 (…」——括号里的标签正是区分两台同型号机器的凭据。
 * 放在这里而不是 app.css：那边已经贴到 400 行红线。
 * 弹窗宽度都写在 app.css（.modal / .modal.wide），这属于同一族，就近放。 */
.modal.xl{max-width:980px}