/* ============================================================
 * mode.css —— 简单 / 专业 双模式
 *  简单模式：顶栏只留 智能报账 / 简化报税 / 引导向导 + ⚙设置，
 *           「更多」菜单整体收起；专业模式与现状完全一致。
 *  显隐由 js/mode.js 控制（body.mode-simple / body.mode-pro），
 *  这里只管样式，保证专业模式下零改动。
 * ============================================================ */

/* ---------- 顶栏模式切换（分段控件） ---------- */
.mode-switch {
  display: inline-flex;
  align-items: center;
  background: var(--muted, #f1f3f7);
  border-radius: 999px;
  padding: 3px;
  gap: 2px;
  flex: none;
}
.mode-switch button {
  border: 0;
  background: transparent;
  color: var(--ink-2, #5a6478);
  font-size: 12.5px;
  line-height: 1;
  padding: 6px 12px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .15s, color .15s, box-shadow .15s;
  white-space: nowrap;
}
.mode-switch button:hover {
  color: var(--ink, #1c2333);
}
.mode-switch button.on {
  background: var(--card, #fff);
  color: var(--ink, #1c2333);
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(16, 24, 40, .14);
}

/* ---------- 简单模式专属的 ⚙ 设置入口 ---------- */
.btn-simple-settings { display: none; }
body.mode-simple .btn-simple-settings { display: inline-flex; }

/* ---------- 简单模式下收起「更多」与全局搜索以外的杂物 ---------- */
/* 搜索栏保留（不懂就搜，是新手的救命入口） */
body.mode-simple .tab-more { display: none; }