/**
 * 账号多选面板的两条增补（C2.129）：公共池置顶 + 按剪辑师筛选。
 *
 * 面板的基础版式（.ap / .ap-bar / .ap-item 等）仍在 polish-2.css 第 29 节，
 * 这里只放这次新增的两块：置顶头卡、筛选下拉。拆开是因为 polish-2.css 已经 390 行。
 */

/* 公共池置顶：整组做成一张带琥珀左边框的卡，和普通分组一眼分得开。
   用琥珀（不是红）——它是「待派给兼职」的提示色，不是告警。 */
.ap-grp.is-pool {
  border: 1px solid var(--line-amber);
  border-left: 3px solid var(--amber);
  border-radius: 9px;
  background: var(--amber-d);
  padding: 5px 8px 7px;
  margin: 2px 0 9px;
}
.ap-grp.is-pool .ap-grp-h b {
  color: var(--amber);
  font-weight: 700;
}
.ap-grp.is-pool .ap-item:hover {
  background: color-mix(in srgb, var(--amber) 15%, transparent);
}
/* 「置顶」小标：说明它为什么排第一，不然用户会以为排序坏了 */
.ap-pin {
  font-style: normal;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.4px;
  line-height: 15px;
  padding: 0 5px;
  border-radius: 999px;
  color: var(--amber);
  border: 1px solid var(--line-amber);
  background: var(--panel);
  flex: 0 0 auto;
}

/* 按剪辑师筛选：尺寸吃 .sel-mini 那套（28px 高 + 自绘下拉箭头），这里只管宽窄。
   注意别写 background 简写——它会把 app.css 里 select 的下拉箭头背景图一起清掉。 */
.ap-bar .ap-owner {
  flex: 0 1 auto;
  min-width: 110px;
  max-width: 170px;
  border-radius: 7px;
}

/* 搜索 + 筛选叠起来一条都不剩时，明确说一句「是筛没了，不是没账号」 */
.ap-none {
  margin: 10px 0 4px;
  text-align: center;
  color: var(--txt3);
}

/* ---------- C2.247 账号行带「设备号」 ---------- */

/* 一行里多了「设备 xx」：原来 150px 一列塞不下 handle + 设备 + 评级，
   会被挤成两行、或者顶出格子。实测（14px 粗体 handle + 设备标签 + 评级徽章）
   需要约 240px，列宽给到 228px 再靠弹窗加宽兜住，账号名才不会被截成省略号。 */
.ap-grp-body {
  grid-template-columns: repeat(auto-fill, minmax(244px, 1fr));
}

/* 账号名走 14px 粗体（account-identity.css），在 200px 格子里遇到超长 handle
   会把后面的设备号顶出去。这里只补省略号兜底，不动字号和粗细。 */
.ap-item .acc-handle {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 设备号：跟账号走，所以用描边不用实心 —— 实心会和评级徽章抢注意力。
   tabular-nums 让「设备 08 / 设备 108」的数字对齐，一列扫下去不错行。 */
.ap-dev {
  flex: 0 0 auto;
  max-width: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  padding: 0 5px;
  border-radius: 999px;
  border: 1px solid var(--line2);
  background: var(--soft);
  color: var(--txt2);
  font-variant-numeric: tabular-nums;
}

/* 账号弹窗比普通 wide 再宽一档：4 列 × 228px 才不至于把 handle 截成省略号。
   只作用于「含账号选择器」的弹窗，其它 wide 弹窗（明细、长表单）宽度不变。 */
.modal.wide:has(.ap) {
  max-width: 1100px;
}

/* ---------- C2.248 指派弹窗：名下 / 公共池 / 其他，三组要有区隔 ---------- */

/* 三组用左边框分等级：绿色 = 他自己的（最自然的选择）、琥珀 = 公共池（沿用原有语义）、
   灰虚线 = 别人的号（能用，但要有「这不是他的」的心理预期）。
   只改左边框和底色，不动卡片形状 —— 三组仍然是一套东西，不是三种组件。 */
.ap-grp.is-mine {
  border-left: 3px solid var(--brand);
  padding-left: 8px;
  margin: 2px 0 9px;
}

.ap-grp.is-others {
  border-left: 2px dashed var(--line2);
  padding-left: 8px;
  margin: 2px 0 9px;
}

/* 组说明：空组的「他名下还没有账号，从下面挑」也走这里 */
.ap-grp-note {
  margin: 1px 0 5px;
  font-size: 11.5px;
  line-height: 1.5;
  color: var(--txt3);
}

/* 「选中整组」推到行尾：三组标题长短不一，跟着标题走就会参差成一排锯齿 */
.ap-grp-h button[data-grp] {
  margin-left: auto;
}

/* 空组只留标题和说明，不再撑出一块空白 */
.ap-grp.is-empty {
  padding-bottom: 2px;
}

.ap-grp.is-empty .ap-grp-h b {
  color: var(--txt3);
}

/* 组与组之间拉开一点，靠边框分不开时还有留白兜底 */
.ap-grp + .ap-grp {
  margin-top: 10px;
}