/* +----------------------------------------------------------------------
/* | Static Plugin for ThinkAdmin
/* +----------------------------------------------------------------------
/* | 官方网站: https://thinkadmin.top
/* +----------------------------------------------------------------------
/* | 版权所有 2014~2024 ThinkAdmin [ thinkadmin.top ]
/* +----------------------------------------------------------------------
/* | 开源协议 ( https://mit-license.org )
/* | 免责声明 ( https://thinkadmin.top/disclaimer )
/* +----------------------------------------------------------------------
/* | gitee 代码仓库：https://gitee.com/zoujingli/think-plugs-static
/* | github 代码仓库：https://github.com/zoujingli/think-plugs-static
/* +----------------------------------------------------------------------
/* | 自定义后台扩展样式，需要在加载 console.css 后载入
/* | 使用 composer require zoujingli/think-plugs-static 时不会更新此文件
/* +---------------------------------------------------------------------- */

/* ==============================
 * 派单端：顶部菜单防重叠优化
 * - 仅对 body 带 paidan-layout 的页面生效
 * ============================== */

.paidan-layout .paidan-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
}

/* 兼容 Layui 默认的绝对定位布局，强制改为 flex 流式布局 */
.paidan-layout .paidan-header .layui-logo,
.paidan-layout .paidan-header .layui-nav.layui-layout-left,
.paidan-layout .paidan-header .layui-nav.layui-layout-right {
  position: static !important;
}

.paidan-layout .paidan-header .layui-logo {
  width: auto;
  padding: 0 12px;
  font-weight: 600;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 0 auto;
}

/* 左侧菜单：空间不足时可横向滚动，不挤压右侧用户区 */
.paidan-layout .paidan-header .layui-nav.layui-layout-left {
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  display: flex;
}

.paidan-layout .paidan-header .layui-nav.layui-layout-left .layui-nav-item {
  float: none;
  flex: 0 0 auto;
}

/* 右侧用户区：保持内容完整 */
.paidan-layout .paidan-header .layui-nav.layui-layout-right {
  flex: 0 0 auto;
}

/* 让 nav 更贴合 flex 容器（避免默认 margin/padding 影响对齐） */
.paidan-layout .paidan-header > .layui-nav {
  margin: 0;
  padding: 0;
  background: transparent;
}

@media screen and (max-width: 768px) {
  .paidan-layout .paidan-header {
    padding: 0 6px;
    gap: 6px;
  }

  .paidan-layout .paidan-header .layui-logo {
    max-width: 140px;
    padding: 0 8px;
  }

  .paidan-layout .paidan-header .layui-nav .layui-nav-item > a {
    padding: 0 12px;
  }
}