/* 仓库管理系统 - 全局样式 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Microsoft YaHei', sans-serif; background: #f0f2f5; }

.login-wrapper {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #1f3c88, #2d6cdf);
}
.login-card {
  width: 380px;
  padding: 40px 36px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.2);
}
.login-card h2 { text-align: center; margin-bottom: 28px; color: #1f3c88; }

.layout-container {
  display: flex;
  height: 100vh;
}
.aside-menu { width: 220px; background: #1f2d3d; color: #fff; }
.aside-logo {
  height: 60px; line-height: 60px; text-align: center;
  font-size: 18px; font-weight: bold; color: #fff;
  background: #17232f; letter-spacing: 2px;
}
.aside-menu .el-menu { border-right: none; }
.main-area { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
.main-header {
  height: 60px; background: #fff; display: flex; align-items: center;
  justify-content: space-between; padding: 0 20px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}
.main-content { flex: 1; padding: 20px; overflow: auto; }

.page-card { background: #fff; border-radius: 8px; padding: 20px; }
.toolbar { display: flex; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; align-items: center; }
.toolbar .spacer { flex: 1; }

.summary-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 20px; }
.summary-card { background: #fff; border-radius: 8px; padding: 18px; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
.summary-card .num { font-size: 26px; font-weight: bold; color: #1f3c88; margin-top: 6px; }
.summary-card .label { color: #666; font-size: 14px; }

.bill-form { max-width: 720px; }
.mt10 { margin-top: 10px; }
.text-danger { color: #f56c6c; }

/* 单据列表: 可点击行 */
.el-table .clickable-row { cursor: pointer; }
.el-table .clickable-row:hover td { background: #ecf5ff !important; }