/* ============================================================
   admin 内容页共享主题（iframe 内页面引入）
   与框架（layout.css）同一设计系统：品牌色 #0EA5E9
   注意：本文件在各页面自身 <style> 之前加载，页面内同名样式可覆盖
   ============================================================ */
:root {
    --brand: #0EA5E9;
    --brand-dark: #0284C7;
    --bg: #F1F5F9;
    --card: #ffffff;
    --text: #0F172A;
    --text-sub: #64748B;
    --line: #E2E8F0;
    --radius: 10px;
}

body {
    font-family: "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif;
    background: var(--bg);
    color: var(--text);
}

/* 统计卡片 */
.stats-container, .stats-cards, .stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
}
.stat-card {
    background: var(--card) !important;
    border-radius: var(--radius) !important;
    padding: 20px !important;
    border: 1px solid var(--line);
    box-shadow: 0 1px 2px rgba(15,23,42,0.04) !important;
    position: relative;
    overflow: hidden;
    transition: all 0.2s;
    flex: none !important;
}
.stat-card:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(15,23,42,0.08) !important; }
.stat-card .number, .stat-card .stat-value {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--text) !important;
    font-variant-numeric: tabular-nums;
}
.stat-card .label, .stat-card .stat-label { color: var(--text-sub) !important; font-size: 12px !important; }

/* 卡片 */
.layui-card {
    background: var(--card);
    border-radius: var(--radius);
    border: 1px solid var(--line);
    box-shadow: 0 1px 2px rgba(15,23,42,0.04);
    margin-bottom: 16px;
}
.layui-card-header { padding: 15px 20px; font-size: 15px; font-weight: 600; color: var(--text); border-bottom: 1px solid var(--line); }
.layui-card-body { padding: 18px 20px; }

/* 搜索栏 */
.search-bar {
    display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
    background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
    padding: 12px 14px; margin-bottom: 16px;
}
.search-bar input, .search-bar select {
    padding: 9px 12px; border: 1px solid var(--line); border-radius: 8px;
    font-size: 13px; color: var(--text); background: #fff; outline: none; transition: all 0.15s;
}
.search-bar input:focus, .search-bar select:focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(14,165,233,0.12); }
.search-bar button {
    padding: 9px 22px; background: var(--brand); color: #fff; border: none; border-radius: 8px;
    font-size: 13px; cursor: pointer; transition: background 0.15s;
}
.search-bar button:hover { background: var(--brand-dark); }

/* 表格 */
.layui-table {
    background: var(--card);
    border-collapse: separate; border-spacing: 0;
    width: 100%; border: 1px solid var(--line) !important; border-radius: 0 !important;
    overflow: hidden;
}
.layui-table th {
    background: #F8FAFC !important; color: var(--text-sub) !important;
    font-size: 12px; font-weight: 600; height: 30px; padding: 0 15px !important;
    line-height: 30px; border-bottom: 1px solid var(--line);
}
.layui-table td { padding: 0 15px !important; height: 26px; line-height: 26px; color: var(--text); font-size: 13px; border-bottom: 1px solid #F1F5F9; }
.layui-table tr:last-child td { border-bottom: none; }
.layui-table tbody tr { transition: background 0.12s; }
.layui-table tbody tr:hover { background: #F8FAFC; }

/* 状态胶囊 */
.status-pending, .status-paid, .status-completed, .status-active, .status-inactive {
    display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; line-height: 18px;
}
.status-pending { color: #B45309; background: #FEF3C7; }
.status-paid { color: #15803D; background: #DCFCE7; }
.status-completed { color: var(--brand-dark); background: #E0F2FE; }
.status-active { color: #15803D; background: #DCFCE7; }
.status-inactive { color: #B91C1C; background: #FEE2E2; }

/* layui 按钮品牌化 */
.layui-btn { background: var(--brand) !important; border-radius: 8px !important; }
.layui-btn:hover { opacity: 0.9; }
.layui-btn-warm { background: #F59E0B !important; }
.layui-btn-danger { background: #DC2626 !important; }
.layui-btn-normal { background: var(--brand-dark) !important; }
.layui-btn-primary { background: #fff !important; border: 1px solid var(--line) !important; color: var(--text-sub) !important; }

/* 表单 */
.layui-form-label { color: var(--text-sub); }
.layui-input, .layui-select, .layui-textarea { border-radius: 8px; border-color: var(--line); }
.layui-input:focus, .layui-select:focus, .layui-textarea:focus { border-color: var(--brand) !important; box-shadow: 0 0 0 3px rgba(14,165,233,0.12); }

/* 分页 */
.layui-laypage .layui-laypage-curr .layui-laypage-em { background: var(--brand) !important; border-radius: 6px; }
.layui-laypage a, .layui-laypage span { border-radius: 6px !important; margin: 0 3px !important; }

/* 弹层圆角 */
.layui-layer { border-radius: 10px !important; overflow: hidden; }

/* ============================================================
   table.render 动态表格统一（全站对齐价格管理观感）
   覆盖 .layui-table-view 整套结构：工具栏/表头/主体/固定列/分页条
   ============================================================ */
.layui-table-view {
    margin: 0 !important;
    border: 1px solid var(--line) !important;
    border-radius: 0 !important;
    background: var(--card) !important;
    box-shadow: 0 1px 2px rgba(15,23,42,0.04) !important;
    overflow: hidden;
}
/* 工具栏（新增/批量删除按钮区） */
.layui-table-tool {
    background: var(--card) !important;
    border-color: var(--line) !important;
    padding: 12px 14px !important;
    min-height: 0 !important;
}
.layui-table-tool-temp { padding-bottom: 0 !important; }
/* 表头 */
.layui-table-view .layui-table-header,
.layui-table-view th,
.layui-table-view .layui-table th {
    background: #F8FAFC !important;
}
.layui-table-view .layui-table th {
    color: var(--text-sub) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    height: auto !important;
    padding: 0 !important;
    border-bottom: 1px solid var(--line) !important;
}
/* 主体单元格：行高 26px（layui 的 .layui-table-cell 自带 38px，必须直接覆盖它） */
.layui-table-view .layui-table td {
    padding: 0 !important;
    height: 26px !important;
    line-height: 26px !important;
    color: var(--text);
    font-size: 13px;
    border-color: #F1F5F9 !important;
}
.layui-table-view .layui-table-cell {
    height: 26px !important;
    line-height: 26px !important;
    padding: 0 15px !important;
}
/* 表头单元格略高，保持层级感 */
.layui-table-view .layui-table th .layui-table-cell {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 15px !important;
}
/* 复选框/单选框在 26px 行内垂直居中 */
.layui-table-view .layui-table-cell .layui-form-checkbox[lay-skin=primary],
.layui-table-view .layui-table-cell .layui-form-radio { top: 0 !important; }
.layui-table-view .layui-table tbody tr { transition: background 0.12s; }
.layui-table-view .layui-table tbody tr:hover,
.layui-table-view .layui-table-hover,
.layui-table-hover td {
    background: #F8FAFC !important;
}
/* 固定列阴影弱化 */
.layui-table-fixed-r, .layui-table-fixed-l { border-color: var(--line) !important; box-shadow: none !important; }
/* 分页条 */
.layui-table-page {
    background: var(--card) !important;
    border-color: var(--line) !important;
    padding: 6px 14px !important;
    height: 44px !important;
}
/* 空数据 */
.layui-table-none { color: #94A3B8 !important; padding: 32px 0 !important; }
/* 排序图标 */
.layui-table-sort .layui-edge { border-color: transparent; }