/* ============================================================
   P11 模块样式:组织架构 / 员工审核 / 员工账户(复用 P9)/ 员工积分 / 提现审核 / 权限组
   ------------------------------------------------------------
   复用 app.css 的设计系统变量与基础类(card / stat / btn / tag / table /
   form-row / form-grid / modal / pager / empty / hint / toolbar / perm-tree),
   这里只补本模块特有的:左右分栏、树、复选框列表、键值行、审核日志。
   ============================================================ */

/* ---------- 通用小件 ---------- */
.p11-muted { color: var(--text-3); font-size: 12.5px; margin-left: 6px; }
.p11-in { color: var(--success); }
.p11-out { color: var(--danger); }
.p11-sub-title { font-size: 14px; font-weight: 600; margin: 16px 0 8px; }
.p11-inline-check { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--text-2); }

/* ---------- 组织架构:左右分栏 ---------- */
.p11-split { display: grid; grid-template-columns: 360px 1fr; gap: 18px; align-items: start; }
@media (max-width: 1100px) { .p11-split { grid-template-columns: 1fr; } }

.p11-tree-wrap { padding: 12px 12px 14px; }
.p11-tree { min-height: 60px; }

.p11-tree-node { position: relative; }
.p11-children { margin-left: 16px; border-left: 1px dashed var(--border); padding-left: 6px; }

.p11-node-row {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border-radius: 6px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: background .12s;
}
.p11-node-row:hover { background: #f7f8fc; }
.p11-node-row.active { background: var(--primary-light); border-color: #d5dcfb; }
.p11-node-row.dragging { opacity: .45; }
.p11-node-row.drop-target { background: #eaf7ef; border-color: var(--success); }

.p11-node-toggle { width: 14px; color: var(--text-3); font-size: 12px; flex: 0 0 14px; text-align: center; }
.p11-node-name { font-size: 13.5px; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p11-node-count {
    font-size: 11.5px;
    color: var(--primary);
    background: var(--primary-light);
    border-radius: 10px;
    padding: 1px 8px;
    white-space: nowrap;
}
.p11-node-actions { display: flex; gap: 6px; opacity: 0; transition: opacity .12s; }
.p11-node-row:hover .p11-node-actions { opacity: 1; }
.p11-node-actions a { font-size: 13px; color: var(--text-2); }
.p11-node-actions a:hover { color: var(--primary); }

.p11-drop-root {
    margin-top: 10px;
    padding: 8px;
    border: 1px dashed var(--border);
    border-radius: 6px;
    text-align: center;
    font-size: 12.5px;
    color: var(--text-3);
}
.p11-drop-root.drop-target { border-color: var(--success); color: var(--success); background: #eaf7ef; }

/* ---------- 节点详情:键值行 ---------- */
.p11-kv {
    display: flex;
    gap: 10px;
    padding: 5px 0;
    font-size: 13.5px;
    border-bottom: 1px dashed #f1f2f4;
}
.p11-kv:last-of-type { border-bottom: none; }
.p11-kv > span { color: var(--text-2); min-width: 96px; flex: 0 0 96px; }
.p11-kv > b { font-weight: 500; word-break: break-all; }

/* ---------- 复选框列表(绑定员工 / 权限勾选) ---------- */
.p11-check-list {
    max-height: 340px;
    overflow-y: auto;
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 8px 11px;
}
.p11-check-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 2px;
    font-size: 13.5px;
    cursor: pointer;
    border-bottom: 1px dashed #f4f5f7;
}
.p11-check-item:last-child { border-bottom: none; }
.p11-check-item:hover { background: #fafbff; }

/* ---------- 权限树(在 app.css 的 .perm-tree 之上再分组) ---------- */
.p11-perm-node { margin-bottom: 6px; }
.p11-perm-children {
    margin-left: 22px;
    padding-left: 8px;
    border-left: 1px dashed var(--border);
}

/* ---------- 审核日志 ---------- */
.p11-log-list { max-height: 240px; overflow-y: auto; }
.p11-log-item {
    padding: 8px 10px;
    border: 1px solid var(--border);
    border-radius: 6px;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.7;
    background: #fafbfc;
}
.p11-log-item b { color: var(--text); }