/* ===== 基础布局 ===== */
* {
    box-sizing: border-box; /* 统一设置所有元素的盒子模型，保证 padding 和 border 不影响元素的总宽度 */
}
html, body {
    margin: 0; /* 移除浏览器默认的 margin */
    padding: 0; /* 移除浏览器默认的 padding */
    height: 100%; /* 设置 body 高度为 100%，用于全屏布局 */
    font-family: 'Segoe UI', sans-serif; /* 设置全局字体 */
    background-color: #C7EDCC; /* 设置背景色为淡绿色 */
    color: #333; /* 设置字体颜色 */
}

/* ===== 布局结构（iframe 页面适配）===== */
.sidebar {
    width: 220px; /* 左侧导航栏宽度 */
    background-color: #ffffff; /* 背景色为白色 */
    border-right: 1px solid #ccc; /* 右侧边框为浅灰色 */
    height: 100vh; /* 高度占满整个视口 */
    overflow-y: auto; /* 当内容超出时，显示纵向滚动条 */
}

.content {
    padding: 30px; /* 内容区域四周内边距 */
    background-color: #f4f6f9; /* 内容区背景色 */
}

/* ===== 左侧菜单（iframe 内的内容样式）===== */
.sidebar-title {
    text-align: center; /* 居中文本 */
    font-size: 18px; /* 字体大小 */
    color: #007bff; /* 蓝色文本 */
    font-weight: bold; /* 加粗 */
    padding: 20px 0 10px 0; /* 内边距设置，上下 20px 和 10px */
}

.sidebar a {
    display: block; /* 使链接元素块级显示 */
    padding: 10px 30px; /* 内边距 */
    text-decoration: none; /* 移除链接的下划线 */
    color: #333; /* 设置文字颜色为深灰色 */
}

.sidebar a:hover {
    background-color: #e9f5ff; /* 鼠标悬停时背景色变为淡蓝色 */
}

/* ===== 表单样式（通用）===== */
form {
    width: 600px; /* 表单宽度 */
    background-color: #ffffff; /* 背景色为白色 */
    padding: 20px; /* 内边距 */
    border: 1px solid #ccc; /* 边框为浅灰色 */
    box-shadow: none; /* 不使用阴影 */
    margin: auto; /* 居中对齐 */
}

form label {
    font-weight: bold; /* 标签文字加粗 */
    margin-top: 12px; /* 顶部间距 */
    display: block; /* 标签块级显示 */
    color: #333; /* 标签文字颜色 */
}

form input[type="text"],
form input[type="number"],
form input[type="datetime-local"],
form input[type="password"],
form select {
    width: 100%; /* 输入框宽度占满父容器 */
    padding: 8px; /* 内边距 */
    margin-top: 4px; /* 上间距 */
    border: 1px solid #ccc; /* 边框为浅灰色 */
    background-color: #fff; /* 背景色为白色 */
    color: #333; /* 文字颜色 */
    font-size: 16px; /* 字体大小 */
    border-radius: 0; /* 无圆角 */
}

/* 不定义 submit 样式，使用原生 */
form input[type="submit"] {
    margin-top: 20px; /* 上间距 */
}

/* ===== 登录页样式 ===== */
.login-container {
    width: 550px; /* 登录容器宽度 */
    background-color: #ffffff; /* 背景色为白色 */
    padding: 40px 30px; /* 内边距，上下 40px，左右 30px */
    border: 1px solid #ccc; /* 边框为浅灰色 */
    text-align: left; /* 文本左对齐 */
    box-sizing: border-box; /* 包括内边距和边框在内计算总宽度 */

    position: absolute; /* 定位 */
    top: 50%; /* 垂直居中 */
    left: 50%; /* 水平居中 */
    transform: translate(-50%, -50%); /* 移动，使元素完全居中 */
}

.login-container h2 {
    color: #007bff; /* 标题文字为蓝色 */
    margin-bottom: 25px; /* 下间距 */
    text-align: center; /* 居中对齐 */
}

.login-container form {
    width: 100%; /* 表单宽度占满父容器 */
}

.login-container input[type="text"],
.login-container input[type="password"] {
    width: 100%; /* 输入框宽度占满父容器 */
    box-sizing: border-box; /* 包括内边距计算总宽度 */
    padding: 8px; /* 内边距 */
    margin-top: 5px; /* 上间距 */
    border: 1px solid #ccc; /* 边框为浅灰色 */
    font-size: 16px; /* 字体大小 */
}

.login-container input[type="submit"] {
    padding: 8px; /* 内边距 */
    font-size: 16px; /* 字体大小 */
    border: 1px solid #ccc; /* 边框为浅灰色 */

    cursor: pointer; /* 鼠标指针为手型 */
    width: 100px; /* 宽度 100px */
}

.login-container .error {
    background-color: #ffe0e0; /* 错误提示背景色 */
    color: #d8000c; /* 错误提示文字为红色 */
    padding: 10px; /* 内边距 */
    border: 1px solid #d8000c; /* 红色边框 */
    margin-bottom: 15px; /* 下间距 */
    font-size: 14px; /* 字体大小 */
    text-align: center; /* 中心对齐 */
}

