/* M-50 C-155 家长提问（#/asks）：顶上一条（待回 / 全部 · 超时提醒）→ 一问一张卡。颜色、字号、圆角都从 tokens.css 取。
   琥珀只给「超过 24 小时没回」（欠着、要你处理）；紫 = 来源 / 类别标签（约当面讲）；绿 = 已回。 */
.ak-wrap{display:flex;flex-direction:column;gap:12px;min-width:0}
.ak-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 14px}
/* .ak-seg 的底、按钮、计数都用 studio.css 的 .tabs（C-270） */
.ak-sum{font-size:13px;color:var(--muted)}
.ak-sum.warn{color:var(--amber-t);font-weight:500}
.ak-list{display:grid;gap:10px}
.ak{padding:14px 16px;display:grid;gap:10px;min-width:0}
.ak-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.ak-who{font-size:16px;font-weight:700;line-height:1.35;color:var(--ink)}
.ak-who small{font-size:12px;font-weight:400;color:var(--faint);margin-left:8px}
.ak-wait{font-size:12px;color:var(--muted)}
.ak-at{margin-left:auto;font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums}
.ak-q{margin:0;font-size:15px;line-height:1.65;color:var(--ink);max-width:64ch;overflow-wrap:anywhere}
/* 第四期：家长附的一张图，缩略图点开用题图查看器（触控目标 ≥ 44px） */
.ak-img{justify-self:start;display:block;width:120px;height:90px;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line2);background:var(--soft)}
.ak-img img{display:block;width:100%;height:100%;object-fit:cover}
.ak-img:focus-visible{outline:2px solid var(--pri);outline-offset:2px}
.ak-slot{margin:0;display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}
.ak-slot b{color:var(--ink);font-weight:600}
.ak-slot svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ak-r,.ak-f{border-radius:var(--r-sm);padding:8px 12px;max-width:72ch}
.ak-r{background:var(--soft)}
.ak-f{border:1px solid var(--line)}
.ak-r p,.ak-f p{margin:0;font-size:14px;line-height:1.6;color:var(--ink);overflow-wrap:anywhere}
.ak-r p.ak-meta,.ak-f p.ak-meta{font-size:12px;color:var(--muted);margin-bottom:2px}
.ak-meta b{color:var(--ink);font-weight:600}
.ak-acts{display:flex;justify-content:flex-end}
.ak-ed{display:grid;gap:8px}
.ak-quick{display:flex;flex-wrap:wrap;gap:6px}
.ak-quick button{min-height:44px;padding:0 14px;border:1px solid var(--line2);border-radius:var(--r-pill);background:var(--panel);font:inherit;font-size:13px;color:var(--ink)}
.ak-quick button:hover{background:var(--soft)}
.ak-ed textarea{width:100%;min-height:84px;resize:vertical;border:1px solid var(--line2);border-radius:var(--r-sm);padding:8px 10px;font:inherit;font-size:14px;line-height:1.6;background:var(--panel);color:var(--ink)}
.ak-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:12px}
.ak-row .ak-err{flex:1 1 200px;color:var(--bad);font-weight:500}
/* 第三批补全「可约时间」：一条安静的设置条（小组标题 14/700 + 时段胶囊 + 线框「改时段」），不抢待回列表；编辑时就地展开成 1–4 个输入框 */
.ak-slots{padding:12px 16px;display:grid;gap:10px;min-width:0}
.ak-sh{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.ak-sh h3{margin:0;font-size:14px;font-weight:700;line-height:1.35;color:var(--ink)}
.ak-sub{flex:1 1 240px;font-size:13px;color:var(--muted)}
.ak-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ak-chips li{font-size:14px;line-height:1.4;color:var(--ink);background:var(--tonal);border-radius:var(--r-pill);padding:6px 12px;overflow-wrap:anywhere}
.ak-note{margin:0;font-size:12px;color:var(--muted)}
.ak-sl-ed{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ak-sl-ed li{display:flex;align-items:center;gap:8px;min-width:0}
.ak-sl-ed input{flex:0 1 28em;min-width:0;min-height:44px;border:1px solid var(--line2);border-radius:var(--r-sm);padding:0 12px;font:inherit;font-size:14px;background:var(--panel);color:var(--ink)}
.ak-sl-ed .num{font-size:12px;min-width:4.5em}
.ak-add{justify-self:start}
@media (max-width:700px){
  .ak-slots{padding:12px}
  .ak-sl-ed input{flex:1 1 auto}
  .ak-sl-ed .num{display:none}           /* 手机上让输入框宽一点；字数上限由 maxlength 和说明那句兜着 */
  .ak-bar{padding:10px 12px}
  .ak{padding:12px}
  .ak-at{margin-left:0;flex-basis:100%}
  .ak-row .btn{flex:1}
}