/* 全局样式 */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body, #app { height: 100%; width: 100%; font-family: 'Microsoft YaHei', Arial, sans-serif; }
body { background-color: #f5f7fa; }

/* 未入库行高亮 - 浅绿色 */
.row-pending { background-color: #e8f5e9 !important; }
.row-pending td { background-color: #e8f5e9 !important; }

.page-container { padding: 8px; }
.search-bar { background: #fff; padding: 16px; border-radius: 4px; margin-bottom: 16px; }

/* 搜索区域：上下 padding 为 0，行间距适中 */
.search-bar.el-card { padding: 0 6px; margin-bottom: 0; }
.search-bar .el-form--inline .el-form-item { margin-bottom: 8px; margin-right: 8px; }
.search-bar .el-form--inline .el-form-item__label { padding-right: 4px; }
.action-bar { margin-bottom: 16px; display: flex; gap: 12px; flex-wrap: wrap; }
.pagination { margin-top: 8px; display: flex; justify-content: flex-end; }

/* 登录页 */
.login-container {
  height: 100vh; display: flex; align-items: center; justify-content: center;
  position: relative;
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
}
.beian-footer {
  position: absolute; bottom: 16px; left: 0; right: 0; text-align: center;
}
.beian-footer a { color: rgba(255,255,255,0.75); font-size: 13px; text-decoration: none; }
.beian-footer a:hover { color: #fff; text-decoration: underline; }
.login-box {
  width: 400px; background: #fff; border-radius: 12px; padding: 40px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.login-title { text-align: center; font-size: 24px; color: #303133; margin-bottom: 8px; }
.login-subtitle { text-align: center; font-size: 14px; color: #909399; margin-bottom: 32px; }
.login-tip { text-align: center; font-size: 12px; color: #c0c4cc; margin-top: 16px; }

/* 侧边栏 */
.sidebar { background-color: #001529; overflow: hidden; }
.logo {
  height: 44px; display: flex; align-items: center; justify-content: center;
  gap: 10px; color: #fff; border-bottom: 1px solid #1f2d3d;
}
.logo-text { font-size: 15px; font-weight: 600; }

.header {
  background: #fff; border-bottom: 1px solid #e4e7ed;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 16px; height: 44px;
}
.page-title { font-size: 16px; font-weight: 600; color: #303133; }
.user-info {
  display: flex; align-items: center; gap: 6px; cursor: pointer;
  color: #606266; font-size: 13px;
}
.main-content { background-color: #f5f7fa; padding: 0; overflow-y: auto; }

/* 物料查询 Tab：flex 布局，表格吃剩余高度，分页固定底部（独立页面不走这套） */
.query-page { display: flex; flex-direction: column; height: 100%; overflow: hidden; }
.query-tabs { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.query-tabs > .el-tabs__header { flex-shrink: 0; margin-bottom: 8px; }
.query-tabs > .el-tabs__content { flex: 1; min-height: 0; }
.query-tabs .el-tab-pane[aria-hidden="false"] { display: flex; flex-direction: column; height: 100%; }
/* 非日志类 tab：保持自然文档流，不做撑满（内容超高时面板内滚动） */
.query-tabs .el-tab-pane.auto-pane[aria-hidden="false"] { display: block; height: 100%; overflow-y: auto; }
.query-tabs .search-bar { flex-shrink: 0; }
.query-tabs .table-wrap { flex: 1; min-height: 0; }
.query-tabs .table-wrap .el-table { height: 100%; }
.query-tabs .pagination { flex-shrink: 0; }

/* 独立 PT/CP 管理页：flex 布局，分页固定底部 */
.standalone-page { display: flex; flex-direction: column; height: 100%; overflow: hidden; }
.standalone-page > .search-bar,
.standalone-page > .action-bar { flex-shrink: 0; }
.standalone-page > .table-wrap { flex: 1; min-height: 0; }
.standalone-page > .pagination { flex-shrink: 0; }

/* 卡片统计 */
.stat-card { padding: 20px; background: #fff; border-radius: 8px; margin-bottom: 16px; }
.stat-value { font-size: 28px; font-weight: 600; color: #303133; margin-bottom: 8px; }
.stat-label { font-size: 14px; color: #909399; }
.stat-card.primary .stat-value { color: #409eff; }
.stat-card.success .stat-value { color: #67c23a; }
.stat-card.warning .stat-value { color: #e6a23c; }
.stat-card.danger .stat-value { color: #f56c6c; }

/* 扫码输入 */
.scan-section { text-align: center; margin-bottom: 16px; }
.current-item-info { margin-top: 16px; padding: 12px; background: #f5f7fa; border-radius: 6px; }

/* 其他 */
.text-green { color: #67c23a; }
.text-red { color: #f56c6c; }
.text-warning { color: #e6a23c; }
.highlight-demo {
  display: inline-block; padding: 2px 8px;
  background-color: #e8f5e9; border-radius: 3px; font-weight: 500;
}