/* 目录（侧栏）和总览共用的「视图」按钮和菜单（catalog-view.js）。跟侧栏改版同一套克制做法：
   细描边、浅底、选中用白底浮起，不用大色块。 */
.cv-bar { display: flex; align-items: center; gap: 8px; min-width: 0; }

/* 侧栏：贴在搜索框下面，跟搜索框左右对齐 */
.cv-side { padding: 0 16px 6px; }

/* 总览：在卡片上面一行 */
.cv-dash { margin: 2px 0 14px; }
.cv-dash.hidden { display: none; }

/* 视图按钮 */
.cv-viewbtn {
  display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%;
  height: 28px; padding: 0 10px; border: 0; border-radius: 7px; cursor: pointer;
  background: rgba(0, 0, 0, 0.045); color: #3a3a3c; font: inherit; font-size: 12px;
}
.cv-viewbtn:hover { background: rgba(0, 0, 0, 0.07); }
.cv-side .cv-viewbtn { width: 100%; }
.cv-viewbtn-ico { color: #8e8e93; font-size: 12px; }
.cv-viewbtn-text { min-width: 0; flex: 1; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cv-caret { color: #aeaeb2; font-size: 9px; margin-left: 2px; }

/* 弹出菜单 */
.cv-pop {
  position: fixed; z-index: 2000; min-width: 210px; max-width: 280px; max-height: 60vh; overflow: auto;
  padding: 6px; border-radius: 10px; background: #fff;
  box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.12), 0 10px 30px rgba(0, 0, 0, 0.14);
}
.cv-pop-title { padding: 6px 8px 4px; font-size: 11px; font-weight: 600; color: #8e8e93; }
.cv-opt {
  width: 100%; display: flex; align-items: center; gap: 8px; padding: 6px 8px; border: 0; border-radius: 6px;
  background: none; cursor: pointer; font: inherit; font-size: 13px; color: #1d1d1f; text-align: left;
}
.cv-opt:hover { background: rgba(0, 0, 0, 0.05); }
.cv-opt.is-on { font-weight: 600; }
.cv-tick { width: 14px; flex: none; color: var(--accent, #006ad6); font-size: 12px; }
.cv-opt-label { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cv-reset { color: #6e6e73; font-size: 12.5px; }
.cv-sep { height: 0.5px; margin: 4px 6px; background: rgba(0, 0, 0, 0.1); }