/* 顶部摘要条（.act-hero）：三端共用 —— 剪辑师我的任务 / 投放矩阵 / 管理员总览。
   单独成文件是因为 polish.css 已到 400 行红线（C2.308）。 */
/* ---------- 顶部摘要条改成「横铺」：数字独立一列 + 分隔线 + 右对齐操作（C2.308）
   原来数字和文字挤在一起、按钮被顶到很远，视觉上像卡片漂浮在标题下面。
   改成一个整条：左列数字（下带小字），右边内容与操作同一行基线。 ---------- */
.act-hero{
  display:flex;
  align-items:center;
  gap:0;
  padding:0;
  width:100%;
  margin-left:0;
  margin-right:0;
  overflow:hidden;
}
.act-hero .n{
  flex:0 0 104px;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  padding:10px 8px;
  border-right:1px solid var(--line3);
  font-size:26px;
  line-height:1;
}
.act-hero.is-todo .n::after{
  content:"件待处理";
  font-family:var(--sans, inherit);
  font-size:11px;
  font-weight:400;
  color:var(--txt3);
  letter-spacing:0;
}
.act-hero > div:not(.ops){flex:1;min-width:0;padding:12px 16px}
.act-hero .t{font-size:13.5px;font-weight:600}
.act-hero .s{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.act-hero .ops{margin-left:auto;padding-right:14px;display:flex;align-items:center;gap:8px;flex:0 0 auto}
@media (max-width:720px){
  .act-hero{flex-wrap:wrap}
  .act-hero .n{flex:0 0 100%;flex-direction:row;gap:8px;border-right:0;border-bottom:1px solid var(--line3)}
  .act-hero.is-todo .n::after{font-size:12px}
  .act-hero .ops{width:100%;padding:0 14px 12px;justify-content:flex-end}
}