/**
 * 后台列表页皮肤（表格工具栏 / 操作按钮）
 * 修改人：Leek  时间：2026-10-18 14:16
 * 说明：仅覆盖视觉样式，不改动 layui table 的 DOM 结构与尺寸逻辑。
 *      与 index.css 的框架皮肤同一套变量（主色 #2f6fed、圆角 8/12、浅灰蓝分隔线）。
 */

:root {
    --fi-list-line: #eef1f7;
    --fi-list-border: #e8edf6;
    --fi-list-muted: #6b7a90;
}

/* ============ 表格容器 ============ */
/* 注意：不能给 .layui-table-view 加 overflow:hidden，会裁掉筛选下拉面板与固定列 */
.layui-table-view {
    border-color: var(--fi-list-border);
    border-radius: 12px;
}

/* ============ 工具栏 ============ */
.layui-table-tool {
    min-height: 56px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--fi-list-line);
    border-radius: 12px 12px 0 0;
    background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
    line-height: 32px;
}

.layui-table-tool .layui-btn-container {
    margin-bottom: 0;
}

/* ---- 左侧操作按钮（新增 / 删除 等） ---- */
.layui-table-tool .layui-btn-container .layui-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    margin: 0 8px 0 0;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .2px;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.layui-table-tool .layui-btn-container .layui-btn > i {
    margin-right: 5px;
    padding: 0;
    font-size: 13px;
    line-height: 1;
}

.layui-table-tool .layui-btn-container .layui-btn:active {
    transform: translateY(1px);
    box-shadow: none;
}

/* 主操作：新增 */
.layui-table-tool .layui-btn-container .layui-btn.layui-btn-default {
    border-color: transparent;
    color: #ffffff;
    background: linear-gradient(135deg, var(--fi-primary-light) 0%, var(--fi-primary) 100%);
    box-shadow: 0 6px 14px -8px rgba(var(--fi-primary-rgb), .85);
}

.layui-table-tool .layui-btn-container .layui-btn.layui-btn-default:hover {
    background: linear-gradient(135deg, #5b95ff 0%, #3574f5 100%);
    box-shadow: 0 10px 18px -9px rgba(var(--fi-primary-rgb), .95);
    transform: translateY(-1px);
}

/* 危险操作：删除 —— 浅底描边，避免和主操作抢视觉 */
.layui-table-tool .layui-btn-container .layui-btn.layui-btn-danger {
    border-color: #f4d4d2;
    color: #e0554f;
    background-color: #fdf3f2;
    box-shadow: none;
}

.layui-table-tool .layui-btn-container .layui-btn.layui-btn-danger:hover {
    border-color: #eeb9b5;
    color: #c9423e;
    background-color: #fbe9e8;
    transform: translateY(-1px);
}

/* 无权限（禁用）态保持静默 */
.layui-table-tool .layui-btn-container .layui-btn.layui-btn-forbid {
    border-color: #eaeef5;
    color: #a6b1c2;
    background: #f7f9fc;
    box-shadow: none;
}

/* ---- 右侧图标按钮（筛选 / 导出 / 打印） ---- */
.layui-table-tool .layui-table-tool-self {
    top: 13px;
    right: 16px;
}

.layui-table-tool .layui-table-tool-self .layui-inline[lay-event] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin: 0 0 0 6px;
    padding: 0;
    border: 1px solid var(--fi-list-border);
    border-radius: 8px;
    color: var(--fi-list-muted);
    background-color: #ffffff;
    line-height: 1;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .03);
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.layui-table-tool .layui-table-tool-self .layui-inline[lay-event] .layui-icon {
    font-size: 14px;
}

.layui-table-tool .layui-table-tool-self .layui-inline[lay-event]:hover {
    border-color: #cfe0ff;
    color: var(--fi-primary);
    background-color: #f4f8ff;
    box-shadow: 0 6px 14px -10px rgba(var(--fi-primary-rgb), .8);
}

/* 筛选下拉面板 */
.layui-table-tool .layui-table-tool-self .layui-table-tool-panel {
    top: 40px;
    border: 1px solid var(--fi-list-border);
    border-radius: 10px;
    box-shadow: 0 18px 36px -22px rgba(16, 24, 40, .5);
}

/* 窄屏：按钮与图标避免换行拥挤 */
@media screen and (max-width: 768px) {
    .layui-table-tool {
        padding: 10px 12px;
    }

    .layui-table-tool .layui-table-tool-self {
        right: 12px;
    }

    .layui-table-tool .layui-table-tool-temp {
        padding-right: 96px;
    }
}