/* M-52 C-128「管理 · 人员」：一个人一行（名字 / 身份胶囊 / 改名停用），等分配身份的人单独一张卡放最上面。只用 tokens.css 的档位。 */
.sf{display:flex;flex-direction:column;gap:16px;max-width:1080px}
.sf .panel{padding:18px 20px}
.sf h3{margin:0;font-size:18px;font-weight:700;line-height:1.35;display:flex;align-items:baseline;gap:8px}
.sf h3 small{font-size:13px;font-weight:500;color:var(--faint)}
.sf-pend{box-shadow:inset 0 3px 0 var(--pri),0 0 0 1px var(--glass-edge)}   /* 这一页要处理的卡：有人等分配时才出现（M-44 顶条规则） */
.sf-tip{margin:6px 0 0;font-size:13px;color:var(--muted);line-height:1.6;max-width:64ch}
.sf-hd{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 16px}
.sf-can{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:8px 0}
.sf-can dt{font-weight:600;color:var(--ink)}.sf-can dd{margin:0;color:var(--muted)}
.sf-list{list-style:none;margin:12px 0 0;padding:0}
.sf-row{display:grid;grid-template-columns:minmax(150px,1fr) auto 236px;align-items:center;gap:8px 16px;padding:10px 0;border-top:1px solid var(--tonal)}   /* 第三列：改名 / 退出他所有电脑（M-64）/ 停用 */
.sf-row:first-child{border-top:0}
.sf-who{display:flex;flex-direction:column;gap:2px;min-width:0}
.sf-who b{font-size:15px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:6px}
.sf-who small{font-size:12px;color:var(--faint)}
.sf-roles{display:flex;flex-wrap:wrap;gap:6px}
.sf-roles .chip{min-height:44px;padding:0 13px;font-size:14px;background:var(--soft);color:var(--muted)}
.sf-roles .chip:hover:not(:disabled){background:var(--tonal-h);color:var(--ink)}
.sf-roles .chip.on{background:var(--pri-s);border-color:var(--pri-b);color:var(--pri-t)}
.sf-roles .chip:disabled{cursor:default;opacity:1}
.sf-roles .chip.on:disabled{background:var(--pri-s)}
.sf-roles .chip:not(.on):disabled{color:var(--faint)}
.sf-acts{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.sf-row.off .sf-who b{color:var(--muted)}
.sf-log{list-style:none;margin:10px 0 0;padding:0;font-size:13px;color:var(--muted);line-height:1.6}
.sf-log li{padding:6px 0;border-top:1px solid var(--tonal)}.sf-log li:first-child{border-top:0}
.sf-log .num{display:inline-block;min-width:92px;color:var(--faint);font-variant-numeric:tabular-nums}
.sf-log b{color:var(--ink);font-weight:600}.sf-log small{font-size:12px;color:var(--faint)}
@media (max-width:860px){.sf-row{grid-template-columns:1fr}.sf-acts{justify-content:flex-start}}
