/* =========================
   CA459 Global style.css
   约定：淡绿护眼 + 表格表单 form-table + 全站无圆角
   ========================= */

/* -------- 全局基础 -------- */
* { box-sizing: border-box; }

html, body{
    margin:0;
    padding:0;
    background:#f4f8f4;
    color:#222;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size:14px;
    line-height:1.5;
}

a{ color:#2a7f4f; text-decoration:none; }
a:hover{ text-decoration:underline; }

input, select, textarea, button{
    font-family: inherit;
    font-size:14px;
    border-radius:0;
}

table{ border-collapse:collapse; border-spacing:0; }

/* -------- 布局：左侧菜单 + 右侧内容 iframe -------- */
.layout{
    width:100%;
    height:100vh;
    border-collapse:collapse;
}

.layout td{
    vertical-align:top;
    padding:0;
}

.left-td{
    width: 210px;
    background:#eef5ee;
    border-right:1px solid #d9e3d9;
}

.main-td{
    background:#f4f8f4;
}

.left-frame{
    width:100%;
    height:100vh;
    border:0;
}

.main-frame{
    width:100%;
    height:100vh;
    border:0;
    background:#f4f8f4;
}

/* -------- 页面容器 -------- */
.page{
    width: 98%;
    margin: 10px auto;
    padding: 10px;
    background:#f4f8f4;
}

.card{
    background:#fff;
    border:1px solid #d9e3d9;
    padding: 12px;
}

h1,h2,h3{
    margin: 8px 0 12px 0;
    color:#2a7f4f;
    font-weight:700;
}

h2{
    text-align:center;
    font-size:20px;
}

/* -------- 提示/错误 -------- */
.alert{
    padding:10px;
    border:1px solid #f2c1c1;
    background:#fff6f6;
    color:#b30000;
    margin: 10px 0;
}

.notice{
    padding:10px;
    border:1px solid #cfe5cf;
    background:#f3fbf3;
    color:#2a7f4f;
    margin: 10px 0;
}

.muted{ color:#666; }

/* -------- 表单：你常用 form-table -------- */
.form-table{
    width:100%;
    background:#f4f8f4;
}

.form-table td{
    border:1px solid #d9e3d9;
    padding:10px;
}

.form-table td.label{
    width: 160px;
    text-align:right;
    background:#eef5ee;
    white-space:nowrap;
    color:#333;
}

.form-table input[type="text"],
.form-table input[type="password"],
.form-table input[type="date"],
.form-table input[type="number"],
.form-table select,
.form-table textarea{
    width: 95%;
    padding: 8px 10px;
    border:1px solid #cfcfcf;
    outline:none;
    background:#fff;
}

.form-table textarea{
    min-height: 80px;
    resize: vertical;
}

.form-table input:focus,
.form-table select:focus,
.form-table textarea:focus{
    border-color:#2a7f4f;
}

/* 行内表单（筛选区） */
.filter-bar{
    background:#eef5ee;
    border:1px solid #d9e3d9;
    padding:10px;
    margin-bottom: 10px;
}

.filter-bar label{
    margin-right: 6px;
    color:#333;
}

.filter-bar input[type="text"],
.filter-bar input[type="date"],
.filter-bar select{
    padding:6px 8px;
    border:1px solid #cfcfcf;
    background:#fff;
    margin-right: 10px;
}

/* -------- 按钮 -------- */
.btn{
    display:inline-block;
    padding: 8px 16px;
    border:1px solid #1f6a3f;
    background:#2a7f4f;
    color:#fff;
    cursor:pointer;
    text-decoration:none;
}

.btn:hover{ filter: brightness(0.98); text-decoration:none; }

.btn-gray{
    border:1px solid #999;
    background:#f2f2f2;
    color:#333;
}

.btn-red{
    border:1px solid #b23b3b;
    background:#d9534f;
    color:#fff;
}

.btn-small{
    padding: 5px 10px;
    font-size:12px;
}

.btn-row{
    margin: 14px 0 6px 0;
    text-align:center;
}

.btn-row-left{
    margin: 14px 0 6px 0;
    text-align:left;
}

/* -------- 列表表格 -------- */
.list-table{
    width:100%;
    background:#fff;
}

.list-table th, .list-table td{
    border:1px solid #d9e3d9;
    padding: 8px 8px;
}

.list-table th{
    background:#eef5ee;
    color:#333;
    text-align:center;
    font-weight:700;
}

.list-table td{
    background:#fff;
}

.list-table td.center{ text-align:center; }
.list-table td.right{ text-align:right; }
.list-table tr:hover td{ background:#f7fbf7; }

/* 数字列 */
.num{
    text-align:right;
    font-variant-numeric: tabular-nums;
}

/* -------- 分页 -------- */
.pagination{
    margin: 12px 0;
    text-align:center;
}

.pagination a,
.pagination span{
    display:inline-block;
    margin: 0 3px;
    padding: 6px 10px;
    border:1px solid #d9e3d9;
    background:#fff;
    color:#2a7f4f;
}

.pagination span.current{
    background:#2a7f4f;
    color:#fff;
    border-color:#1f6a3f;
}

/* -------- 左侧菜单（left.php 用） -------- */
.menu{
    padding: 10px 10px 16px 10px;
}

.menu h3{
    margin: 6px 0 10px 0;
    font-size:16px;
    color:#2a7f4f;
    text-align:center;
}

.menu a{
    display:block;
    padding: 9px 10px;
    margin: 6px 0;
    background:#fff;
    border:1px solid #d9e3d9;
    color:#2a7f4f;
}

.menu a:hover{
    background:#f7fbf7;
    text-decoration:none;
}

.menu a.active{
    background:#2a7f4f;
    color:#fff;
    border-color:#1f6a3f;
}

/* -------- 小工具样式 -------- */
.badge{
    display:inline-block;
    padding:2px 8px;
    border:1px solid #d9e3d9;
    background:#fff;
    color:#333;
    font-size:14px;
}

.hr{
    height:1px;
    background:#d9e3d9;
    margin: 12px 0;
}

/* -------- 移动端简单适配 -------- */
@media (max-width: 768px){
    .left-td{ width: 160px; }
    .form-table td.label{ width: 120px; }
    .page{ width: 99%; }
}