/* Hikos · 适配层 · 好友页补件（src/backend/friends.js，任务 f82dcf89 / 修士 #20136 ①）。
   三处都要一致：经典壳（body:not(.km-u)）、宇宙模式的聊天窗（#kmu .kmw-chat）、无边框皮肤（html[data-km-edge=none]：
   不画硬线，用层次 / 光晕区分）。颜色一律走 kmind/tokens.css 的 --k-* 令牌，核心旧变量只做兜底。 */

/* ---- 我的编号：顶部芯片（每个标签都在）/ 资料卡 · 设置里的行内条 ---- */
.kmb-my-no.kmb-me-chip{display:inline-flex;align-items:center;gap:8px;margin:0 0 0 12px;padding:4px 6px 4px 10px;border-radius:999px;background:rgba(var(--k-acc-rgb,59,130,255),.10);border:1px solid rgba(var(--k-acc-rgb,59,130,255),.22);flex:none;max-width:100%}
.kmb-my-no.kmb-me-chip>span{font-size:11px;color:var(--k-mute,var(--muted,#8a8c9b));white-space:nowrap}
.kmb-my-no.kmb-me-chip>b{font-size:13px;letter-spacing:.3px;font-variant-numeric:tabular-nums;color:var(--k-ink,var(--text));user-select:all}
.kmb-my-no.kmb-me-chip>.outline,.kmb-my-no>.outline{margin:0;height:24px;padding:0 9px;border-radius:999px;font-size:11px;line-height:1;border:1px solid rgba(var(--k-acc-rgb,59,130,255),.35);color:var(--k-acc,#3b82ff);background:transparent;cursor:pointer}
.kmb-my-no>.outline:hover{background:rgba(var(--k-acc-rgb,59,130,255),.14)}
.kmb-my-no.kmb-me-inline{margin:8px 0 4px;align-self:flex-start}
.kmb-my-no>b.kmb-no-err{color:var(--k-danger,#ff7a6e);font-size:12px}
.channelhead .kmb-me-chip{margin-right:auto}
@media (max-width:720px){.channelhead .kmb-me-chip>span{display:none}.channelhead .kmb-me-chip{margin-left:6px}}

/* Add Friend 页那张卡：跟令牌走（remote.css 里的旧写法用的是核心变量，宇宙模式下发灰） */
.kmb-my-no:not(.kmb-me-chip){background:rgba(var(--k-acc-rgb,59,130,255),.07);border:1px solid rgba(var(--k-acc-rgb,59,130,255),.18);color:var(--k-ink,var(--text))}
.kmb-my-no:not(.kmb-me-chip)>span,.kmb-my-no:not(.kmb-me-chip)>small{color:var(--k-mute,var(--muted,#8a8c9b))}
.kmb-my-no:not(.kmb-me-chip)>b{color:var(--k-ink,var(--text))}

/* ---- 精确查找结果卡（搜索框上方 / Add Friend 输入框下方）---- */
.kmb-exact-slot:empty{display:none}
.kmb-add-lookup{margin:-6px 0 14px}
.kmb-add-lookup:empty{display:none}
.kmb-exact{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;padding:12px 14px;border-radius:12px;background:var(--k-bg2,var(--bg-2,rgba(127,127,127,.08)));border:1px solid var(--k-line,var(--line,rgba(127,127,127,.18)));color:var(--k-ink,var(--text))}
.kmb-exact-who{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.kmb-exact-who>span{display:flex;flex-direction:column;min-width:0}
.kmb-exact-who strong{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kmb-exact-who small{font-size:11.5px;color:var(--k-mute,var(--muted,#8a8c9b));font-variant-numeric:tabular-nums}
.kmb-exact-act{display:flex;align-items:center;gap:8px;flex:none}
.kmb-exact-act small{font-size:11.5px;color:var(--k-mute,var(--muted,#8a8c9b))}
.kmb-exact-act .primary{height:30px;padding:0 14px;border-radius:8px;border:0;background:var(--k-acc,#3b82ff);color:var(--k-on-acc,#fff);font-weight:600;font-size:12.5px;cursor:pointer}
.kmb-exact-act .outline{margin:0;height:30px;padding:0 12px;border-radius:8px;font-size:12.5px;border:1px solid var(--k-line,var(--line));color:var(--k-ink2,var(--text));background:transparent;cursor:pointer}
.kmb-exact-none,.kmb-exact-wait,.kmb-exact-off{flex-direction:column;align-items:flex-start;gap:4px}
.kmb-exact-none b{font-size:13px}
.kmb-exact-none small,.kmb-exact-wait small,.kmb-exact-off small{font-size:12px;line-height:1.5;color:var(--k-mute,var(--muted,#8a8c9b))}
.kmb-exact-wait{border-style:dashed}
.kmb-search-hint{margin:6px 0 10px;font-size:11.5px;color:var(--k-mute,var(--muted,#8a8c9b))}
.kmb-search-hint b{color:var(--k-ink2,var(--text));font-weight:600}

/* ---- 开关没开：横幅 ---- */
.kmb-friends-off{display:flex;flex-direction:column;gap:4px;margin:0 0 14px;padding:12px 14px;border-radius:12px;background:rgba(var(--k-amber-rgb,224,134,0),.10);border:1px solid rgba(var(--k-amber-rgb,224,134,0),.28);color:var(--k-ink,var(--text))}
.kmb-friends-off b{font-size:13px}
.kmb-friends-off small{font-size:12px;line-height:1.5;color:var(--k-mute,var(--muted,#8a8c9b))}
form[data-form="add-friend"] input:disabled,form[data-form="add-friend"] button:disabled{opacity:.5;cursor:not-allowed}

/* ---- 无边框皮肤：线退成层，焦点发光 ---- */
html[data-km-edge=none] .kmb-exact,html[data-km-edge=none] .kmb-my-no:not(.kmb-me-chip){border-color:transparent;background:rgba(var(--k-layer-rgb,255,255,255),.06);box-shadow:inset 0 0 0 1px rgba(var(--k-layer-rgb,255,255,255),.05)}
html[data-km-edge=none] .kmb-my-no.kmb-me-chip{border-color:transparent;box-shadow:0 0 18px -8px rgba(var(--k-acc-rgb,59,130,255),.8)}
html[data-km-edge=none] .kmb-friends-off{border-color:transparent;box-shadow:inset 0 0 0 1px rgba(var(--k-amber-rgb,224,134,0),.22)}
html[data-km-edge=none] .kmb-exact-act .outline,html[data-km-edge=none] .kmb-my-no>.outline{border-color:transparent;background:rgba(var(--k-acc-rgb,59,130,255),.12)}

/* ---- 宇宙模式的聊天窗：窄容器下换行、芯片收紧 ---- */
#kmu .kmw-chat .channelhead .kmb-me-chip{margin-left:8px;padding:3px 5px 3px 9px}
#kmu .kmw-chat .kmb-exact{padding:10px 12px}
@container kmchat (max-width:620px){.kmw-chat .channelhead .kmb-me-chip>span{display:none}.kmw-chat .kmb-exact{gap:8px}.kmw-chat .kmb-exact-act{width:100%;justify-content:flex-end}}
