/* ============================================================
   PMS web 顶栏响应式修复 2026-09-15（产物级 CSS override）
   修复：1366-1920px 临界区间搜索框挤压覆盖模块菜单致截断
   策略：CSS/flex 层最小改动，不动 JS 逻辑/菜单结构/路由
   ============================================================ */

/* 基线（全视口生效）：品牌区不再硬占 232px；搜索框可收缩；导航项禁止压缩 */
.pms-header__brand { min-width: 0; flex-shrink: 0; }
.pms-header__nav { flex: 1 1 auto; min-width: 0; }
.pms-header__nav-item { flex-shrink: 0; }
.pms-header__right { gap: 8px; flex-shrink: 0; }
.pms-global-search { width: 180px !important; min-width: 140px !important; flex-shrink: 1 !important; }

/* ≤1680px：收窄菜单字号/padding，骨架占位入口（服务市场/帮助/移动端）图标化 */
@media (max-width: 1680px) {
  .pms-header__nav-item { padding: 0 6px; font-size: 12px; }
  .pms-header__ctx { font-size: 12px; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .pms-header__ctx[title="服务市场"],
  .pms-header__ctx[title="帮助"],
  .pms-header__ctx[title="移动端"] { font-size: 0; gap: 0; max-width: none; overflow: visible; }
  .pms-header__ctx[title="服务市场"] .el-icon,
  .pms-header__ctx[title="帮助"] .el-icon,
  .pms-header__ctx[title="移动端"] .el-icon { font-size: 16px; }
}

/* ≤1400px：隐藏班次，进一步收窄 */
@media (max-width: 1400px) {
  .pms-header { padding: 0 10px; }
  .pms-header__ctx[title="当前班次"] { display: none; }
  .pms-header__nav-item { padding: 0 5px; }
  .pms-header__product { font-size: 13px; }
  .pms-global-search { width: 150px !important; }
  .pms-header__right { gap: 6px; }
}

/* ≤1280px：搜索框收缩为放大镜图标，点击（focus-within）展开输入框 */
@media (max-width: 1280px) {
  .pms-global-search { width: 34px !important; min-width: 34px !important; overflow: hidden; flex-shrink: 0 !important; cursor: pointer; }
  .pms-global-search:focus-within { width: 200px !important; overflow: visible; }
}