/* ===== 成功提示框 ===== */
.success-message {
    background-color: #d4edda; /* 成功提示背景色 */
    border-left: 5px solid #28a745; /* 左边绿色边框 */
    padding: 20px; /* 内边距 */
    margin-bottom: 20px; /* 下间距 */
    color: #155724; /* 文字颜色为绿色 */
    text-align: center; /* 中心对齐 */
    font-size: 16px; /* 字体大小 */
    width: 600px; /* 宽度 600px */
    margin-left: auto; /* 左对齐 */
    margin-right: auto; /* 右对齐 */
    border-radius: 0; /* 无圆角 */
}

/* ===== 链接样式 ===== */
.print-link,
.back-link {
    color: #007bff; /* 链接文字为蓝色 */
    text-decoration: none; /* 移除下划线 */
    display: block; /* 块级元素 */
    text-align: center; /* 中心对齐 */
    margin-top: 20px; /* 上间距 */
}

.print-link:hover,
.back-link:hover {
    text-decoration: underline; /* 悬停时显示下划线 */
}

/* 表格样式 */
.inventory-table {
    width: 100%; /* 表格宽度占 80% */
    border-collapse: collapse; /* 去掉表格间的空隙 */
    margin-top: 0px; /* 上间距 */
    border: 1px solid #ccc; /* 边框为浅灰色 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 表格阴影 */
}

.inventory-table th,
.inventory-table td {
    padding: 12px 18px; /* 内边距 */
    text-align: left; /* 左对齐 */
    border-bottom: 1px solid #ddd; /* 底部边框 */
   
}

.inventory-table th {
    background-color: #BFD641; /* 表头背景色 */
    color: white; /* 表头文字颜色 */
    font-size: 16px; /* 字体大小 */
}

.inventory-table tr:nth-child(even) {
    background-color: #ECF1D2; /* 偶数行背景色 */
}

.inventory-table tr:hover {
    background-color: #e9f5ff; /* 鼠标悬停时的背景色 */
    cursor: pointer; /* 鼠标悬停时的光标变化 */
}

.inventory-table td {
    font-size: 14px; /* 字体大小 */
   
}

.inventory-table td[colspan="5"] {
    text-align: center; /* 合并列时文字居中 */
    font-style: italic; /* 斜体文字 */
    color: #999; /* 浅灰色 */
}

/* 表格聚焦效果 */
.inventory-table tr:focus-within {
    background-color: #e0f7fa; /* 聚焦时背景色 */
    outline: 2px solid #007bff; /* 聚焦时边框颜色 */
}

/* ===== 分页样式 ===== */
.pagination {
    text-align: center; /* 分页按钮居中 */
    margin-top: 20px; /* 上间距 */
    background-color: #C7EDCC; /* 与 body 背景一致 */
    padding: 10px 0; /* 上下内边距 */
}

.pagination a,
.pagination span {
    display: inline-block; /* 块级元素 */
    padding: 6px 12px; /* 内边距 */
    margin: 2px; /* 外间距 */
    border: 1px solid #666; /* 边框 */
    text-decoration: none; /* 去掉链接下划线 */
}

.pagination .current {
    background-color: #D3D3D3; /* 当前页背景色 */
    font-weight: bold; /* 加粗 */
}

.pagination input[type="number"] {
    width: 50px; /* 输入框宽度 */
    text-align: center; /* 文本居中 */
    padding: 4px; /* 内边距 */
    border: 1px solid #999; /* 边框 */
    color: #333; /* 文字颜色 */
}

.pagination input[type="submit"] {
    padding: 6px 16px; /* 内边距 */
    margin-left: 5px; /* 左间距 */
    background-color: #d3d3d3; /* 灰色底色 */
    color: #333; /* 黑色文字 */
    border: 1px solid #999; /* 边框 */
    cursor: pointer; /* 鼠标指针 */
}

.pagination input[type="submit"]:hover {
    background-color: #b0b0b0; /* 鼠标悬停时的颜色 */
}

/* ===== 跳页表单背景色 ===== */
.pagination form {
    display: inline-block; /* 使表单为行内块级元素 */
    background-color: #C7EDCC; /* 与分页背景一致 */
    padding: 5px 10px; /* 内边距 */
    border: 0px solid #ccc; /* 无边框 */
    margin-left: 10px; /* 左间距 */
}

.pagination form input[type="number"] {
    width: 50px; /* 输入框宽度 */
    padding: 4px; /* 内边距 */
    background-color: #ffffff; /* 背景色为白色 */
    border: 1px solid #999; /* 边框 */
    color: #333; /* 文字颜色 */
}

.pagination form input[type="submit"] {
    padding: 10px 16px; /* 内边距 */
    margin-left: 5px; /* 左间距 */
    color: #000; /* 黑色文字 */
    cursor: pointer; /* 鼠标指针 */
    font-weight: bold; /* 加粗 */
    border: 1px solid #666; /* 深灰色边框 */
}

.pagination form input[type="submit"]:hover {
    background-color: #A0A3A5; /* 鼠标悬停时颜色变暗 */
    font-weight: bold; /* 加粗 */
}

.today-row {
    color: #cc0000 !important; /* 深红 */

}

.outbound-form {
    width: 90%;
    margin: 0;    /* 移除外边距 */
    padding: 0;   /* 移除内边距 */
    text-align: center;
	background-color: inherit; /* 显式继承父级背景 */
	border: 0px solid #666; /* 深灰色边框 */
}

.export-form{
		background-color: inherit; /* 显式继承父级背景 */
		}
.diy-table1{
	background-color: #A9EAAB;
	
}
.selected-row {
    background-color: #60DE63 !important; /* 淡绿色背景 */
  /*  font-weight: bold;  加粗字体 */
}