/* 物料申领管理系统 · 统一公用样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "微软雅黑", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    background-color: #f5f7fa;
    color: #333;
    padding: 20px;
    line-height: 1.7;
}

/* 标题 */
h2 {
    font-size: 20px;
    margin-bottom: 16px;
    color: #222;
    border-left: 4px solid #005399;
    padding-left: 10px;
}

/* 按钮 */
.btn {
    display: inline-block;
    padding: 6px 14px;
    font-size: 14px;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
}
.btn-blue    { background: #005399; }
.btn-green   { background: #4CAF50; }
.btn-red     { background: #f44336; }
.btn-orange  { background: #FF9800; }
.btn-gray    { background: #909399; }

/* 表格（重点：隔行变色 + 鼠标hover） */
.table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.table th {
    background: #005399;
    color: #fff;
    padding: 10px;
    border: 1px solid #dee2e8;
    font-weight: normal;
}
.table td {
    padding: 10px;
    border: 1px solid #dee2e8;
}

/* 隔行灰色 */
.table tr:nth-child(odd)  { background-color: #ffffff; }
.table tr:nth-child(even) { background-color: #f8f9fa; }

/* 鼠标滑过变色 */
.table tr:hover {
    background-color: #e9f0fd !important;
}

/* 状态标签 */
.status {
    padding: 3px 8px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
}
.status-pending  { background: #FF9800; }
.status-approved { background: #4CAF50; }
.status-rejected { background: #f44336; }
.status-canceled { background: #909399; }

/* 表单 */
input, select, textarea {
    padding: 6px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
}
input:focus, select:focus, textarea:focus {
    border-color: #005399;
}

/* 表单排版 */
.form-box {
    background: #fff;
    padding: 20px;
    max-width: 760px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* 物料管理公用样式 */
.main-container {
    max-width: 850px;
    margin: 30px auto;
    padding: 0 15px;
}
.page-title {
    font-size: 18px;
    font-weight:bold;
    text-align:center;
    margin-bottom:20px;
}
.form-card {
    background:#fff;
    padding:30px;
    border-radius:8px;
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
    border:1px solid #eee;
}
.form-row {
    display:flex;
    align-items:center;
    margin-bottom:16px;
}
.form-row label {
    width:110px;
    text-align:right;
    padding-right:10px;
    font-weight:bold;
}
.form-row input,.form-row select,.form-row textarea {
    flex:1;
    padding:8px 12px;
    border:1px solid #ddd;
    border-radius:4px;
    font-size:14px;
}
.input-readonly {
    background:#f5f5f5;
    color:#666;
}
.form-btn-row {
    text-align:center;
    margin-top:25px;
}

/* ------------- 补充：系统必备增强样式 ------------- */

/* 小按钮（用于表格里的编辑/删除） */
.btn-sm {
    padding: 3px 8px;
    font-size: 12px;
}

/* 文字居中、居左、居右 */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* 自动换行，防止表格被撑破 */
.table td {
    word-break: break-word;
}

/* 弹出提示美化 */
.alert {
    padding: 10px 15px;
    margin: 15px 0;
    border-radius: 4px;
    font-size: 14px;
}
.alert-success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.alert-error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }



/* ------------- 补充：字体样式 ------------- */

.white18 {
    font-size: 20px; font-weight: bold; color: #FFFFFF; font-family: "华文仿宋"; line-height: 40px;
}
.white { font-size: 12px; color: #FFFFFF; }
.number { padding: 3px; height: 22px; border: 1px solid #CCCCCC; }
.yjcms {
    font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #626568; text-shadow: 1px 1px #C8CED4;
}
.red { color: #FF0000; }
.red14 { font-size: 14px; font-weight: bold; color: #FF0000; }
.z18 { font-size: 18px; font-weight: bold; }
.title16 { font-size: 16px; }
.z24 { font-size: 24px; color: #333333; }
.kk {
    background-color: #FFFFFF; box-shadow:0px 6px 5px #8D919A;
    border-top:5px solid #1C53D2; border:1px solid #798A9A;
}
.yzmkk { padding: 5px; border: 1px solid #CCCCCC; }
.dx { border-bottom:1px solid #EEEEEE; }
#logo {
    text-align:center; position:absolute; z-index:9999;
    margin-top:-20px; margin-left: 170px;
}
.kk1 {
    background-color: #FFFFFF; box-shadow:0px 3px 5px #333;
    border-top:5px solid #1C53D2; border:1px solid #798A9A;
    border-radius:6px;
}
.time {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;opacity:0.5;
}



#tjx {
	font-size: 14px;
	color: #FFFFFF;
	background-color: #3DA6FC;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 25px;
	height: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
                text-decoration: none;
	
}
#tjx1 {
	font-size: 14px;
	background-color: #F0F0F0;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 2px;
	height: 25px;
	border: 1px solid #CCCCCC;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 25px;
                text-decoration: none;
}
#tjx:hover {
	background-color: #FF9900;

}
#tjx2 {
	font-size: 14px;
	color: #FFFFFF;
	background-color: #FF3300;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 2px;
	line-height: 25px;
	height: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #CC3300;
                text-decoration: none;	
}
#tjx2:hover {
	background-color: #0066CC;
	border: 1px solid #0066CC;
}