/* ===== 榴莲预购供应链系统 · PC工厂总后台 全局样式 =====
   主题：橙色系（榴莲主题），简洁大方 */

:root {
  --brand: #E6A23C;
  --brand-dark: #cf8f2e;
  --bg: #f5f6f8;
}

/* 防止 Vue 未挂载时模板闪烁 */
[v-cloak] { display: none; }

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
}

/* ---------- 登录页 ---------- */
.login-wrap {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2b2b2b 0%, #4a3a20 60%, #7a5a22 100%);
}
.login-card {
  width: 380px;
  background: #fff;
  border-radius: 12px;
  padding: 40px 36px 28px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .35);
}
.login-logo { font-size: 20px; font-weight: bold; text-align: center; color: var(--brand); }
.login-sub { text-align: center; color: #999; margin: 6px 0 24px; font-size: 13px; }
.login-tip { text-align: center; color: #bbb; font-size: 12px; margin-top: 14px; }

/* ---------- 主布局 ---------- */
.main-layout { height: 100vh; }
.side-menu {
  background: #fff;
  border-right: 1px solid #e8e8e8;
  display: flex;
  flex-direction: column;
}
.side-logo {
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  color: var(--brand);
  border-bottom: 1px solid #eee;
}
.side-menu .el-menu { border-right: none; flex: 1; }
.side-menu .el-menu-item.is-active { background: #fdf3e3; }
.side-footer {
  padding: 14px 20px;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #666;
  font-size: 13px;
}
.main-content { padding: 18px; overflow-y: auto; }

/* ---------- 通用 ---------- */
.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}
.filter-bar { display: flex; gap: 8px; align-items: center; font-weight: normal; }
.table-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 14px;
}
.code-text { font-family: Consolas, monospace; color: var(--brand-dark); margin-right: 6px; font-weight: bold; }

/* ---------- 档口列表：待审核行高亮 ---------- */
/* 提醒工厂及时处理入驻申请；第二个选择器用于覆盖斑马纹行背景（与 EP 斑马纹选择器同优先级，本文件在后加载生效） */
.el-table .stall-pending-row td.el-table__cell,
.el-table--striped .el-table__body tr.stall-pending-row td.el-table__cell { background-color: #fdf6ec; }

/* ---------- 表单内的补充说明文字 ---------- */
.form-tip { color: #999; font-size: 12px; margin-left: 6px; }

/* ---------- 物流时间线 ---------- */
/* 时间线节点行：左侧状态文案、右侧"改时间"按钮，两端对齐 */
.node-line { display: flex; justify-content: space-between; align-items: center; }

/* ---------- 表格内 el-dropdown 间距 ---------- */
/* Element Plus 只给相邻 el-button 加间距，中间隔了下拉菜单时需手动补齐 */
.el-table .el-button + .el-dropdown,
.el-table .el-tag + .el-dropdown,
.el-table .el-dropdown + .el-button { margin-left: 12px; }
.el-table .el-dropdown { vertical-align: middle; }

/* ---------- 看板统计卡 ---------- */
.stat-cards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-bottom: 16px;
}
.stat-card {
  background: #fff;
  border-radius: 10px;
  padding: 20px 10px;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
}
.stat-num { font-size: 28px; font-weight: bold; color: var(--brand-dark); }
.stat-label { color: #888; font-size: 13px; margin-top: 6px; }