/* command_palette.css — 命令面板(⌘K)+ 顶栏搜索按钮 + 范围芯片(FU-ADMIN-GLOBAL-SEARCH)。
 * 令牌全部取自 tokens.css(DESIGN.md §8):color: 只走 var(--color-*),bright teal
 * (--color-accent-bright)仅作非文字(活动项 2px 左缘 / 焦点辉光),绝不作文字色(teal lint)。
 * 复用 modal 的 scrim / floating 阴影 / z=100;无入场动画(对拍 .modal / drawer,克制美学)。 */

/* ===== 顶栏搜索按钮(放大镜 affordance;点击或 ⌘K 打开面板) ===== */
.topbar-search {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  height: 30px;
  padding: 0 var(--space-2) 0 var(--space-3);
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-text-muted);
  background: var(--color-surface);
  border: 1px solid var(--color-border-input);
  border-radius: var(--radius-control);
  cursor: pointer;
  transition: border-color 120ms ease, color 120ms ease;
}
.topbar-search:hover { border-color: var(--color-accent); color: var(--color-text-secondary); }
.topbar-search:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.topbar-search .icon { flex: none; }
.topbar-search-label { flex: none; }
.topbar-search-kbd {
  flex: none;
  padding: 1px 6px;
  font-size: 11px;
  color: var(--color-text-muted);
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
}

/* ===== 范围芯片(按钮变体;复用 .chip 外观,点击打开范围编辑器) ===== */
.chip-scope {
  font-family: var(--font-ui);
  cursor: pointer;
  transition: border-color 120ms ease, color 120ms ease;
}
.chip-scope:hover { border-color: var(--color-accent); color: var(--color-text); }
.chip-scope:focus-visible { outline: none; box-shadow: var(--focus-ring); }

/* 窄屏(≤1100px):藏搜索按钮文字 + kbd,只留放大镜(对拍 topbar 响应式收缩) */
@media (max-width: 1100px) {
  .topbar-search-label, .topbar-search-kbd { display: none; }
  .topbar-search { padding: 0 var(--space-2); }
}

/* ===== 命令面板遮罩 + 盒(顶钉 12vh,对拍 .modal-overlay 的 10vh 约定) ===== */
.cmdk-overlay {
  position: fixed;
  inset: 0;
  background: var(--color-scrim);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 12vh var(--space-4) var(--space-4);
  z-index: 100;
}
.cmdk {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 640px;
  max-height: 64vh;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-surface);
  box-shadow: var(--shadow-floating);
  overflow: hidden;
}
/* 焦点辉光落在整盒上(输入框无边框 → 盒即焦点容器);bright teal 作非文字辉光,合法。 */
.cmdk:focus-within { box-shadow: var(--shadow-floating), var(--focus-ring); }

/* ===== 输入头 ===== */
.cmdk-head {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--color-border);
}
.cmdk-head-icon { display: inline-flex; flex: none; color: var(--color-text-muted); }
.cmdk-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 28px;
  font-family: var(--font-ui);
  font-size: 15px;
  color: var(--color-text);
  background: transparent;
  border: none;
  outline: none;
}
.cmdk-input::placeholder { color: var(--color-text-muted); }
.cmdk-head-kbd {
  flex: none;
  padding: 1px 6px;
  font-size: 11px;
  color: var(--color-text-muted);
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
}

/* ===== 结果列表 ===== */
.cmdk-list { flex: 1 1 auto; overflow-y: auto; padding: var(--space-2); }
.cmdk-group {
  padding: var(--space-2) var(--space-2) var(--space-1);
  font-size: 11px;
  font-weight: 600;
  color: var(--color-text-muted);
}
.cmdk-item {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2);
  border-radius: var(--radius-control);
  border-left: 2px solid transparent;
  cursor: pointer;
}
.cmdk-item-icon { display: inline-flex; flex: none; color: var(--color-text-muted); }
.cmdk-item-title {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 14px;
  color: var(--color-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cmdk-item-meta { display: inline-flex; align-items: center; gap: var(--space-2); flex: none; }
.cmdk-item-group { font-size: 12px; color: var(--color-text-muted); }
.cmdk-item-hint { font-size: 12px; color: var(--color-text-muted); }
/* 活动项 = 列表区唯一一道 teal(漫染 + 2px 左缘,均非文字);对拍表格活动行约定。 */
.cmdk-item.is-active {
  background: var(--color-accent-tint);
  border-left-color: var(--color-accent-bright);
}
.cmdk-item.is-active .cmdk-item-icon { color: var(--color-text-secondary); }
.cmdk-empty {
  padding: var(--space-6) var(--space-2);
  text-align: center;
  font-size: 13px;
  color: var(--color-text-muted);
}

/* ===== 底栏键位提示 ===== */
.cmdk-foot {
  flex: none;
  padding: var(--space-2) var(--space-4);
  font-size: 12px;
  color: var(--color-text-muted);
  border-top: 1px solid var(--color-border);
}

/* ===== 范围编辑器:custom 字段折叠 ===== */
.cmdk-hidden { display: none; }