/* =========================
   全局角色显示控制
   ========================= */

/* 仅管理员可见 */
body.role-operator .admin-only,
body.role-designer .admin-only {
    display: none !important;
}

/* 仅管理员 / 运营可见 */
body.role-designer .operator-admin-only {
    display: none !important;
}

/* 仅美工可见 */
body.role-admin .designer-only,
body.role-operator .designer-only {
    display: none !important;
}

/* 非美工可见 */
body.role-designer .non-designer-only {
    display: none !important;
}

/* 非管理员可见 */
body.role-admin .non-admin-only {
    display: none !important;
}

/* =========================
   只读控制
   ========================= */

.readonly-disabled {
    pointer-events: none;
    opacity: 0.6;
    user-select: none;
}

body.role-designer .designer-readonly {
    pointer-events: none;
    opacity: 0.6;
}

/* =========================
   body 上的角色类只用于权限控制
   ========================= */

body.role-admin {}
body.role-operator {}
body.role-designer {}

/* =========================
   角色标签
   ========================= */

.role-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.6;
    color: #fff;
}

.role-badge-admin {
    background: #dc3545;
}

.role-badge-operator {
    background: #007bff;
}

.role-badge-designer {
    background: #28a745;
}